\r\n
\r\n \r\n );\r\n};\r\n\r\nWarningPopover.propTypes = {\r\n icon: PropTypes.node,\r\n content: PropTypes.node,\r\n onCancel: PropTypes.func.isRequired,\r\n title: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\r\n};\r\n\r\nWarningPopover.defaultProps = {\r\n title: 'Whoops!',\r\n};\r\n\r\nexport default WarningPopover;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { Portal } from 'react-portal';\r\n\r\nimport Spinner from 'css/components/Spinner';\r\n\r\nimport PopoverContainer from './PopoverContainer';\r\nimport { SpinnerWrapper } from './styles';\r\n\r\nconst LoadingPopover = props => (\r\n {props.icon}
\r\n {props.title}
\r\n {props.content}
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n \r\n );\r\n};\r\n\r\n\r\nLabel.propTypes = {\r\n children: PropTypes.node,\r\n text: PropTypes.string,\r\n labelPosition: PropTypes.string,\r\n className: PropTypes.string,\r\n alignY: PropTypes.string,\r\n hideOverflowText: PropTypes.bool,\r\n capitalize: PropTypes.bool,\r\n autoGrowText: PropTypes.bool,\r\n};\r\n\r\nexport default Label;\r\n","export const ADD_ROLE_PERMISSION = 'ADD_ROLE_PERMISSION';\r\nexport const REMOVE_ROLE_PERMISSION = 'REMOVE_ROLE_PERMISSION';\r\nexport const UPDATE_ROLE_DETAILS = 'UPDATE_ROLE_DETAILS';\r\nexport const RESET_ROLE_DETAILS = 'RESET_ROLE_DETAILS';\r\nexport const UPDATE_ROLE_FIELD = 'UPDATE_ROLE_FIELD';\r\n\r\nexport const displayPriorityOfPrimaryRoles = {\r\n super_admin: 1,\r\n admin: 2,\r\n manager: 3,\r\n user: 4,\r\n};\r\n\r\nexport const ACCOUNT_ROLES = {\r\n SUPER_ADMIN: 'Super Admin',\r\n ADMIN: 'Admin',\r\n MANAGER: 'Manager',\r\n USER: 'User',\r\n};\r\n\r\n/**\r\n * Reports (Attendance Summary, Event Report, Financial & Billing).\r\n * Users do not have Reports access at all.\r\n */\r\nexport const REPORTS_ACCESS_ROLES = [\r\n ACCOUNT_ROLES.SUPER_ADMIN,\r\n ACCOUNT_ROLES.ADMIN,\r\n ACCOUNT_ROLES.MANAGER,\r\n];\r\n","import CONSTANTS from \"shared/utils/constants\";\r\n\r\n/** Loose match for sanctioning body ids (API may use number vs string). */\r\nexport const includesSanctioningBodyId = (sanctioningBodyIds, candidateId) =>\r\n Array.isArray(sanctioningBodyIds) &&\r\n candidateId != null &&\r\n candidateId !== \"\" &&\r\n sanctioningBodyIds.some((id) => Number(id) === Number(candidateId));\r\n\r\n/** Pass type ids for Minor Hot / Minor Code (Minor Cold) per PASS_TYPE_BY_ID. */\r\nexport const MINOR_HOT_PASS_TYPE_ID = 5;\r\nexport const MINOR_CODE_PASS_TYPE_ID = 6;\r\n\r\n/**\r\n * Minor Hot or Minor Code (Minor Cold) pass types used for sanctioning-body minor pricing rules.\r\n */\r\nexport function isMinorHotPassType(passTypeId, passTypeName) {\r\n const name = (passTypeName || \"\").toUpperCase();\r\n const nameIsHot =\r\n name === CONSTANTS.SYSTEM_PASS_TYPE_NAME_CODE.MINOR_HOT ||\r\n name.includes(\"MINOR HOT\") ||\r\n name.includes(\"MINOR-HOT\");\r\n const nameIsCold =\r\n name === CONSTANTS.SYSTEM_PASS_TYPE_NAME_CODE.MINOR_COLD ||\r\n name.includes(\"MINOR COLD\") ||\r\n name.includes(\"MINOR-COLD\");\r\n\r\n if (nameIsHot) {\r\n return true;\r\n }\r\n if (nameIsCold) {\r\n return false;\r\n }\r\n\r\n const id = passTypeId != null ? Number(passTypeId) : null;\r\n // Invite flows: MINOR_CODE id = MINOR HOT, MINOR_HOT id = MINOR COLD (see minorPassAllocation tests).\r\n if (id === MINOR_CODE_PASS_TYPE_ID) {\r\n return true;\r\n }\r\n if (id === MINOR_HOT_PASS_TYPE_ID) {\r\n return false;\r\n }\r\n return false;\r\n}\r\n\r\n/** True when a pass type object represents MINOR HOT (note required in minor invite flows). */\r\nexport function isMinorHotPassTypeEntity(passType) {\r\n if (!passType) {\r\n return false;\r\n }\r\n const id = passType.id ?? passType.Id;\r\n const name = passType.name ?? passType.Name ?? \"\";\r\n const displayName = passType.displayName ?? passType.DisplayName ?? \"\";\r\n return (\r\n isMinorHotPassType(id, name) ||\r\n isMinorHotPassType(id, displayName) ||\r\n isMinorHotPassType(null, name) ||\r\n isMinorHotPassType(null, displayName)\r\n );\r\n}\r\n\r\nexport function isMinorCodeOrHotPassType(passTypeId, passTypeName) {\r\n const id = passTypeId != null ? Number(passTypeId) : null;\r\n if (id === MINOR_HOT_PASS_TYPE_ID || id === MINOR_CODE_PASS_TYPE_ID) {\r\n return true;\r\n }\r\n const name = (passTypeName || \"\").toUpperCase();\r\n return (\r\n name === CONSTANTS.SYSTEM_PASS_TYPE_NAME_CODE.MINOR_HOT ||\r\n name === CONSTANTS.SYSTEM_PASS_TYPE_NAME_CODE.MINOR_COLD ||\r\n name.includes(\"MINOR HOT\") ||\r\n name.includes(\"MINOR COLD\") ||\r\n name.includes(\"MINOR-COLD\") ||\r\n name.includes(\"MINOR-HOT\")\r\n );\r\n}\r\n\r\n/**\r\n * Resolve sanctioning body id from invitation and/or event records (PascalCase or camelCase).\r\n */\r\nexport function pickSanctioningBodyId(invitation, event) {\r\n if (invitation) {\r\n const fromInvitation =\r\n invitation.sanctioningBody?.id ??\r\n invitation.sanctioningBody?.Id ??\r\n invitation.sanctioningBodyId ??\r\n invitation.SanctioningBodyId;\r\n if (fromInvitation != null && fromInvitation !== \"\") {\r\n return fromInvitation;\r\n }\r\n }\r\n if (event) {\r\n const fromEvent =\r\n event.sanctioningBodyId ??\r\n event.SanctioningBodyId ??\r\n event.sanctioningBody?.id ??\r\n event.sanctioningBody?.Id;\r\n if (fromEvent != null && fromEvent !== \"\") {\r\n return fromEvent;\r\n }\r\n }\r\n return null;\r\n}\r\n\r\n/**\r\n * Query string for GET /api/v1/events/{eventId}/summary (pass allocation for minor invite).\r\n * Pass isPriceForMinor=true when minor price is enabled (e.g. sanctioning body / payment type flow).\r\n */\r\nexport function buildEventAffiliateSummaryQuery({\r\n affiliateId,\r\n paymentTypeId,\r\n isPriceForMinor,\r\n}) {\r\n const query = {\r\n affiliateId,\r\n paymentTypeId,\r\n };\r\n if (isPriceForMinor === true) {\r\n query.isPriceForMinor = true;\r\n }\r\n return query;\r\n}\r\n\r\n/** True when minor-invite form used the payment-type step (sanctioning-body minor price flow). */\r\nexport function resolveIsPriceForMinorFromInviteForm(formValues) {\r\n if (!formValues) {\r\n return false;\r\n }\r\n if (formValues.isAnnualPass) {\r\n return formValues.annual?.paymentTypeId?.id != null;\r\n }\r\n return formValues.eventGuest?.paymentTypeId?.id != null;\r\n}\r\n\r\n/** Normalize payment type id from a scalar or `{ id }` / `{ Id }` field value. */\r\nexport function toScalarPaymentTypeId(value) {\r\n if (value == null || value === \"\") {\r\n return null;\r\n }\r\n if (typeof value === \"object\") {\r\n const id = value.id ?? value.Id;\r\n if (id == null || id === \"\") {\r\n return null;\r\n }\r\n const numeric = Number(id);\r\n return Number.isNaN(numeric) ? null : numeric;\r\n }\r\n const numeric = Number(value);\r\n return Number.isNaN(numeric) ? null : numeric;\r\n}\r\n\r\n/** Normalize accompanying-adults API payload to a guest array. */\r\nexport function parseAccompanyingAdultsApiData(data) {\r\n if (!data) {\r\n return [];\r\n }\r\n if (Array.isArray(data)) {\r\n return data;\r\n }\r\n const raw = data.Results ?? data.results;\r\n if (Array.isArray(raw)) {\r\n return raw;\r\n }\r\n if (Array.isArray(data.data)) {\r\n return data.data;\r\n }\r\n if (Array.isArray(data.items)) {\r\n return data.items;\r\n }\r\n if (Array.isArray(data.result)) {\r\n return data.result;\r\n }\r\n return [];\r\n}\r\n\r\n/** Payment type id from accompanying-adult / guest-list API row. */\r\nexport function pickAccompanyingAdultPaymentTypeId(guestApiRow) {\r\n if (!guestApiRow) {\r\n return null;\r\n }\r\n const summary =\r\n guestApiRow.InvitationSummary ?? guestApiRow.invitationSummary;\r\n return toScalarPaymentTypeId(\r\n guestApiRow.PaymentTypeId ??\r\n guestApiRow.paymentTypeId ??\r\n summary?.PaymentTypeId ??\r\n summary?.paymentTypeId\r\n );\r\n}\r\n\r\nexport function pickGuestPaymentTypeId(guest) {\r\n return pickAccompanyingAdultPaymentTypeId(guest);\r\n}\r\n\r\n/** Map accompanying-adult API row to minor-invite guest dropdown shape. */\r\nexport function mapAccompanyingAdultGuestFromApi(g) {\r\n const passType = g.PassTypeFull ?? g.passTypeFull;\r\n const first = g.FirstName ?? g.firstName ?? \"\";\r\n const last = g.LastName ?? g.lastName ?? \"\";\r\n const email = g.Email ?? g.email ?? \"\";\r\n const passName = passType?.DisplayName ?? passType?.displayName ?? \"\";\r\n const paymentTypeId = pickAccompanyingAdultPaymentTypeId(g);\r\n\r\n return {\r\n invitationId: g.InvitationId ?? g.invitationId,\r\n label: `${first} ${last} (${email}) - ${passName}`.trim(),\r\n inviterAffiliateName: g.InviterAffiliateName ?? g.inviterAffiliateName,\r\n inviterAffiliateId: g.InviterAffiliateId ?? g.inviterAffiliateId,\r\n paymentTypeId,\r\n paymentTypeName: g.PaymentTypeName ?? g.paymentTypeName,\r\n passTypeFull: passType,\r\n affiliateInfo:\r\n g.AffiliateDTO ??\r\n g.affiliateDTO ??\r\n g.AffiliateInfo ??\r\n g.affiliateInfo ??\r\n null,\r\n };\r\n}\r\n\r\nexport function findAccompanyingAdultGuest(guests, invitationId) {\r\n if (invitationId == null || invitationId === \"\" || !Array.isArray(guests)) {\r\n return null;\r\n }\r\n return (\r\n guests.find(\r\n (item) => String(item.invitationId) === String(invitationId)\r\n ) ?? null\r\n );\r\n}\r\n\r\nconst resolveMinorPriceFromJunction = (junction) => {\r\n if (!junction) {\r\n return null;\r\n }\r\n if (junction.EnableMinorPrice === true || junction.enableMinorPrice === true) {\r\n return true;\r\n }\r\n if (junction.EnableMinorPrice === false || junction.enableMinorPrice === false) {\r\n return false;\r\n }\r\n return null;\r\n};\r\n\r\nconst resolveMinorPriceFromMasterList = (sanctioningBodies, sbId) => {\r\n if (!Array.isArray(sanctioningBodies) || !sanctioningBodies.length) {\r\n return false;\r\n }\r\n const master = sanctioningBodies.find(\r\n (body) => Number(body.id ?? body.Id) === sbId\r\n );\r\n if (!master) {\r\n return false;\r\n }\r\n return master.EnableMinorPrice === true || master.enableMinorPrice === true;\r\n};\r\n\r\n/**\r\n * True when at least one linked sanctioning body has minor pricing enabled.\r\n * Per linked id: affiliate-type junction EnableMinorPrice when set, else master SB flag.\r\n */\r\nexport function resolveAnyLinkedSanctioningBodyHasMinorPrice({\r\n linkedSanctioningBodyIds,\r\n affiliateTypeSanctioningBodies,\r\n sanctioningBodies,\r\n} = {}) {\r\n const ids = (linkedSanctioningBodyIds || [])\r\n .map((id) => Number(id))\r\n .filter((id) => !Number.isNaN(id) && id > 0);\r\n\r\n if (ids.length === 0) {\r\n return false;\r\n }\r\n\r\n return ids.some((sbId) =>\r\n resolveSanctioningBodyHasMinorPrice({\r\n sanctioningBodyId: sbId,\r\n affiliateTypeSanctioningBodies,\r\n sanctioningBodies,\r\n })\r\n );\r\n}\r\n\r\n/**\r\n * Whether affiliate type sanctioning bodies have Enable Minor Price for an event's body.\r\n */\r\nexport function resolveEnableMinorPriceFromAffiliateBodies(\r\n bodies,\r\n sanctioningBodyId\r\n) {\r\n if (!Array.isArray(bodies) || sanctioningBodyId == null) {\r\n return false;\r\n }\r\n const sbId = Number(sanctioningBodyId);\r\n return bodies\r\n .filter(\r\n (item) =>\r\n Number(item.SanctioningBodyId ?? item.sanctioningBodyId) === sbId\r\n )\r\n .some(\r\n (item) => item.EnableMinorPrice === true || item.enableMinorPrice === true\r\n );\r\n}\r\n\r\n/**\r\n * Whether a single sanctioning body has minor pricing enabled.\r\n * Junction EnableMinorPrice wins when explicitly set; otherwise uses master SB flag.\r\n */\r\nexport function resolveSanctioningBodyHasMinorPrice({\r\n sanctioningBodyId,\r\n affiliateTypeSanctioningBodies,\r\n sanctioningBodies,\r\n} = {}) {\r\n const sbId = Number(sanctioningBodyId);\r\n if (!sbId || Number.isNaN(sbId)) {\r\n return false;\r\n }\r\n\r\n const junction = (affiliateTypeSanctioningBodies || []).find(\r\n (item) => Number(item.SanctioningBodyId ?? item.sanctioningBodyId) === sbId\r\n );\r\n const fromJunction = resolveMinorPriceFromJunction(junction);\r\n if (fromJunction !== null) {\r\n return fromJunction;\r\n }\r\n\r\n return resolveMinorPriceFromMasterList(sanctioningBodies, sbId);\r\n}\r\n\r\n/** Whether the Minor Pass matrix column should be shown for linked sanctioning bodies. */\r\nexport function shouldShowMinorPassColumn({\r\n linkedSanctioningBodyIds,\r\n affiliateTypeSanctioningBodies,\r\n sanctioningBodies,\r\n} = {}) {\r\n return resolveAnyLinkedSanctioningBodyHasMinorPrice({\r\n linkedSanctioningBodyIds,\r\n affiliateTypeSanctioningBodies,\r\n sanctioningBodies,\r\n });\r\n}\r\n\r\n/**\r\n * Resolve Enable Minor Price using affiliate bodies and invitation/event sanctioning body.\r\n */\r\nexport function resolveEnableMinorPriceForEvent({\r\n affiliateBodies,\r\n invitation,\r\n event,\r\n sanctioningBodyId: sanctioningBodyIdOverride,\r\n}) {\r\n const sanctioningBodyId =\r\n sanctioningBodyIdOverride ?? pickSanctioningBodyId(invitation, event);\r\n return resolveEnableMinorPriceFromAffiliateBodies(\r\n affiliateBodies,\r\n sanctioningBodyId\r\n );\r\n}\r\n\r\n/**\r\n * Whether Enable Minor Price is active for the current minor-invite form context.\r\n */\r\nexport function resolveIsEnableMinorPriceForInvite(formValues, eventDetail, options = {}) {\r\n if (options.isEnableMinorPrice === true) {\r\n return true;\r\n }\r\n if (options.isEnableMinorPrice === false) {\r\n return false;\r\n }\r\n if (formValues?.isEnableMinorPrice === true) {\r\n return true;\r\n }\r\n if (formValues?.isEnableMinorPrice === false) {\r\n return false;\r\n }\r\n if (!eventDetail) {\r\n return false;\r\n }\r\n\r\n const sanctioningBodyId = pickSanctioningBodyId(null, eventDetail);\r\n if (sanctioningBodyId == null) {\r\n return false;\r\n }\r\n\r\n if (formValues?.isAnnualPass) {\r\n const bodies =\r\n formValues.annual?.affiliate?.AffiliateTypeSanctioningBodies ??\r\n formValues.annual?.affiliate?.affiliateTypeSanctioningBodies;\r\n return resolveEnableMinorPriceForEvent({\r\n affiliateBodies: bodies,\r\n event: eventDetail,\r\n sanctioningBodyId,\r\n });\r\n }\r\n\r\n const guest = formValues?.eventGuest?.id;\r\n let bodies =\r\n guest?.affiliateInfo?.AffiliateTypeSanctioningBodies ??\r\n guest?.affiliateInfo?.affiliateTypeSanctioningBodies;\r\n if (Array.isArray(bodies)) {\r\n bodies = bodies.filter(\r\n (item) =>\r\n Number(item.SanctioningBodyId ?? item.sanctioningBodyId) ===\r\n Number(sanctioningBodyId)\r\n );\r\n }\r\n return resolveEnableMinorPriceFromAffiliateBodies(bodies, sanctioningBodyId);\r\n}\r\n\r\nexport function getSelectedMinorPassTypeFromForm(formValues) {\r\n if (!formValues) {\r\n return null;\r\n }\r\n if (formValues.isAnnualPass) {\r\n return formValues.annual?.minorPassType ?? null;\r\n }\r\n return (\r\n formValues.eventGuest?.minorPassType ??\r\n formValues.minorPassType ??\r\n null\r\n );\r\n}\r\n\r\n/** Default comp MINOR HOT / MINOR COLD passes always use Complimentary ($0). */\r\nexport function isDefaultMinorHotOrColdPassType(passType) {\r\n if (!passType) {\r\n return false;\r\n }\r\n const id = passType.id ?? passType.Id;\r\n const name = passType.name ?? passType.Name;\r\n const displayName = passType.displayName ?? passType.DisplayName;\r\n return isMinorCodeOrHotPassType(id, name || displayName);\r\n}\r\n\r\nexport function getDefaultMinorHotColdPaymentTypeId() {\r\n return CONSTANTS.PAYMENT_TYPES?.COMPLIMENTARY ?? 3;\r\n}\r\n\r\n/** Payment types that always surface Minor Hot / Minor Cold from the event catalog (permission-filtered). */\r\nexport function shouldIncludeDefaultMinorHotColdFromCatalog(paymentTypeId) {\r\n const id = Number(toScalarPaymentTypeId(paymentTypeId));\r\n const { COMPLIMENTARY, BILL_AFFILIATE, SELF_PAY } =\r\n CONSTANTS.PAYMENT_TYPES ?? {};\r\n return [COMPLIMENTARY ?? 3, BILL_AFFILIATE ?? 2, SELF_PAY ?? 1].includes(id);\r\n}\r\n\r\nexport function resolveIsEnableMinorPriceFromParentInvitation(\r\n invitation,\r\n eventDetail\r\n) {\r\n if (!invitation) {\r\n return false;\r\n }\r\n const affiliateInfo = invitation.affiliateInfo ?? invitation.AffiliateInfo;\r\n let bodies =\r\n affiliateInfo?.AffiliateTypeSanctioningBodies ??\r\n affiliateInfo?.affiliateTypeSanctioningBodies;\r\n const sanctioningBodyId =\r\n pickSanctioningBodyId(invitation, eventDetail) ??\r\n eventDetail?.sanctioningBodyId ??\r\n eventDetail?.SanctioningBodyId;\r\n if (sanctioningBodyId == null) {\r\n return false;\r\n }\r\n if (Array.isArray(bodies)) {\r\n bodies = bodies.filter(\r\n (item) =>\r\n Number(item.SanctioningBodyId ?? item.sanctioningBodyId) ===\r\n Number(sanctioningBodyId)\r\n );\r\n }\r\n return resolveEnableMinorPriceFromAffiliateBodies(bodies, sanctioningBodyId);\r\n}\r\n\r\n/**\r\n * Payment type for minor invitation payload / allocation lookup.\r\n * When Enable Minor Price is off, inherits parent/holder payment type (including for Minor Hot/Cold).\r\n * Falls back to Complimentary for annual pass holders with no payment type on file.\r\n */\r\nexport function resolveMinorInvitationPaymentTypeId(formValues, options = {}) {\r\n if (!formValues) {\r\n return null;\r\n }\r\n\r\n const isEnableMinorPrice = resolveIsEnableMinorPriceForInvite(\r\n formValues,\r\n options.eventDetail,\r\n options\r\n );\r\n\r\n const parentPaymentTypeId = !isEnableMinorPrice\r\n ? toScalarPaymentTypeId(\r\n options.parentPaymentTypeId ??\r\n options.parentInvitation?.paymentTypeId ??\r\n options.parentInvitation?.PaymentTypeId\r\n )\r\n : null;\r\n\r\n if (formValues.isAnnualPass) {\r\n const fromForm = toScalarPaymentTypeId(formValues.annual?.paymentTypeId);\r\n if (fromForm != null) {\r\n return fromForm;\r\n }\r\n if (isEnableMinorPrice) {\r\n return null;\r\n }\r\n const fromHolder = toScalarPaymentTypeId(\r\n formValues.annual?.id?.paymentTypeId ?? formValues.annual?.id?.PaymentTypeId\r\n );\r\n if (fromHolder != null) {\r\n return fromHolder;\r\n }\r\n if (parentPaymentTypeId != null) {\r\n return parentPaymentTypeId;\r\n }\r\n // Annual pass holders are not invitations (no parent payment type). When minor\r\n // price is off, pass types are loaded with Complimentary — match BulkInvitations.\r\n return getDefaultMinorHotColdPaymentTypeId();\r\n }\r\n\r\n const fromEventGuestForm = toScalarPaymentTypeId(\r\n formValues.eventGuest?.paymentTypeId\r\n );\r\n if (fromEventGuestForm != null) {\r\n return fromEventGuestForm;\r\n }\r\n\r\n if (isEnableMinorPrice) {\r\n return toScalarPaymentTypeId(formValues.paymentTypeId);\r\n }\r\n\r\n const guest = formValues.eventGuest?.id;\r\n const fromParentGuest = toScalarPaymentTypeId(\r\n guest?.paymentTypeId ?? guest?.PaymentTypeId\r\n );\r\n if (fromParentGuest != null) {\r\n return fromParentGuest;\r\n }\r\n\r\n const fromFlatForm = toScalarPaymentTypeId(formValues.paymentTypeId);\r\n if (fromFlatForm != null) {\r\n return fromFlatForm;\r\n }\r\n\r\n return parentPaymentTypeId;\r\n}\r\n\r\nexport function isMinorInvitationType(invitationType) {\r\n return (\r\n invitationType === CONSTANTS.INVITATION_TYPES.MINOR ||\r\n invitationType === CONSTANTS.INVITATION_TYPES.WALK_UP_MINOR\r\n );\r\n}\r\n\r\n/**\r\n * When false, Minor Code / Minor Hot skip pass allocation validation (sanctioning body setting).\r\n */\r\nexport function shouldEnforceMinorPassAllocation(\r\n isEnableMinorPrice,\r\n passTypeId,\r\n passTypeName\r\n) {\r\n if (!isEnableMinorPrice && isMinorCodeOrHotPassType(passTypeId, passTypeName)) {\r\n return false;\r\n }\r\n return true;\r\n}\r\n\r\n/** True when affiliate/event pass type row is configured (allocation may be zero). */\r\nexport function isPassTypeConfigured(pass) {\r\n if (!pass) {\r\n return false;\r\n }\r\n if (pass.isPassTypeConfigured === true || pass.IsPassTypeConfigured === true) {\r\n return true;\r\n }\r\n const gs = pass.guestsSummary ?? pass.GuestsSummary;\r\n if (gs?.isPassTypeConfigured === true || gs?.IsPassTypeConfigured === true) {\r\n return true;\r\n }\r\n const pls = gs?.passLimitSummary ?? gs?.PassLimitSummary;\r\n return pls?.isPassTypeConfigured === true || pls?.IsPassTypeConfigured === true;\r\n}\r\n\r\n/**\r\n * API pass type row (event summary) has available allocation when enforcement applies.\r\n */\r\nexport function passTypeRowHasAvailableAllocation(passTypeRow, enforceAllocation) {\r\n if (!enforceAllocation) {\r\n return true;\r\n }\r\n if (\r\n !isDefaultMinorHotOrColdPassType(passTypeRow) &&\r\n isPassTypeConfigured(passTypeRow)\r\n ) {\r\n return true;\r\n }\r\n const gs = passTypeRow.GuestsSummary || passTypeRow.guestsSummary;\r\n const pls = gs?.PassLimitSummary || gs?.passLimitSummary;\r\n if (!pls) {\r\n return false;\r\n }\r\n return (\r\n (pls.TotalAllocation > 0 || pls.totalAllocation > 0) ||\r\n (pls.UnlimitedPassCount === 1 || pls.unlimitedPassCount === 1) ||\r\n (gs.AnyUnlimited === true || gs.anyUnlimited === true)\r\n );\r\n}\r\n\r\nfunction passTypeNameCode(pass) {\r\n return pass?.name ?? pass?.Name ?? \"\";\r\n}\r\n\r\nexport function sameNumericId(a, b) {\r\n if (a === undefined || a === null || b === undefined || b === null) {\r\n return false;\r\n }\r\n return Number(a) === Number(b);\r\n}\r\n\r\nfunction limitPaymentTypeId(limit) {\r\n if (!limit || typeof limit !== \"object\") {\r\n return undefined;\r\n }\r\n return (\r\n limit.paymentTypeId ??\r\n limit.PaymentTypeId ??\r\n (limit.paymentType && limit.paymentType.id) ??\r\n undefined\r\n );\r\n}\r\n\r\n/** True when this pass type has a pass limit row for the given payment type. */\r\nexport function passTypeHasPaymentTypeLimit(passType, paymentTypeId) {\r\n if (!passType || paymentTypeId === undefined || paymentTypeId === null) {\r\n return true;\r\n }\r\n if (Number(paymentTypeId) === CONSTANTS.PAYMENT_TYPES?.COMPLIMENTARY) {\r\n return true;\r\n }\r\n\r\n const passLimit = passType.passLimit ?? passType.PassLimit;\r\n if (passLimit && sameNumericId(limitPaymentTypeId(passLimit), paymentTypeId)) {\r\n return true;\r\n }\r\n\r\n const passLimitList = passType.passLimitList ?? passType.PassLimitList;\r\n if (!Array.isArray(passLimitList) || passLimitList.length === 0) {\r\n return true;\r\n }\r\n\r\n return passLimitList.some((limit) =>\r\n sameNumericId(limitPaymentTypeId(limit), paymentTypeId)\r\n );\r\n}\r\n\r\n/** Normalize permission flags from invite, provisioning, and bulk flows. */\r\nexport function normalizeMinorPassSendPermissions(options = {}) {\r\n const {\r\n canSendMinorHot,\r\n canSendOther,\r\n canSendOtherMinor,\r\n isAdminOrSuperAdmin,\r\n } = options;\r\n return {\r\n canSendMinorHot: Boolean(canSendMinorHot),\r\n canSendOther: Boolean(canSendOther ?? canSendOtherMinor),\r\n isAdminOrSuperAdmin: Boolean(isAdminOrSuperAdmin),\r\n };\r\n}\r\n\r\n/** Map passTypeGetMinorPassTypesAsyncByEventid rows to invite-minor-v2 catalog shape. */\r\nexport function normalizeMinorPassTypeCatalogFromApi(data) {\r\n if (!Array.isArray(data) || data.length === 0) {\r\n return [];\r\n }\r\n return data\r\n .map((d) => ({\r\n id: d.Id ?? d.id,\r\n name: d.Name ?? d.name,\r\n displayName: d.DisplayName ?? d.displayName,\r\n minorEligibility: d.MinorEligibility ?? d.minorEligibility,\r\n isActive: d.IsActive ?? d.isActive,\r\n }))\r\n .filter((item) => item.isActive !== false);\r\n}\r\n\r\n/** Normalize event affiliate summary pass type rows for shared minor pass builders. */\r\nexport function normalizeEventAffiliateSummaryPassType(row) {\r\n if (!row) {\r\n return null;\r\n }\r\n const gs = row.GuestsSummary ?? row.guestsSummary;\r\n const pls = gs?.PassLimitSummary ?? gs?.passLimitSummary;\r\n return {\r\n id: row.Id ?? row.id,\r\n name: row.Name ?? row.name,\r\n displayName: row.DisplayName ?? row.displayName,\r\n minorEligibility: row.MinorEligibility ?? row.minorEligibility,\r\n isActive: row.IsActive ?? row.isActive,\r\n isPassTypeConfigured:\r\n row.IsPassTypeConfigured ?? row.isPassTypeConfigured,\r\n passLimit: row.PassLimit ?? row.passLimit,\r\n passLimitList: row.PassLimitList ?? row.passLimitList,\r\n guestsSummary: gs\r\n ? {\r\n anyUnlimited: gs.AnyUnlimited ?? gs.anyUnlimited,\r\n passLimitSummary: pls\r\n ? {\r\n totalAllocation: pls.TotalAllocation ?? pls.totalAllocation,\r\n unlimitedPassCount:\r\n pls.UnlimitedPassCount ?? pls.unlimitedPassCount,\r\n }\r\n : undefined,\r\n }\r\n : undefined,\r\n };\r\n}\r\n\r\nexport function normalizeEventAffiliateSummaryPassTypes(passTypes) {\r\n if (!Array.isArray(passTypes)) {\r\n return [];\r\n }\r\n return passTypes.map(normalizeEventAffiliateSummaryPassType).filter(Boolean);\r\n}\r\n\r\nexport function getMinorPassTypeDisplayName(pass) {\r\n if (!pass) {\r\n return \"\";\r\n }\r\n return (\r\n pass.displayName ??\r\n pass.DisplayName ??\r\n pass.passTypeDisplayName ??\r\n pass.name ??\r\n pass.Name ??\r\n \"\"\r\n );\r\n}\r\n\r\nexport function mapMinorPassTypesForSelectItems(items) {\r\n if (!Array.isArray(items)) {\r\n return [];\r\n }\r\n return items.map((t) => {\r\n const passTypeId = Number(t.passTypeId ?? t.id ?? t.Id);\r\n return {\r\n ...t,\r\n id: passTypeId,\r\n passTypeId,\r\n displayName: getMinorPassTypeDisplayName(t),\r\n };\r\n });\r\n}\r\n\r\nfunction dedupeMinorPassTypesById(items) {\r\n if (!Array.isArray(items)) {\r\n return [];\r\n }\r\n return items.filter(\r\n (item, index, self) =>\r\n index ===\r\n self.findIndex((t) =>\r\n sameNumericId(t.id ?? t.Id ?? t.passTypeId, item.id ?? item.Id ?? item.passTypeId)\r\n )\r\n );\r\n}\r\n\r\n/**\r\n * Filter minor pass types by send permissions (same rules as invite-minor-v2).\r\n * Uses pass type name codes (MINOR-HOT / MINOR-COLD), not numeric ids — ids differ across API surfaces.\r\n */\r\nexport function filterMinorPassTypesBySendPermissions(passTypes, options = {}) {\r\n if (!Array.isArray(passTypes)) {\r\n return [];\r\n }\r\n const { canSendMinorHot, canSendOther, isAdminOrSuperAdmin } =\r\n normalizeMinorPassSendPermissions(options);\r\n if (isAdminOrSuperAdmin) {\r\n return passTypes;\r\n }\r\n if (canSendMinorHot && canSendOther) {\r\n return passTypes;\r\n }\r\n if (canSendMinorHot) {\r\n return passTypes.filter((pass) => isMinorHotPassTypeEntity(pass));\r\n }\r\n return passTypes.filter((pass) => !isMinorHotPassTypeEntity(pass));\r\n}\r\n\r\n/**\r\n * Minor-eligible pass types assigned to the event from affiliate summary and global catalog.\r\n */\r\nexport function getMinorPassTypesForEventEdit(passTypesByEvent, globalPassTypes, eventPassTypes) {\r\n if (!Array.isArray(eventPassTypes) || eventPassTypes.length === 0) {\r\n return [];\r\n }\r\n const isOnEvent = (type) =>\r\n eventPassTypes.some(\r\n (e) => Number(e.passTypeId) === Number(type.id ?? type.Id)\r\n );\r\n const byId = new Map();\r\n\r\n (passTypesByEvent || []).forEach((type) => {\r\n if (type.minorEligibility && isOnEvent(type)) {\r\n byId.set(Number(type.id ?? type.Id), type);\r\n }\r\n });\r\n\r\n (globalPassTypes || []).forEach((type) => {\r\n if (type.minorEligibility && isOnEvent(type)) {\r\n const id = Number(type.id ?? type.Id);\r\n if (!byId.has(id)) {\r\n byId.set(id, type);\r\n }\r\n }\r\n });\r\n\r\n return Array.from(byId.values());\r\n}\r\n\r\n/** Filter event affiliate summary pass type rows by allocation when enforcement applies. */\r\nexport function filterMinorPassTypeRows(passTypes, enforceAllocation) {\r\n if (!Array.isArray(passTypes)) {\r\n return [];\r\n }\r\n return passTypes.filter((item) =>\r\n passTypeRowHasAvailableAllocation(item, enforceAllocation)\r\n );\r\n}\r\n\r\n/** Minor-eligible, non-VIP, active pass type for invite flows. */\r\nexport function isMinorEligiblePassType(pass) {\r\n if (!pass) {\r\n return false;\r\n }\r\n const name = pass.name ?? pass.Name ?? \"\";\r\n const isActive = pass.isActive ?? pass.IsActive;\r\n const minorEligibility = pass.minorEligibility ?? pass.MinorEligibility;\r\n return (\r\n minorEligibility &&\r\n name !== CONSTANTS.SYSTEM_PASS_TYPE_NAME_CODE.VIP &&\r\n isActive !== false\r\n );\r\n}\r\n\r\n/**\r\n * Pass types from event affiliate summary intersected with minor catalog ids.\r\n */\r\nexport function intersectPassTypesWithMinorCatalog(passTypes, catalogPassTypes) {\r\n if (!Array.isArray(passTypes) || passTypes.length === 0) {\r\n return [];\r\n }\r\n if (!Array.isArray(catalogPassTypes) || catalogPassTypes.length === 0) {\r\n return passTypes.filter(isMinorEligiblePassType);\r\n }\r\n const catalogIds = new Set(\r\n catalogPassTypes.map((p) => Number(p.id ?? p.Id))\r\n );\r\n return passTypes.filter((pass) => {\r\n const id = Number(pass.id ?? pass.Id);\r\n return catalogIds.has(id) || isMinorEligiblePassType(pass);\r\n });\r\n}\r\n\r\n/** Whether a normalized pass type row has available allocation (event summary / passTypesByEvent). */\r\nexport function passTypeHasAvailableAllocationFromSummary(pass) {\r\n const isDefaultMinorHotCold = isDefaultMinorHotOrColdPassType(pass);\r\n if (!isDefaultMinorHotCold && isPassTypeConfigured(pass)) {\r\n return true;\r\n }\r\n const gs = pass.guestsSummary ?? pass.GuestsSummary;\r\n if (!gs) {\r\n return false;\r\n }\r\n if (gs.anyUnlimited || gs.AnyUnlimited) {\r\n return true;\r\n }\r\n const pls = gs.passLimitSummary ?? gs.PassLimitSummary;\r\n if (!pls) {\r\n return false;\r\n }\r\n const totalAllocation = pls.totalAllocation ?? pls.TotalAllocation ?? 0;\r\n const unlimited = pls.unlimitedPassCount ?? pls.UnlimitedPassCount;\r\n return totalAllocation > 0 || unlimited === 1 || unlimited === 2;\r\n}\r\n\r\n/** True when minor-invite dropdown should load affiliate allocation summary. */\r\nexport function shouldFilterMinorPassTypesByAffiliateAllocation(paymentTypeId) {\r\n return toScalarPaymentTypeId(paymentTypeId) != null;\r\n}\r\n\r\n/**\r\n * Dropdown pass list when Enable Minor Price is off.\r\n * Complimentary / Bill Affiliate / Self Pay: Minor Hot / Minor Cold from event catalog;\r\n * other types from affiliate allocation.\r\n * Other payment types: all pass types (including Minor Hot / Minor Cold) require affiliate allocation.\r\n */\r\nexport function buildMinorPassTypesForDropdown({\r\n catalogMinorPassTypes,\r\n permissionOptions,\r\n paymentTypeId,\r\n passTypesByEvent,\r\n}) {\r\n if (!shouldFilterMinorPassTypesByAffiliateAllocation(paymentTypeId)) {\r\n return [];\r\n }\r\n\r\n let items = [];\r\n const defaultMinorPassTypeIds = [\r\n MINOR_HOT_PASS_TYPE_ID,\r\n MINOR_CODE_PASS_TYPE_ID,\r\n ];\r\n const includeDefaultMinorHotCold =\r\n shouldIncludeDefaultMinorHotColdFromCatalog(paymentTypeId);\r\n\r\n if (includeDefaultMinorHotCold) {\r\n (catalogMinorPassTypes || []).forEach((p) => {\r\n const id = Number(p.id ?? p.Id);\r\n if (defaultMinorPassTypeIds.includes(id)) {\r\n items.push(p);\r\n }\r\n });\r\n }\r\n\r\n if (Array.isArray(passTypesByEvent) && passTypesByEvent.length > 0) {\r\n const fromEvent = intersectPassTypesWithMinorCatalog(\r\n passTypesByEvent,\r\n catalogMinorPassTypes\r\n );\r\n fromEvent\r\n .filter(passTypeHasAvailableAllocationFromSummary)\r\n .filter((p) => {\r\n if (!includeDefaultMinorHotCold) {\r\n return true;\r\n }\r\n const id = Number(p.id ?? p.Id);\r\n return !defaultMinorPassTypeIds.includes(id);\r\n })\r\n .forEach((p) => items.push(p));\r\n }\r\n\r\n items = items.filter(\r\n (item, index, self) =>\r\n index ===\r\n self.findIndex(\r\n (t) => Number(t.id ?? t.Id) === Number(item.id ?? item.Id)\r\n )\r\n );\r\n items = items.filter(isMinorEligiblePassType);\r\n items = filterMinorPassTypesBySendPermissions(\r\n items,\r\n normalizeMinorPassSendPermissions(permissionOptions)\r\n );\r\n\r\n const eventList = passTypesByEvent || [];\r\n return items.map((p) => {\r\n const id = Number(p.id ?? p.Id);\r\n const fromEventRow = eventList.find((e) => Number(e.id) === id);\r\n return fromEventRow ? { ...p, ...fromEventRow } : p;\r\n });\r\n}\r\n\r\n/**\r\n * Tile pass list when Enable Minor Price is on.\r\n * Complimentary / Bill Affiliate / Self Pay include Minor Hot / Minor Cold from catalog.\r\n */\r\nexport function buildMinorPassTypesForTiles({\r\n passTypesByEvent,\r\n catalogMinorPassTypes,\r\n paymentTypeId,\r\n permissionOptions,\r\n eventPassTypeIds,\r\n paymentTypeLimitFilter,\r\n includeComplimentaryMinorHot = true,\r\n}) {\r\n let items = [];\r\n const isComplimentary =\r\n Number(paymentTypeId) === (CONSTANTS.PAYMENT_TYPES?.COMPLIMENTARY ?? 3);\r\n\r\n if (shouldIncludeDefaultMinorHotColdFromCatalog(paymentTypeId)) {\r\n const complimentaryCatalogIds = includeComplimentaryMinorHot\r\n ? [MINOR_HOT_PASS_TYPE_ID, MINOR_CODE_PASS_TYPE_ID]\r\n : [MINOR_HOT_PASS_TYPE_ID];\r\n\r\n (catalogMinorPassTypes || []).forEach((p) => {\r\n const id = Number(p.id ?? p.Id);\r\n if (complimentaryCatalogIds.includes(id)) {\r\n items.push(p);\r\n }\r\n });\r\n }\r\n\r\n const fromEvent = intersectPassTypesWithMinorCatalog(\r\n passTypesByEvent,\r\n catalogMinorPassTypes\r\n );\r\n fromEvent\r\n .filter(passTypeHasAvailableAllocationFromSummary)\r\n .filter(\r\n (passType) =>\r\n typeof paymentTypeLimitFilter !== \"function\" ||\r\n paymentTypeLimitFilter(passType)\r\n )\r\n .forEach((p) => items.push(p));\r\n\r\n items = dedupeMinorPassTypesById(items);\r\n items = items.filter(isMinorEligiblePassType);\r\n\r\n if (isComplimentary && includeComplimentaryMinorHot === false) {\r\n items = items.filter((pass) => !isMinorHotPassTypeEntity(pass));\r\n }\r\n\r\n items = filterMinorPassTypesBySendPermissions(\r\n items,\r\n permissionOptions\r\n );\r\n\r\n if (Array.isArray(eventPassTypeIds) && eventPassTypeIds.length > 0) {\r\n items = items.filter((type) =>\r\n eventPassTypeIds.some((id) =>\r\n sameNumericId(id, type.id ?? type.Id ?? type.passTypeId)\r\n )\r\n );\r\n }\r\n\r\n const eventList = passTypesByEvent || [];\r\n return items.map((p) => {\r\n const id = Number(p.id ?? p.Id);\r\n const fromEvent = eventList.find((e) => Number(e.id) === id);\r\n return fromEvent ? { ...p, ...fromEvent } : p;\r\n });\r\n}\r\n\r\n/**\r\n * Pass-type select options for edit invitation / provisioning (invite-minor-v2 tile rules + payment limits).\r\n */\r\nexport function buildMinorPassTypesForInvitationSelect({\r\n passTypesByEvent,\r\n catalogMinorPassTypes,\r\n paymentTypeId,\r\n permissionOptions,\r\n eventPassTypeIds,\r\n includeComplimentaryMinorHot = true,\r\n}) {\r\n const items = buildMinorPassTypesForTiles({\r\n passTypesByEvent,\r\n catalogMinorPassTypes,\r\n paymentTypeId,\r\n permissionOptions,\r\n eventPassTypeIds,\r\n includeComplimentaryMinorHot,\r\n paymentTypeLimitFilter: (passType) =>\r\n passTypeHasPaymentTypeLimit(passType, paymentTypeId),\r\n });\r\n return mapMinorPassTypesForSelectItems(items);\r\n}\r\n\r\n/**\r\n * Build minor pass options from raw event affiliate summary API rows (provisioning add-minor flow).\r\n */\r\nexport function buildMinorPassTypesFromSummaryApi({\r\n summaryPassTypes,\r\n catalogMinorPassTypes,\r\n paymentTypeId,\r\n permissionOptions,\r\n eventPassTypeIds,\r\n includeComplimentaryMinorHot = true,\r\n}) {\r\n return buildMinorPassTypesForInvitationSelect({\r\n passTypesByEvent: normalizeEventAffiliateSummaryPassTypes(summaryPassTypes),\r\n catalogMinorPassTypes,\r\n paymentTypeId,\r\n permissionOptions,\r\n eventPassTypeIds,\r\n includeComplimentaryMinorHot,\r\n });\r\n}\r\n\r\n/**\r\n * Filter pass types for minor invite UI (tiles / selector), aligned with adult invite rules.\r\n */\r\nexport function filterMinorPassTypesForInvite(\r\n passTypes,\r\n { enforceAllocation, permissionOptions }\r\n) {\r\n if (!Array.isArray(passTypes)) {\r\n return [];\r\n }\r\n\r\n let filtered = passTypes.filter(isMinorEligiblePassType);\r\n filtered = filterMinorPassTypesBySendPermissions(\r\n filtered,\r\n normalizeMinorPassSendPermissions(permissionOptions)\r\n );\r\n\r\n if (!enforceAllocation) {\r\n return filtered;\r\n }\r\n\r\n return filtered.filter(passTypeHasAvailableAllocationFromSummary);\r\n}\r\n","import styled from 'styled-components';\r\nimport Icon from 'common/icons/Icon.jsx';\r\n\r\nimport { orangeColor } from 'css/variables';\r\n\r\n\r\nexport const ListWrapper = styled.div`\r\n width: 100%;\r\n max-width: 100%;\r\n overflow-x: hidden;\r\n`;\r\n\r\nexport const Wrapper = styled.div`\r\n width: 100%;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n border-top: 1px solid #535a5e;\r\n color: white;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, border-width 0.2s ease;\r\n background-color: transparent;\r\n\r\n ${({ isDisabled }) => isDisabled && `\r\n opacity: 0.75;\r\n `};\r\n\r\n &:first-child {\r\n border-top-color: transparent;\r\n }\r\n\r\n .label-title {\r\n font-size: 12px;\r\n font-style: normal;\r\n }\r\n\r\n .label-component {\r\n font-size: 12px;\r\n line-height: 16px;\r\n color: #d9d9d9;\r\n }\r\n\r\n ${({ isActive }) =>\r\n isActive &&\r\n `\r\n color: ${orangeColor};\r\n `};\r\n\r\n ${({ isDisabled }) =>\r\n !isDisabled &&\r\n `\r\n &:hover {\r\n background-color: #3a4044;\r\n \r\n }\r\n `}\r\n\r\n ${({ isDisabled }) =>\r\n isDisabled &&\r\n `\r\n color: #91989e;\r\n user-select: none;\r\n\r\n .ListItem-Header {\r\n cursor: not-allowed;\r\n }\r\n `};\r\n`;\r\n\r\nexport const Header = styled.div`\r\n display: flex;\r\n width: 100%;\r\n min-width: 0;\r\n box-sizing: border-box;\r\n ${({ alignCenter }) => alignCenter && 'align-items: center'};\r\n padding: 15px 24px;\r\n background: #2e363d;\r\n color: currentColor;\r\n transition: background-color 0.2s ease;\r\n\r\n @media all and (max-width: 640px) {\r\n padding: 12px 16px;\r\n }\r\n\r\n .ListItem-Wrapper:hover & {\r\n background-color: #3f4549;\r\n }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n flex: 1;\r\n flex-basis: ${({ flexBasis }) => flexBasis || 'auto'};\r\n min-width: 0;\r\n overflow: hidden;\r\n display: flex;\r\n white-space: nowrap;\r\n padding-right: 10px;\r\n flex-direction: column;\r\n justify-content: center;\r\n`;\r\n\r\nexport const Title = styled.h3`\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n font-weight: normal;\r\n font-size: 1.13em;\r\n line-height: 1.33em;\r\n\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n`;\r\n\r\nexport const Description = styled.div`\r\n font-size: 13px;\r\n line-height: 18px;\r\n opacity: 0.8;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n`;\r\n\r\nexport const ActionsWrapper = styled.div`\r\n flex-shrink: 0;\r\n min-width: 45px;\r\n text-align: right;\r\n @media screen and (min-width: 480px) {\r\n min-width: 60px;\r\n }\r\n`;\r\n\r\nexport const Actions = styled.div`\r\n display: inline-block;\r\n cursor: pointer;\r\n`;\r\n\r\nexport const ExtraInfo = styled.div`\r\n font-size: 13px;\r\n line-height: 24px;\r\n padding-left: 10px;\r\n white-space: nowrap;\r\n @media all and (max-width: 640px) {\r\n padding-left: 0;\r\n }\r\n\r\n @media all and (max-width: 480px) {\r\n font-size: 0.75em;\r\n }\r\n`;\r\n\r\nexport const DetailsWrapper = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n ${({ alignCenter }) => alignCenter && 'align-items: center'};\r\n \r\n @media all and (max-width: 480px) {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n`;\r\n\r\nexport const Avatars = styled.div`\r\n display: flex;\r\n padding-right: 8px;\r\n @media all and (max-width: 480px) {\r\n flex-direction: column;\r\n figure {\r\n margin: auto;\r\n }\r\n }\r\n`;\r\n\r\nexport const AvatarWrapper = styled.div`\r\n max-width: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 5px;\r\n &:nth-of-type(2) {\r\n margin-top: 10px;\r\n @media screen and (min-width: 481px) {\r\n margin-top: 0;\r\n }\r\n }\r\n`;\r\nexport const Avatar = styled.div`\r\n ${({ inlineImages, isNativeShape, width }) => {\r\n if (inlineImages) {\r\n return `\r\n display: flex;\r\n align-items: center;\r\n width: ${width || 40}px;\r\n text-align: center;\r\n justify-content: center;\r\n img {\r\n margin: auto;\r\n }\r\n\r\n .image-loader-inner {\r\n padding-top: 0;\r\n }\r\n `;\r\n }\r\n\r\n if (isNativeShape) {\r\n return `\r\n width: ${width || 60}px;\r\n \r\n .image-loader.has-background-image {\r\n .image-loader-inner {\r\n background-size: contain;\r\n }\r\n }\r\n `;\r\n }\r\n\r\n return `\r\n width: 40px;\r\n @media screen and (max-width: 480px) {\r\n width: 36px;\r\n }\r\n `;\r\n }} \r\n font-size: 0;\r\n position: relative;\r\n\r\n & > div {\r\n margin: auto;\r\n }\r\n`;\r\n\r\nexport const ChildrenWrapper = styled.div`\r\n padding: 15px 24px;\r\n font-size: 13px;\r\n background-color: #293136;\r\n color: white;\r\n transition: background-color 0.2s ease;\r\n\r\n .ListItem-Wrapper:hover & {\r\n background-color: #3a4044;\r\n }\r\n`;\r\n\r\nexport const ChildrenContent = styled.div`\r\n @media screen and (min-width: 601px) {\r\n ${({ offsetLeft }) =>\r\n offsetLeft &&\r\n `\r\n padding-left: ${offsetLeft * 53}px;\r\n `};\r\n\r\n ${({ offsetRight }) => offsetRight && 'padding-right: 60px'};\r\n }\r\n`;\r\n\r\nexport const DefaultAvatar = styled.div`\r\n width: 40px;\r\n height: 40px;\r\n background: lightgray;\r\n border-radius: 50%;\r\n\r\n @media screen and (max-width: 480px) {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n`;\r\n\r\nexport const Row = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n @media screen and (min-width: 480px) {\r\n flex-direction: row;\r\n }\r\n`;\r\n\r\nexport const Column = styled.div`\r\n width: 100%;\r\n\r\n @media screen and (min-width: 480px) {\r\n width: 50%;\r\n &:not(:first-child) {\r\n padding-left: 10px;\r\n }\r\n padding-right: 10px;\r\n box-sizing: border-box;\r\n }\r\n\r\n &:first-child&:last-child {\r\n width: 100%;\r\n }\r\n`;\r\n\r\nexport const CheckBoxWrapper = styled.div`\r\n display: flex;\r\n align-self: center;\r\n margin-right: 10px;\r\n`;\r\n\r\nexport const Grid = styled.div`\r\n display: flex;\r\n flex-wrap: wrap;\r\n`;\r\n\r\nexport const GridColumn = styled.div`\r\n &:empty {\r\n display: none;\r\n }\r\n\r\n width: 100%;\r\n padding-right: 10px;\r\n\r\n @media screen and (min-width: 400px) {\r\n width: 50%;\r\n }\r\n`;\r\n\r\nexport const Badge = styled(Icon)`\r\n left: -5px;\r\n width: 20px;\r\n height: 20px;\r\n bottom: -10px;\r\n color: #9fa2a5;\r\n font-size: 20px;\r\n position: absolute;\r\n border-radius: 20px;\r\n background-color: transparent;\r\n`;\r\n","export const FETCH_REQUEST = 'RESEND_INVITATION_REQUEST';\r\nexport const FETCH_SUCCESS = 'RESEND_INVITATION_SUCCESS';\r\nexport const FETCH_FAILURE = 'RESEND_INVITATION_FAILURE';\r\nexport const FETCH_RESET = 'RESEND_INVITATION_RESET';\r\n","import pick from 'lodash/pick';\r\nimport sortBy from 'lodash/sortBy';\r\n\r\nimport CONSTANTS from 'shared/utils/constants';\r\nimport * as types from 'constants/invitationDetails';\r\n\r\nimport { isEventDateExpired } from 'reducers/event';\r\n\r\nconst initialState = {\r\n eventEndDate: '',\r\n eventPassTypes: '',\r\n iconUrl: '',\r\n id: null,\r\n name: '',\r\n eventTypeIconUrl: '',\r\n eventTypeName: '',\r\n eventStartDate: '',\r\n venueName: '',\r\n status: '',\r\n invitationSpecialOptions: [],\r\n invitationWaiverDocuments: [],\r\n invitationSpecialOptionsNotApproved: [],\r\n notes: [],\r\n};\r\n\r\nconst details = (state = initialState, action) => {\r\n switch (action.type) {\r\n case types.FETCH_REQUEST:\r\n return initialState;\r\n\r\n case types.FETCH_SUCCESS:\r\n return {\r\n ...state,\r\n ...action.response,\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst getSpecialOptionNamesByStatus = (specialOptions, status) => {\r\n const {\r\n invitationSpecialOptions: options,\r\n invitationSpecialOptionsNotApproved: nonApprovedOptions,\r\n } = specialOptions;\r\n\r\n const foundOptions = options.filter(option => option.status === status && !option.isParkingPass);\r\n const foundNonOptions = nonApprovedOptions.filter(nonOption => nonOption.status === status && !nonOption.isParkingPass);\r\n\r\n return [\r\n ...foundOptions.map(option => option.name),\r\n ...foundNonOptions.map(nonOption => nonOption.name),\r\n ];\r\n};\r\n\r\nconst getParkingPassByStatus = (specialOptions, status) => {\r\n const {\r\n invitationSpecialOptions: options,\r\n invitationSpecialOptionsNotApproved: nonApprovedOptions,\r\n } = specialOptions;\r\n\r\n const foundOptions = options.filter(option => option.status === status && option.isParkingPass && option.isActive);\r\n const foundNonOptions = nonApprovedOptions.filter(nonOption => nonOption.status === status && nonOption.isParkingPass);\r\n\r\n return [\r\n ...foundOptions.map(option => `${option.name} ${option.quantity > 1 ? \"(\" + option.quantity + \")\" : \"\"}`),\r\n ...foundNonOptions.map(nonOption => `${nonOption.name} ${nonOption.quantity > 1 ? \"(\" + nonOption.quantity + \")\" : \"\"}`),\r\n ];\r\n};\r\n\r\nexport default details;\r\n\r\nexport const getDetails = state => state;\r\nexport const getStatus = state => state.status.toLowerCase();\r\n\r\nexport const getIsPastEvent = state => isEventDateExpired(state.eventEndDate);\r\n\r\nexport const getIsAbleToResend = state => {\r\n const status = getStatus(state);\r\n return (\r\n !!status.length &&\r\n status !== 'registered' &&\r\n status !== 'passissued' &&\r\n status !== 'grouppassissued' &&\r\n status !== 'reserved' &&\r\n status !== 'rejected' &&\r\n status !== 'pendingapproval'\r\n );\r\n};\r\n\r\nexport const getIsFullyEditable = state => {\r\n const status = getStatus(state);\r\n return (!!status.length && status === 'registered') || status === 'invited';\r\n};\r\n\r\nexport const getIsPassIdEditable = state => {\r\n const status = getStatus(state);\r\n return (\r\n !!status.length && (status === 'passissued' || status === 'registered' || status === 'grouppassissued')\r\n );\r\n};\r\n\r\nexport const isPassIdRequired = state => {\r\n const status = getStatus(state);\r\n return !!status.length && (status === 'passissued' || status === 'grouppassissued');\r\n};\r\n\r\nexport const getIsAbleToResendEpass = state => {\r\n const status = getStatus(state);\r\n return !!status.length && status === 'registered';\r\n};\r\n\r\nexport const getIsAbleToRevokeInvitation = state => {\r\n const status = getStatus(state);\r\n return (!!status.length && status === 'registered') || status === 'invited';\r\n};\r\n\r\nexport const getIsAbleToRevokePass = (state, isUserOrManager) => {\r\n const status = getStatus(state);\r\n return !!status.length && (status === 'passissued' || status === 'grouppassissued') && !isUserOrManager;\r\n};\r\n\r\nexport const isInEditableState = (state) => {\r\n const status = getStatus(state);\r\n return (\r\n !!status.length &&\r\n status !== 'expired' &&\r\n status !== 'declined' &&\r\n status !== 'reserved' &&\r\n status !== 'rejected' &&\r\n status !== 'pendingapproval');\r\n};\r\n\r\nexport const getIsAbleToEdit = (state, isUserOrManager) => {\r\n const status = getStatus(state);\r\n return (\r\n !!status.length &&\r\n status !== 'expired' &&\r\n status !== 'declined' &&\r\n status !== 'reserved' &&\r\n status !== 'rejected' &&\r\n status !== 'pendingapproval' &&\r\n !(isUserOrManager && status === 'passissued' || status === 'grouppassissued')\r\n );\r\n};\r\n\r\nexport const getIsAbleToEditPaymentType = state => {\r\n const status = getStatus(state);\r\n if (status === 'invited' || status === 'registered') {\r\n return true;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport const getIsAbleToAddNote = (state, isUserOrManager) => {\r\n const status = getStatus(state);\r\n return (\r\n !!status.length &&\r\n status !== 'expired' &&\r\n status !== 'declined' &&\r\n status !== 'reserved' &&\r\n status !== 'rejected' &&\r\n status !== 'pendingapproval' &&\r\n !(isUserOrManager && (status === 'passissued' || status === 'grouppassissued'))\r\n );\r\n};\r\n\r\nexport const getIsEligibilityToAccompanyMinors = (state) => {\r\n if (state.type === 0) return false; // hard card\r\n if(state.passTypeFull === undefined) return false; //this will exclude failing with master invitation\r\n const status = getStatus(state);\r\n return ((status === 'passissued' || status === 'grouppassissued' || status === 'registered') && state.passTypeFull.eligibilityToAccompanyMinors);\r\n};\r\n\r\nexport const getIsAbleToCancelReservation = state => {\r\n const status = getStatus(state);\r\n return !!status.length && status === 'reserved';\r\n};\r\n\r\nexport const getIsAbleToEditGuestDetails = state => {\r\n const status = getStatus(state);\r\n return status === 'invited';\r\n};\r\n\r\nexport const getIsAbleToShowUnrevokeOption = state => {\r\n const status = getStatus(state);\r\n return status === 'revokedpreissue';\r\n};\r\n\r\nexport const canApproveInvitation = isSuperAdmin => isSuperAdmin;\r\n\r\nexport const shouldHideInvitationOptions = (state, isUserOrManager) => {\r\n const status = getStatus(state);\r\n const modes = ['revokedpreissue', 'revokedpostissue', 'expired', 'declined', 'rejected'];\r\n\r\n return (\r\n !!status.length &&\r\n (modes.indexOf(status) > -1 || (isUserOrManager && (status === 'passissued' || status === 'grouppassissued')))\r\n );\r\n};\r\n\r\nexport const getPassId = state => state.passNumber;\r\n\r\nexport const getParkingPassId = state => state.invitationParkingPassNumbers;\r\n\r\nexport const getPassTypeId = state => state.passTypeId;\r\n\r\nexport const getPaymentTypeId = state => state.paymentTypeId;\r\n\r\nexport const getIsFormReadOnly = state => getIsAbleToResend(state);\r\n\r\nexport const getGuestDetails = state => {\r\n const info = getDetails(state);\r\n\r\n return pick(info, [\r\n 'firstName',\r\n 'lastName',\r\n 'phoneNumber',\r\n 'phoneNumberProperties',\r\n 'email',\r\n 'addressLine1',\r\n 'city',\r\n 'country',\r\n 'region',\r\n 'zipCode',\r\n 'photoUpload',\r\n 'userProfileId',\r\n 'type',\r\n 'token',\r\n 'birthDate',\r\n 'isActive',\r\n 'annualNickName'\r\n ]);\r\n};\r\n\r\nexport const getStatusHistory = state =>\r\n sortBy(state.statusHistories, ['statusDate']).reverse();\r\n\r\nexport const getEventDetails = state => {\r\n const info = getDetails(state);\r\n return pick(info, [\r\n 'eventName',\r\n 'eventIconLink',\r\n 'eventTypeIconLink',\r\n 'eventStartDate',\r\n 'inviterAffiliateName',\r\n 'inviterFullName',\r\n 'invitedOnBehalfOf',\r\n 'purpose',\r\n ]);\r\n};\r\n\r\nexport const getOptions = state => {\r\n const info = getDetails(state);\r\n const options = pick(info, ['passType', 'paymentType']);\r\n\r\n options.specialOptionNames = info.invitationSpecialOptions.map(\r\n opt => opt.name\r\n );\r\n\r\n return options;\r\n};\r\n\r\nexport const getOptionsByStatus = state => {\r\n const info = getDetails(state);\r\n const options = pick(info, ['passType', 'paymentType']);\r\n\r\n const specialOptions = pick(info, ['invitationSpecialOptions', 'invitationSpecialOptionsNotApproved']);\r\n const approvedSpecialOptionNames = getSpecialOptionNamesByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.APPROVED);\r\n const rejectedSpecialOptionNames = getSpecialOptionNamesByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.REJECTED);\r\n const pendingSpecialOptionNames = getSpecialOptionNamesByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.PENDING_APPROVAL);\r\n\r\n return {\r\n ...options,\r\n approvedSpecialOptionNames,\r\n rejectedSpecialOptionNames,\r\n pendingSpecialOptionNames,\r\n };\r\n};\r\nexport const getParentOptionsByStatus = state => {\r\n const info = getDetails(state).parentInvitation;\r\n if(info && info.invitationSpecialOptions && info.invitationSpecialOptions.length > 0) {\r\n const options = pick(info, ['passType', 'paymentType']);\r\n\r\n const specialOptions = pick(info, ['invitationSpecialOptions', 'invitationSpecialOptionsNotApproved']);\r\n const approvedSpecialOptionNames = getSpecialOptionNamesByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.APPROVED);\r\n const rejectedSpecialOptionNames = getSpecialOptionNamesByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.REJECTED);\r\n const pendingSpecialOptionNames = getSpecialOptionNamesByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.PENDING_APPROVAL);\r\n \r\n return {\r\n ...options,\r\n approvedSpecialOptionNames,\r\n rejectedSpecialOptionNames,\r\n pendingSpecialOptionNames,\r\n };\r\n }\r\n \r\n};\r\n\r\nexport const getParkingByStatus = state => {\r\n const info = getDetails(state);\r\n const options = pick(info, ['passType', 'paymentType']);\r\n\r\n const specialOptions = pick(info, ['invitationSpecialOptions', 'invitationSpecialOptionsNotApproved']);\r\n const approvedSpecialOptionNames = getParkingPassByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.APPROVED);\r\n const rejectedSpecialOptionNames = getParkingPassByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.REJECTED);\r\n const pendingSpecialOptionNames = getParkingPassByStatus(specialOptions, CONSTANTS.SPECIAL_OPTION_STATUS.PENDING_APPROVAL);\r\n\r\n return {\r\n ...options,\r\n approvedSpecialOptionNames,\r\n rejectedSpecialOptionNames,\r\n pendingSpecialOptionNames,\r\n };\r\n};\r\n\r\nexport const getInvitationPaymentType = state => ({\r\n id: state.paymentTypeId,\r\n name: state.paymentType,\r\n amountOwing: state.amountOwing,\r\n cost: state.cost\r\n});\r\n\r\nexport const getLicenseDetails = state => {\r\n const info = getDetails(state);\r\n return pick(info, ['photoId', 'documentNumber']);\r\n};\r\n\r\nexport const getMinorIdDetails = state => {\r\n const info = getDetails(state);\r\n return (info['photoMinorId'] || null);\r\n};\r\n\r\nexport const getWaivers = state => {\r\n const info = getDetails(state);\r\n return info.invitationWaiverDocuments;\r\n};\r\n\r\nexport const getId = state => state.id;\r\n\r\nexport const getGuestName = state =>\r\n `${state.firstName} ${state.lastName}`.trim();\r\n\r\nexport const getWaiverName = state => {\r\n if (state.multiPass) {\r\n return `${getGuestName(state)}_${state.multiPass.name}_waiver.pdf`.replace(\r\n ' ',\r\n ''\r\n );\r\n }\r\n return `${getGuestName(state)}_${state.passType}_waiver.pdf`.replace(' ', '');\r\n};\r\n\r\nexport const getNotificationMethods = state => state.notificationMethods;\r\nexport const getNotes = state => state.notes;\r\nexport const getNote = (state, id) => state.notes.find(note => note.id === id);\r\n\r\nexport const getSpecialOptions = state => state.invitationSpecialOptions;\r\nexport const getNonApprovedSpecialOptions = state => state.invitationSpecialOptionsNotApproved;\r\n\r\nexport const getMediaPassType = state => state.multiPass;\r\n","import * as types from 'constants/invitationDetails';\r\n\r\nconst editMode = (state = false, action) => {\r\n if (action.type === types.TOGGLE_INVITATION_EDIT) {\r\n if (typeof action.isEditable !== 'undefined') {\r\n return action.isEditable;\r\n }\r\n return !state;\r\n }\r\n return state;\r\n};\r\n\r\nexport default editMode;\r\n\r\nexport const getEditMode = (state) => state;\r\n","import { combineReducers } from \"redux\";\r\nimport { createSelector } from \"reselect\";\r\n\r\nimport { sortArray } from \"shared/utils/arrayUtils\";\r\n\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport { ACCOUNT_ROLES } from \"constants/roles\";\r\n\r\nimport * as types from \"constants/invitationDetails\";\r\nimport * as resendTypes from \"constants/invitationDetails/resendInvitation\";\r\nimport * as revokeTypes from \"constants/invitationDetails/revokeInvitation\";\r\nimport * as updateTypes from \"constants/invitationDetails/updateInvitation\";\r\nimport * as downloadWaiverTypes from \"constants/invitationDetails/downloadWaiver\";\r\nimport { getIsLoaded as getIsEventLoaded } from \"reducers/event\";\r\n\r\nimport {\r\n INVITATION_DETAILS_REDUCER,\r\n ADD_INVITATION_NOTE_REDUCER,\r\n} from \"constants/reducers\";\r\n\r\nimport {\r\n accountHasRoles,\r\n accountHasPermissions,\r\n isUserAdminOrSuperAdmin,\r\n isUserAdmin,\r\n isUserSuperAdmin,\r\n} from \"reducers/account\";\r\n\r\nimport details, * as fromDetails from \"./details\";\r\nimport editMode, * as fromEditMode from \"./editMode\";\r\nimport parentDetails from \"./parent\";\r\nimport childDetails from \"./child\";\r\n\r\nimport {\r\n createIsLoadedReducer,\r\n createErrorMessageReducer,\r\n createRequestRequcer,\r\n} from \"shared/utils/reducerUtils\";\r\n\r\nimport createApiReducer, {\r\n getRequestState,\r\n} from \"helpers/reducers/createApiReducer\";\r\nimport { startScanStep1 } from \"provisioning/actions/scan\";\r\n\r\nexport const getIsEligibilityToAccompanyMinors = (state) =>\r\n fromDetails.getIsEligibilityToAccompanyMinors(state.details);\r\n\r\nconst eventReducer = combineReducers({\r\n details,\r\n editMode,\r\n parentDetails,\r\n childDetails,\r\n isLoaded: createIsLoadedReducer(types),\r\n errorMessage: createErrorMessageReducer(types),\r\n resendInvitation: createRequestRequcer(resendTypes),\r\n revokeInvitation: createRequestRequcer(revokeTypes),\r\n invitationUpdate: createRequestRequcer(updateTypes),\r\n downloadWaiver: createRequestRequcer(downloadWaiverTypes),\r\n api: createApiReducer({\r\n reducer: INVITATION_DETAILS_REDUCER,\r\n requestOnly: true,\r\n }),\r\n addNoteRequest: createApiReducer({\r\n reducer: ADD_INVITATION_NOTE_REDUCER,\r\n requestOnly: true,\r\n }),\r\n});\r\n\r\nconst getHistoryCustomMessage = (history) => {\r\n let message = history.customMessage;\r\n\r\n if (history.action.includes(\"SPECIAL_OPTION\") || history.action.includes(\"PARKINGPASS\")) {\r\n if (!!history.remark && history.remark !== \" \")\r\n message = `${history.remark}`;\r\n\r\n if (!!history.customMessage && history.customMessage !== \" \") {\r\n if (message.length > 0) message = `${message}:`;\r\n\r\n message = `${message} ${history.customMessage}`;\r\n }\r\n }\r\n\r\n return message;\r\n};\r\n\r\nexport default eventReducer;\r\n\r\nconst getIsUserOrManager = (account) =>\r\n accountHasRoles(account, [ACCOUNT_ROLES.USER, ACCOUNT_ROLES.MANAGER]);\r\n\r\nexport const isMediaHardCardInvitation = (state) =>\r\n !!fromDetails.getDetails(state.details).multiPassId;\r\n\r\nexport const getInvitationEditMode = (state) =>\r\n fromEditMode.getEditMode(state.editMode);\r\n\r\nexport const getInvitationDetails = (state) =>\r\n fromDetails.getDetails(state.details);\r\n\r\nexport const getIsLoaded = (state) => state.isLoaded;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n\r\nexport const getIsResendFetching = (state) => state.resendInvitation.isFetching;\r\n\r\nexport const getIsUpdateInvitationFetching = (state) =>\r\n state.invitationUpdate.isFetching;\r\n\r\nexport const getUpdateInvitationError = (state) =>\r\n state.invitationUpdate.errorMessage;\r\n\r\nexport const getIsDownloadWaiverFetching = (state) =>\r\n state.downloadWaiver.isFetching;\r\n\r\nexport const getResendErrorMessage = (state) =>\r\n state.resendInvitation.errorMessage || state.api.request.errorMessage;\r\n\r\nexport const getIsAbleToResendInvitation = (state) =>\r\n fromDetails.getIsAbleToResend(state.details);\r\n\r\nexport const getIsAbleToResendEpass = (state) =>\r\n fromDetails.getIsAbleToResendEpass(state.details);\r\n\r\nexport const getIsAbleToRevokeInvitation = (state) =>\r\n fromDetails.getIsAbleToRevokeInvitation(state.details);\r\n\r\nexport const getIsAbleToRevokePass = (state) =>\r\n fromDetails.getIsAbleToRevokePass(\r\n state.invitationDetails.details,\r\n getIsUserOrManager(state.account)\r\n );\r\n\r\nexport const getIsAbleToCancelReservation = (state) =>\r\n fromDetails.getIsAbleToCancelReservation(state.details);\r\n\r\nexport const getIsInvitationFormReadOnly = (state) =>\r\n fromDetails.getIsFormReadOnly(state.details);\r\n\r\nexport const getIsPastEvent = (state) =>\r\n fromDetails.getIsPastEvent(state.details);\r\n\r\nexport const getIsRevokeFetching = (state) => state.revokeInvitation.isFetching;\r\n\r\nexport const getRevokeErrorMessage = (state) =>\r\n state.revokeInvitation.errorMessage;\r\n\r\nexport const getGuestDetails = (state) =>\r\n fromDetails.getGuestDetails(state.details);\r\n\r\nexport const getGuestStatusHistory = (state) =>\r\n fromDetails.getStatusHistory(state.details);\r\n\r\nexport const getEventDetails = (state) =>\r\n fromDetails.getEventDetails(state.details);\r\n\r\nexport const getInvitationOptions = (state) =>\r\n fromDetails.getOptions(state.details);\r\n\r\nexport const getInvitationType = (state) => state.details.type;\r\n\r\nexport const getInvitationDocumentPurged = (state) => state.details.isDocumentPurged;\r\n\r\nexport const getInvitateIsAnnual = (state) => state.details.isAnnualPass;\r\n\r\nexport const getInvitationParentSpecialOptiosn = (state) => fromDetails.getParentOptionsByStatus(state.details);\r\n\r\nexport const getInvitationOptionsByStatus = (state) =>\r\n fromDetails.getOptionsByStatus(state.details);\r\n\r\nexport const getInvitationParkingPassByStatus = (state) =>\r\n fromDetails.getParkingByStatus(state.details);\r\n\r\nexport const getInvitationPassId = (state) =>\r\n fromDetails.getPassId(state.details);\r\n\r\nexport const getInvitationParkingPassId = (state) =>\r\n fromDetails.getParkingPassId(state.details);\r\n\r\nexport const getInvitationPassTypeId = (state) =>\r\n fromDetails.getPassTypeId(state.details);\r\n\r\nexport const getInvitationPaymentType = (state) =>\r\n fromDetails.getInvitationPaymentType(state.details);\r\n\r\nexport const getInvitationPaymentTypeId = (state) =>\r\n fromDetails.getPaymentTypeId(state.details);\r\n\r\nexport const getInvitationLicenseDetails = (state) =>\r\n fromDetails.getLicenseDetails(state.details);\r\n\r\nexport const getInvitationMinorPhoto = (state) =>\r\n fromDetails.getMinorIdDetails(state.details);\r\n\r\nexport const getInvitationWaivers = (state) =>\r\n fromDetails.getWaivers(state.details);\r\n\r\nexport const getInvitationId = (state) => fromDetails.getId(state.details);\r\n\r\nexport const getInvitationWaiverName = (state) =>\r\n fromDetails.getWaiverName(state.details);\r\n\r\nexport const getIsFullyEditable = (state) =>\r\n fromDetails.getIsFullyEditable(state.details);\r\n\r\nexport const getIsPassIdEditable = (state) =>\r\n fromDetails.getIsPassIdEditable(state.details);\r\n\r\nexport const getIsAbleToEditGuestDetails = (state) =>\r\n fromDetails.getIsAbleToEditGuestDetails(state.details);\r\n\r\nexport const getIsAbleToShowUnrevokeOption = (state) =>\r\n fromDetails.getIsAbleToShowUnrevokeOption(state.details);\r\n\r\nexport const isPassIdRequired = (state) =>\r\n fromDetails.isPassIdRequired(state.details);\r\n\r\n/**\r\n * Fixed for 7201, https://dev.azure.com/nascar/Lixar/_workitems/edit/7201/\r\n * As for Admin user, they cannot edit invitation which status = \"PassIssued\" (5).\r\n * @param {*} state\r\n * @returns\r\n */\r\nexport const getIsUserAbleToEditPassType = (state) => {\r\n const isMHCInvitation = isMediaHardCardInvitation(state.invitationDetails);\r\n\r\n if (isUserSuperAdmin(state.account)) {\r\n return !isMHCInvitation;\r\n }\r\n\r\n let result = false;\r\n\r\n //\r\n // Only Admins + Super Admins may edit the pass type of a minor invitation\r\n //\r\n if (\r\n state.invitationDetails &&\r\n state.invitationDetails.details &&\r\n state.invitationDetails.details.type === 3 &&\r\n !isUserAdminOrSuperAdmin(state.account)\r\n ) {\r\n result = false;\r\n }\r\n\r\n result =\r\n !isMHCInvitation &&\r\n fromDetails.isInEditableState(state.invitationDetails.details);\r\n\r\n if (result === true) {\r\n //\r\n // Apply logic based on 7201.\r\n // As for Admin user, they cannot edit invitation which status = \"PassIssued\" (5).\r\n //\r\n if (\r\n state.invitationDetails &&\r\n state.invitationDetails.details &&\r\n state.invitationDetails.details.statusId === 5 &&\r\n isUserAdmin(state.account)\r\n ) {\r\n result = false;\r\n }\r\n }\r\n\r\n return result;\r\n};\r\n\r\nexport const getIsAbleToAddNote = (state) =>\r\n fromDetails.getIsAbleToAddNote(\r\n state.invitationDetails.details,\r\n getIsUserOrManager(state.account)\r\n ) && fromDetails.getStatus(state.invitationDetails.details) !== \"rejected\";\r\n\r\nexport const shouldHideInvitationOptions = (state) => {\r\n if (isUserSuperAdmin(state.account)) {\r\n return false;\r\n }\r\n return fromDetails.shouldHideInvitationOptions(\r\n state.invitationDetails.details,\r\n getIsUserOrManager(state.account)\r\n );\r\n};\r\n\r\nexport const getGuestStatus = (state) => fromDetails.getStatus(state.details);\r\n\r\nexport const getNotificationMethods = (state) =>\r\n fromDetails.getNotificationMethods(state.details);\r\n\r\nexport const getUserDetailsRequiredFields = createSelector(\r\n getGuestStatus,\r\n getNotificationMethods,\r\n (state) => state.details,\r\n (status, methods, invitationDetails) => {\r\n let fields = [];\r\n\r\n if (status === CONSTANTS.INVITATION_STATUS.PENDING.CODE) {\r\n fields = fields.concat(methods);\r\n if (invitationDetails.email && fields.indexOf(\"Email\") === -1) {\r\n fields = fields.concat([\"Email\"]);\r\n }\r\n\r\n if (invitationDetails.phoneNumber && fields.indexOf(\"SMS\") === -1) {\r\n fields = fields.concat([\"SMS\"]);\r\n }\r\n } else {\r\n if(invitationDetails.type === CONSTANTS.INVITATION_TYPES.ANNUAL) {\r\n if(invitationDetails.email) {\r\n fields = fields.concat([\"Email\"]);\r\n }\r\n if(invitationDetails.phoneNumber) {\r\n fields = fields.concat([\"SMS\"]);\r\n }\r\n } else {\r\n fields = fields.concat([\"Email\", \"SMS\"]);\r\n }\r\n \r\n }\r\n\r\n if (invitationDetails.multiPassId) {\r\n fields = fields.concat([\"Affiliate\", \"MediaPassType\"]);\r\n }\r\n\r\n return fields;\r\n }\r\n);\r\n\r\nexport const getAddInvitationNoteRequest = (state) =>\r\n getRequestState(state.addNoteRequest);\r\nexport const getInvitationNotes = (state) =>\r\n fromDetails.getNotes(state.details);\r\nexport const getInvitationNoteByID = (state, id) =>\r\n fromDetails.getNote(state.details, id);\r\n\r\nexport const getInvitationSpecialOptions = (state) =>\r\n fromDetails.getSpecialOptions(state.details);\r\n\r\nexport const getSpecialOptionsIds = (state) =>\r\n fromDetails.getSpecialOptions(state.details).map((o) => o.id);\r\n\r\nexport const formatHistory = (history) => ({\r\n isStatus: true,\r\n dateCreated: +new Date(history.statusDate),\r\n customMessage: getHistoryCustomMessage(history),\r\n responsibleUserName: history.responsibleUserName,\r\n displayName: types.INVITATION_HISTORY_MAPPINGS[history.action],\r\n comment: types.INVITATION_HISTORY_ACTIONS_WITH_REMARK.includes(\r\n history.action\r\n )\r\n ? history.remark\r\n : undefined,\r\n});\r\n\r\nexport const getGuestHistory = createSelector(\r\n getGuestStatusHistory,\r\n getInvitationNotes,\r\n (statuses, notes) => {\r\n const history = [];\r\n statuses.forEach((status) => {\r\n const shape = formatHistory(status);\r\n history.push(shape);\r\n });\r\n\r\n notes.forEach((note) => {\r\n const shape = {\r\n displayName: \"app.label.note_added\",\r\n comment: note.note,\r\n dateCreated: +new Date(note.entryDate),\r\n createdBy: note.responsibleUserName,\r\n };\r\n history.push(shape);\r\n });\r\n\r\n return sortArray(history, \"dateCreated\", \"desc\");\r\n }\r\n);\r\n\r\nexport const canApproveInvitations = (state) =>\r\n accountHasPermissions(\r\n state.account,\r\n [\"MANAGE_INVITATION_APPROVALS\"],\r\n false\r\n ) && getGuestStatus(state.invitationDetails) === \"pendingapproval\";\r\n\r\nexport const getHasSpecialOptionInPendingApproval = (state) => {\r\n const specialOptions = getInvitationSpecialOptions(state.invitationDetails);\r\n let foundSpecialOption = undefined;\r\n\r\n if (!!specialOptions && specialOptions.length > 0)\r\n foundSpecialOption = specialOptions.find(\r\n (option) =>\r\n option.status === CONSTANTS.SPECIAL_OPTION_STATUS.PENDING_APPROVAL\r\n );\r\n\r\n return (\r\n getGuestStatus(state.invitationDetails) !== \"pendingapproval\" &&\r\n !!foundSpecialOption\r\n );\r\n};\r\n\r\nexport const getIsAbleToSendMinorHotInvitations = (state) => {\r\n const hasRights = canSendMinorInvitations(state);\r\n const isMinorType = isMinorInvitation(state.invitationDetails);\r\n\r\n return hasRights && !isMinorType;\r\n};\r\n\r\nexport const canRoleSendMinorInvitations = (state) => {\r\n return isUserAdminOrSuperAdmin(state.account);\r\n};\r\n\r\nexport const canSendMinorInvitations = (state) => {\r\n return (\r\n accountHasRoles(state.account, [\r\n ACCOUNT_ROLES.SUPER_ADMIN,\r\n ACCOUNT_ROLES.ADMIN,\r\n ]) || accountHasPermissions(state.account, [\"SEND_MINOR_HOT_PASS\", \"SEND_MINOR_OTHER_PASS\"], false)\r\n );\r\n};\r\n\r\nexport const isSuperAdminOrAdminOrManager = (state) => {\r\n return accountHasRoles(state.account, [\r\n ACCOUNT_ROLES.SUPER_ADMIN,\r\n ACCOUNT_ROLES.ADMIN,\r\n ACCOUNT_ROLES.MANAGER,\r\n ]);\r\n};\r\n\r\nexport const getIsAbleToViewMinorPersonaData = (state) => {\r\n const hasPermission = accountHasPermissions(\r\n state.account,\r\n [\"VIEW_PERSONAL_DATA\"],\r\n false\r\n );\r\n const isMinorType = isMinorInvitation(state.invitationDetails);\r\n\r\n return hasPermission && isMinorType;\r\n};\r\n\r\nexport const getIsAbleToViewMinorAge = (state) => {\r\n const hasPermission = accountHasPermissions(\r\n state.account,\r\n [\r\n \"VIEW_PERSONAL_DATA\",\r\n \"SEND_MINOR_HOT_PASS\",\r\n \"SEND_MINOR_OTHER_PASS\",\r\n \"MANAGE_INVITATION_APPROVALS\",\r\n ],\r\n false\r\n );\r\n const isMinorType = isMinorInvitation(state.invitationDetails);\r\n\r\n return hasPermission && isMinorType;\r\n};\r\n\r\nexport const getIsAbleViewMinorRequestedBy = (state) => {\r\n const hasPermission = accountHasPermissions(\r\n state.account,\r\n [\r\n \"EDIT_MINOR_PASS\",\r\n \"VIEW_PERSONAL_DATA\",\r\n \"SEND_MINOR_HOT_PASS\",\r\n \"SEND_MINOR_OTHER_PASS\",\r\n \"MANAGE_INVITATION_APPROVALS\",\r\n ],\r\n false\r\n );\r\n const isMinorType = isMinorInvitation(state.invitationDetails);\r\n\r\n return hasPermission && isMinorType;\r\n};\r\n\r\nexport const getIsAbleToEditMinorDetails = (state) => {\r\n const hasPermission = accountHasPermissions(\r\n state.account,\r\n [\"EDIT_MINOR_PASS\"],\r\n false\r\n );\r\n return (\r\n hasPermission &&\r\n fromDetails.getIsAbleToEdit(\r\n state.invitationDetails.details,\r\n getIsUserOrManager(state.account)\r\n )\r\n );\r\n};\r\n\r\nexport const getIsManagerAbleToEditMinorDetails = (state) => {\r\n const isMinorType = isMinorInvitation(state.invitationDetails);\r\n\r\n if(getIsUserOrManager(state.account) && isMinorType) {\r\n const hasPermission = accountHasPermissions(\r\n state.account,\r\n [\"EDIT_MINOR_PASS\"],\r\n false\r\n );\r\n return (\r\n hasPermission &&\r\n fromDetails.getIsAbleToEdit(\r\n state.invitationDetails.details,\r\n getIsUserOrManager(state.account)\r\n )\r\n );\r\n }\r\n \r\n return true;\r\n};\r\n\r\nexport const getIsUserAbleToEditInvitationAffiliate = (state) => {\r\n const status = getGuestStatus(state.invitationDetails);\r\n\r\n if (status !== \"invited\" && status !== \"registered\") {\r\n return false;\r\n }\r\n\r\n const userHasCorrectPermission = accountHasPermissions(\r\n state.account,\r\n [\"MANAGE_INVITE_DELEGATE\", \"MANAGE_MULTIPASS\"],\r\n false\r\n );\r\n\r\n return (\r\n userHasCorrectPermission &&\r\n isMediaHardCardInvitation(state.invitationDetails)\r\n );\r\n};\r\n\r\nexport const getIsUserAbleToEditMediaPassType = (state) => {\r\n const status = getGuestStatus(state.invitationDetails);\r\n\r\n if (status !== \"invited\") {\r\n return false;\r\n }\r\n\r\n return isMediaHardCardInvitation(state.invitationDetails);\r\n};\r\n\r\nexport const getIsUserAbleToEditPassId = (state) => {\r\n const status = getGuestStatus(state.invitationDetails);\r\n if (status !== \"passissued\" && status !== \"grouppassissued\") {\r\n return false;\r\n }\r\n\r\n return isMediaHardCardInvitation(state.invitationDetails);\r\n};\r\n\r\nexport const getIsUserAbleToEditPaymentType = (state) => {\r\n const isMinorInvitationType = isMinorInvitation(state.invitationDetails);\r\n const canEditPaymentType = fromDetails.getIsAbleToEditPaymentType(\r\n state.invitationDetails.details\r\n );\r\n const isMHCInvitation = isMediaHardCardInvitation(state.invitationDetails);\r\n\r\n if (isUserSuperAdmin(state.account)) {\r\n const details = getInvitationDetails(state.invitationDetails);\r\n // Match invitation options / multi-pass UX: only block true multi-pass invites here.\r\n // `multiPassId` alone can be set on standard credentials and wrongly hid payment type for super admins.\r\n if (details.isMultiPassInvite === true) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n return !isMHCInvitation && !isMinorInvitationType && canEditPaymentType;\r\n};\r\n\r\nexport const getIsAbleToEdit = (state) => {\r\n /** Super Admins may open edit mode on any invitation with a status (e.g. to correct guest name). */\r\n if (isUserSuperAdmin(state.account)) {\r\n const status = fromDetails.getStatus(state.invitationDetails.details);\r\n return !!status && String(status).length > 0;\r\n }\r\n return (\r\n (\r\n getIsUserAbleToEditPassType(state) ||\r\n getIsUserAbleToEditPaymentType(state) ||\r\n getIsUserAbleToEditPassId(state) ||\r\n getIsUserAbleToEditInvitationAffiliate(state) ||\r\n getIsAbleToEditMinorDetails(state)\r\n ) &&\r\n getIsManagerAbleToEditMinorDetails(state)\r\n );\r\n};\r\n\r\n\r\nexport const getIsInvitationLoaded = (state, params) => {\r\n if (!params.mediaHardCardId) {\r\n return (\r\n getIsEventLoaded(state.event) && getIsLoaded(state.invitationDetails)\r\n );\r\n }\r\n\r\n return getIsLoaded(state.invitationDetails);\r\n};\r\n\r\nexport const getIsGuestCanBeProvisioned = (state) => {\r\n return (\r\n getGuestStatus(state) === \"registered\" &&\r\n getInvitationPaymentTypeId(state) !== CONSTANTS.PAYMENT_TYPES.SELF_PAY\r\n );\r\n};\r\n\r\nexport const getMediaPassTypeName = (state) => {\r\n const mediaPassType = fromDetails.getMediaPassType(state.details);\r\n if (mediaPassType) {\r\n return mediaPassType.name;\r\n }\r\n\r\n return \"\";\r\n};\r\n\r\nexport const isMinorInvitation = (state) => {\r\n const { type } = getInvitationDetails(state);\r\n return type === CONSTANTS.INVITATION_TYPES.MINOR || type === CONSTANTS.INVITATION_TYPES.WALK_UP_MINOR;\r\n};\r\n\r\nexport const isMinorInvitationFormDirty = (formData) => {\r\n let isDirty = false;\r\n\r\n if (formData) {\r\n Object.values(formData).forEach((field) => {\r\n if (typeof field === \"object\" && field.initial !== field.value)\r\n isDirty = true;\r\n });\r\n } else {\r\n isDirty = true;\r\n }\r\n\r\n return isDirty;\r\n};\r\n","import styled from 'styled-components';\r\nimport { grayColor } from 'css/variables';\r\n\r\nexport default styled.div`\r\n display: flex;\r\n flex-grow: 1;\r\n position: relative;\r\n flex-direction: column;\r\n max-width: 100%;\r\n background-color: ${grayColor};\r\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\r\n`;\r\n","import styled from 'styled-components';\r\nimport { pageBackgroundColor, maxAppContentWidth } from 'css/variables';\r\n\r\nconst PageLimiter = styled.div`\r\n min-height: calc(100vh - 56px);\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n width: 100%;\r\n max-width: ${maxAppContentWidth};\r\n padding: 1em;\r\n background-color: ${pageBackgroundColor};\r\n\r\n @media screen and (min-width: 601px) {\r\n min-height: calc(100vh - 64px);\r\n }\r\n\r\n @media screen and (min-width: 1024px) {\r\n padding: ${props => props.noActionBar ? '2em' : '1em'} 40px;\r\n }\r\n`;\r\n\r\nexport default PageLimiter;\r\n","import styled from 'styled-components';\r\nimport Icon from 'common/Icon';\r\n\r\nexport const ClosePage = styled(Icon)`cursor: pointer;`;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter, routerShape } from 'react-router';\r\n\r\nimport { ClosePage } from './styles';\r\n\r\nclass PageClose extends Component {\r\n static propTypes = {\r\n onClose: PropTypes.func,\r\n closeToUrl: PropTypes.string,\r\n router: routerShape.isRequired,\r\n };\r\n\r\n handleOnCloseIconClick = () => {\r\n const { onClose, closeToUrl, router } = this.props;\r\n if (closeToUrl) {\r\n router.push(closeToUrl);\r\n }\r\n\r\n if (onClose) {\r\n onClose();\r\n }\r\n };\r\n\r\n render() {\r\n const { onClose, closeToUrl } = this.props;\r\n if (!onClose && !closeToUrl) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {otherActionBtn && <>{otherActionBtn}}\r\n
\r\n \r\n {\r\n e.stopPropagation();\r\n this.props.onSingleSelect();\r\n }}\r\n isPassClickEvent={true}\r\n />\r\n
\r\n ) : (\r\n \r\n {\r\n e.stopPropagation();\r\n this.props.onSingleSelect();\r\n }}\r\n isPassClickEvent={true}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {this.avatarConfig.show && (\r\n \r\n
\r\n )}\r\n - \r\n {data.map(item =>\r\n
- \r\n {this.renderChildren()}\r\n
- {this.renderChildren()}
\r\n
\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n ));\r\n }\r\n\r\n render() {\r\n return \r\n
- {this.renderChildren()}
- \r\n {this.renderChildren()}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n - \r\n {this.renderChildren()}\r\n
\r\n \r\n this.props.onChangeSwitch()}\r\n />\r\n
\r\n )}\r\n\r\n {this.props.showSelectAllCheckbox && this.props.isDeactivate && (\r\n \r\n
\r\n )}\r\n\r\n - \r\n {(infiniteScroll && (\r\n
\r\n {props.children}\r\n
\r\n);\r\n\r\nCol.propTypes = {\r\n classList: PropTypes.string,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n};\r\n\r\nexport default gridClassGenerator(Col);\r\n","export const USER_EMAIL_LIST_REDUCER = 'userEmailList';\r\nexport const USER_EMAIL_LIST_SCHEMA = 'USER_TEMPLATES_SCHEMA';\r\nexport const BASE_EMAIL_LIST_REDUCER = 'baseEmailList';\r\nexport const BASE_EMAIL_LIST_SCHEMA = 'BASE_TEMPLATES_SCHEMA';\r\nexport const TEMPLATE_REGIONS_LIST_REDUCER = 'baseTemplateRegions';\r\nexport const TEMPLATE_REGIONS_LIST_SCHEMA = 'TEMPLATE_REGIONS_SCHEMA';\r\nexport const TEMPLATE_VARIABLES_REDUCER = 'baseTemplateVariablesReducer';\r\nexport const TEMPLATE_VARIABLES_SCHEMA = 'TEMPLATE_VARIABLES_SCHEMA';\r\nexport const RESET_TEMPLATE_REGIONS = 'RESET_TEMPLATE_REGIONS';\r\nexport const TEMPLATE_BY_ID_REDUCER = 'templateById';\r\nexport const TEMPLATE_BY_ID_SCHEMA = 'TEMPLATE_BY_ID_SCHEMA';\r\nexport const PREVIEW_TEMPLATE_FETCH_REQUEST = 'PREVIEW_TEMPLATE_FETCH_REQUEST';\r\nexport const PREVIEW_TEMPLATE_FETCH_RESET = 'PREVIEW_TEMPLATE_FETCH_RESET';\r\nexport const PREVIEW_TEMPLATE_FETCH_SUCCESS = 'PREVIEW_TEMPLATE_FETCH_SUCCESS';\r\nexport const PREVIEW_TEMPLATE_FETCH_ERROR = 'PREVIEW_TEMPLATE_FETCH_ERROR';\r\nexport const TEMPLATE_STATUS_REDUCER = 'TEMPLATE_STATUS_REDUCER';\r\nexport const TEMPLATE_TYPE_INVITATION = 'Invitation';\r\nexport const TEMPLATE_TYPE_REGISTRATION = 'Registration';\r\nexport const TEMPLATE_TYPE_ADHOC = 'Adhoc';\r\nexport const SET_PREDEFINED_TEMPLATE_DATA = 'SET_PREDEFINED_TEMPLATE_DATA';\r\nexport const UPDATE_EMAIL_TEMPLATE_FORM_REGIONS = 'UPDATE_EMAIL_TEMPLATE_FORM_REGIONS';\r\nexport const EVENT_ADHOC_TEMPLATES_REDUCER = 'EVENT_ADHOC_TEMPLATES_REDUCER';\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\nimport styled from 'styled-components';\r\n\r\nconst Wrapper = styled.div`\r\n overflow: hidden;\r\n ${props =>\r\n props.stretchWidth &&\r\n `\r\n &.stretch-labels {\r\n .label-title {\r\n flex-basis: ${props.stretchWidth};\r\n }\r\n }\r\n `};\r\n`;\r\n\r\nconst LabelGroup = ({ children, className, stretchLabels, stretchWidth }) => (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderPlaceholder()}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderPlaceholder() {\r\n const {\r\n placeholder = '',\r\n showAsterix = false,\r\n } = this.props;\r\n\r\n if (showAsterix) {\r\n return (\r\n \r\n {placeholder} - \r\n {values.map(item => (\r\n
- \r\n {item}\r\n \r\n ))}\r\n
\r\n Please note - guests will be able to register to all associated\r\n events in a single registration flow\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(ExternalSelect);\r\n","/*\r\n Write here only common constants.\r\n */\r\n\r\nexport const UPDATE_FILTER = 'UPDATE_FILTER';\r\nexport const RESET_FILTER = 'RESET_FILTER';\r\n\r\nexport const FETCH_REQUEST = 'FETCH_REQUEST';\r\n\r\n// FIXME: remove FETCH_SUCCESS and FETCH_FAILURE constants;\r\nexport const FETCH_SUCCESS = 'FETCH_SUCCESS';\r\nexport const FETCH_FAILURE = 'FETCH_FAILURE';\r\n\r\nexport const REQUEST_STATUS = {\r\n UNINITIALIZED: 'UNINITIALIZED',\r\n FETCHING: 'FETCHING',\r\n LOADED: 'LOADED',\r\n ERROR: 'ERROR',\r\n};\r\n","export const getCollectionList = (state, collectionId, filter) => {\r\n const collectionState = state.collections[collectionId];\r\n\r\n if (!collectionState || !collectionId) {\r\n return [];\r\n }\r\n\r\n const collection = collectionState.ids.map(\r\n id => state.collections[collectionId].byId[id]\r\n );\r\n \r\n return filter ? collection.filter(filter) : collection;\r\n};\r\n","import styled from 'styled-components';\r\n\r\nexport const BlankCollectionMessage = styled.div`\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n`;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport { getCollectionList } from '../../selectors';\r\n\r\nimport { BlankCollectionMessage } from './styles';\r\n\r\nclass CollectionList extends Component {\r\n static propTypes = {\r\n children: PropTypes.node.isRequired,\r\n items: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n blankCollectionMessage: PropTypes.string,\r\n };\r\n\r\n render() {\r\n const { children, items, blankCollectionMessage } = this.props;\r\n if (!items.length && blankCollectionMessage) {\r\n return (\r\n{dialogMessage}
\r\n\r\n \r\n \r\n {\r\n field.onChange(p);\r\n onChange(p);\r\n }} stickInline={isInline}>\r\n {options.map(option =>\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FormRadioButtonField;\r\n","export const GET_GUESTS_REQUEST = 'GET_GUESTS_REQUEST';\r\nexport const GET_GUESTS_SUCCESS = 'GET_GUESTS_SUCCESS';\r\nexport const GET_GUESTS_FAILURE = 'GET_GUESTS_FAILURE';\r\nexport const SELECT_GUEST = 'SELECT_GUEST';\r\nexport const GET_GUESTS_FOR_EVENT_REQUEST = 'GET_GUESTS_FOR_EVENT_REQUEST';\r\nexport const GET_GUESTS_FOR_EVENT_SUCCESS = 'GET_GUESTS_FOR_EVENT_SUCCESS';\r\nexport const GET_GUESTS_FOR_EVENT_FAILURE = 'GET_GUESTS_FOR_EVENT_FAILURE';\r\nexport const REMOVE_GUESTS_FOR_EVENT = 'REMOVE_GUESTS_FOR_EVENT';\r\nexport const FILTER_GUESTS_BY_CRITERIA = 'FILTER_GUESTS_BY_CRITERIA';\r\nexport const ADD_GUEST_TO_INVITEE_LIST = 'ADD_GUEST_TO_INVITEE_LIST';\r\nexport const REMOVE_GUEST_FROM_INVITEE_LIST = 'REMOVE_GUEST_FROM_INVITEE_LIST';\r\nexport const ADD_GUESTS_TO_INVITEE_LIST = 'ADD_GUESTS_TO_INVITEE_LIST';\r\nexport const REMOVE_GUESTS_FROM_INVITEE_LIST = 'REMOVE_GUESTS_FROM_INVITEE_LIST';\r\nexport const RESET_GUESTS = 'RESET_GUESTS';\r\nexport const RESET_INVITATION_INVITEES = 'RESET_INVITATION_INVITEES';\r\n","export const GET_AFFILIATES_REQUEST = 'GET_AFFILIATES_REQUEST';\r\nexport const GET_AFFILIATES_FAILURE = 'GET_AFFILIATES_FAILURE';\r\nexport const GET_AFFILIATES_SUCCESS = 'GET_AFFILIATES_SUCCESS';\r\n\r\nexport const POST_AFFILIATE_REQUEST = 'POST_AFFILIATE_REQUEST';\r\nexport const POST_AFFILIATE_FAILURE = 'POST_AFFILIATE_FAILURE';\r\nexport const POST_AFFILIATE_SUCCESS = 'POST_AFFILIATE_SUCCESS';\r\n\r\nexport const PUT_AFFILIATE_REQUEST = 'PUT_AFFILIATE_REQUEST';\r\nexport const PUT_AFFILIATE_FAILURE = 'PUT_AFFILIATE_FAILURE';\r\nexport const PUT_AFFILIATE_SUCCESS = 'PUT_AFFILIATE_SUCCESS';\r\n\r\nexport const GET_AFFILIATE_REQUEST = 'GET_AFFILIATE_REQUEST';\r\nexport const GET_AFFILIATE_FAILURE = 'GET_AFFILIATE_FAILURE';\r\nexport const GET_AFFILIATE_SUCCESS = 'GET_AFFILIATE_SUCCESS';\r\n\r\nexport const DELETE_AFFILIATE_REQUEST = 'DELETE_AFFILIATE_REQUEST';\r\nexport const DELETE_AFFILIATE_FAILURE = 'DELETE_AFFILIATE_FAILURE';\r\nexport const DELETE_AFFILIATE_SUCCESS = 'DELETE_AFFILIATE_SUCCESS';\r\nexport const RESET_AFFILIATE_DELETE = 'RESET_AFFILIATE_DELETE';\r\n\r\nexport const FILTER_AFFILIATES_BY_QUERY = 'FILTER_AFFILIATES_BY_QUERY';\r\nexport const SORT_AFFILIATES_BY = 'SORT_AFFILIATES_BY';\r\n","import { getAccountPermissions } from 'reducers/account';\r\nimport { hasPermissions } from 'shared/utils/permissionUtils';\r\n\r\nexport const withUserPermissions = (requiredPermissions, action) => (\r\n dispatch,\r\n getState\r\n) => {\r\n if (!action || !requiredPermissions) {\r\n return null;\r\n }\r\n\r\n const state = getState();\r\n const permissions = getAccountPermissions(state.account);\r\n\r\n if (!hasPermissions(permissions, requiredPermissions)) {\r\n return null;\r\n }\r\n\r\n return action();\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { push } from 'react-router-redux';\r\nimport { getAccountPermissions, getAccountRoles, getIsFetching } from 'reducers/account';\r\nimport CONSTANTS from 'shared/utils/constants';\r\nimport { hasPermissions, PERMISSIONS_LIST } from 'shared/utils/permissionUtils';\r\nimport AccessDenied from 'routes/AccessDenied';\r\nimport PageWrapper from 'common/PageWrapper';\r\n\r\nconst withPermissions = (\r\n requiredPermissions,\r\n redirectToForbidden = false\r\n) => WrappedComponent => {\r\n class AuthorizedComponent extends Component {\r\n static propTypes = {\r\n routeTo: PropTypes.func.isRequired,\r\n isFetching: PropTypes.bool.isRequired,\r\n userPermissions: PropTypes.arrayOf(PropTypes.oneOf(PERMISSIONS_LIST)),\r\n };\r\n\r\n componentDidMount() {\r\n const { userPermissions, routeTo } = this.props;\r\n\r\n if (\r\n redirectToForbidden &&\r\n !hasPermissions(userPermissions, requiredPermissions)\r\n ) {\r\n routeTo(CONSTANTS.URLS.ACCESS_DENIED);\r\n }\r\n }\r\n\r\n render() {\r\n const { userPermissions, isFetching } = this.props;\r\n if (isFetching) {\r\n return \r\n
\r\n \r\n
\r\n \r\n {heading &&\r\n onCancel()}\r\n className=\"nascar-popover-close\"\r\n viewBox=\"0 0 25 25\"\r\n />\r\n }\r\n {children}\r\n
\r\n {heading}
\r\n }\r\n {hasCloseIcon &&\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nWarningPopover.propTypes = {\r\n icon: PropTypes.node,\r\n content: PropTypes.node,\r\n onCancel: PropTypes.func.isRequired,\r\n title: PropTypes.string,\r\n};\r\n\r\nWarningPopover.defaultProps = {\r\n title: 'Whoops!',\r\n};\r\n\r\nexport default WarningPopover;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PopoverContainer from './PopoverContainer.jsx';\r\nimport { Portal } from 'react-portal';\r\n\r\nconst LoadingPopover = props => {\r\n const { isOpened = true } = props;\r\n\r\n return (\r\n {props.icon}
\r\n {props.title}
\r\n {props.content}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {props.title}
\r\n \r\n {children}\r\n
\r\n);\r\n\r\nActionBar.propTypes = {\r\n children: PropTypes.any,\r\n align: PropTypes.string,\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default ActionBar;\r\n","import styled from 'styled-components';\r\nimport { grayColor } from '../variables';\r\n\r\nexport default styled.div`\r\n background-color: ${grayColor};\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\r\n`;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { normalize, Schema, arrayOf } from 'normalizr';\r\nimport enhanceWithClickOutside from 'react-click-outside';\r\nimport autoBind from 'react-autobind';\r\nimport uniqueId from 'lodash/uniqueId';\r\nimport styled, { css } from 'styled-components';\r\nimport { FormattedMessage, injectIntl } from 'react-intl';\r\n\r\nimport { getStyles } from 'shared/helpers/styles';\r\n\r\nimport { IconDelete } from 'common/icons/IconDelete';\r\nimport SvgArrow from 'common/icons/Arrow';\r\nimport FormFieldLabel from 'common/FormFieldLabel';\r\n\r\nimport { DropDownMenu, MenuItem } from 'common/Menu';\r\n\r\nimport { createFormInputField } from 'css/components/FormInputField';\r\nimport Menu from 'css/components/Menu';\r\nimport { textOverflow, spinner } from 'css/mixins';\r\nimport { activeTextColor } from 'css/variables';\r\nimport ToolTipMarker from 'components/common/ToolTipMarker';\r\n\r\nimport { SelectWrapper, SelectAction, DeleteButton } from './styles';\r\n\r\nexport const InnerWrapper = styled.div`\r\n position: relative;\r\n`;\r\n\r\nexport const TextFieldWrapper = styled.div`\r\n position: relative;\r\n z-index: 2;\r\n`;\r\n\r\nexport const TextField = createFormInputField(\r\n 'div',\r\n css`\r\n position: relative;\r\n cursor: pointer;\r\n\r\n ${props =>\r\n props.isFetching &&\r\n spinner({\r\n stretch: true,\r\n size: '16',\r\n borderWidth: '1',\r\n align: 'right',\r\n })};\r\n\r\n ${props => {\r\n if (props.isDisabled) {\r\n return `\r\n opacity: .3;\r\n cursor: not-allowed;\r\n `;\r\n }\r\n\r\n if (props.isInactive) {\r\n return `\r\n cursor: initial;\r\n `;\r\n }\r\n\r\n return `\r\n padding-right: 30px;\r\n &:active {\r\n color: ${activeTextColor};\r\n }\r\n `;\r\n }};\r\n `\r\n);\r\n\r\nexport const TextFieldViewport = styled.div`\r\n width: 100%;\r\n ${textOverflow};\r\n`;\r\n\r\nexport const StyledArrow = styled.div`\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n transform: translateY(-50%)\r\n ${getStyles('isMenuOpen', 'rotate(180deg)', 'rotate(0)')};\r\n`;\r\n\r\nexport const DropdownMenu = styled.div`\r\n position: absolute;\r\n z-index: 4;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n opacity: ${getStyles('isMenuOpen', 1, 0)};\r\n visibility: ${getStyles('isMenuOpen', 'visible', 'hidden')};\r\n transform: ${getStyles('isMenuOpen', 'translateY(0)', 'translateY(-10px)')};\r\n transition: opacity 0.2s, visibility 0.2s, transform 0.4s;\r\n`;\r\n\r\nexport const List = styled(Menu)``;\r\n\r\nexport const ListItem = styled(MenuItem)`\r\n ${({ tooltip }) =>\r\n tooltip &&\r\n `\r\n padding-right: 50px;\r\n position: relative;\r\n `};\r\n`;\r\n\r\nexport const EmptyListItem = styled(ListItem)`\r\n color: ${activeTextColor};\r\n &:hover {\r\n color: white;\r\n }\r\n`;\r\n\r\nexport const DropDownWrapper = styled.div`\r\n position: absolute;\r\n left: 0;\r\n top: 100%;\r\n width: 100%;\r\n z-index: 5;\r\n`;\r\n\r\nexport const SearchInputWrapper = styled.div`\r\n box-sizing: border-box;\r\n /* Match common/Menu StyledMenuItem horizontal padding (10px 15px) so search field aligns with list */\r\n padding: 3px 15px 4px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n`;\r\n\r\nexport const SearchInput = styled.input`\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n height: 1.125rem;\r\n min-height: 1.125rem;\r\n margin: 0;\r\n padding: 1px 8px;\r\n line-height: 1.1;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n border-radius: 3px;\r\n font-size: 12px;\r\n outline: none;\r\n margin-bottom: 10px !important;\r\n &:focus {\r\n border-color: ${activeTextColor};\r\n }\r\n`;\r\n\r\nexport class Select extends Component {\r\n static propTypes = {\r\n items: PropTypes.array.isRequired,\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n labelKey: PropTypes.string,\r\n valueKey: PropTypes.string,\r\n emptyFieldLabel: PropTypes.string,\r\n label: PropTypes.string,\r\n error: PropTypes.bool,\r\n isFetching: PropTypes.bool,\r\n errorMessage: PropTypes.string,\r\n name: PropTypes.string,\r\n onMenuClose: PropTypes.func,\r\n onMenuOpen: PropTypes.func,\r\n onChange: PropTypes.func,\r\n placeholder: PropTypes.string,\r\n hasDeleteButton: PropTypes.bool,\r\n isRequired: PropTypes.bool,\r\n noActiveLabel: PropTypes.bool,\r\n noError: PropTypes.bool,\r\n isDisabled: PropTypes.bool,\r\n searchable: PropTypes.bool,\r\n searchPlaceholder: PropTypes.string,\r\n /** When searchable, also match these item keys (e.g. description) */\r\n extraSearchKeys: PropTypes.arrayOf(PropTypes.string),\r\n intl: PropTypes.object,\r\n shouldClose: PropTypes.bool,\r\n };\r\n\r\n static defaultProps = {\r\n labelKey: 'label',\r\n valueKey: 'value',\r\n label: '',\r\n emptyFieldLabel: 'Select item',\r\n error: false,\r\n isFetching: false,\r\n noActiveLabel: false,\r\n errorMessage: 'Please fix this field',\r\n name: '',\r\n isDisabled: false,\r\n onMenuClose: () => {},\r\n onMenuOpen: () => {},\r\n onChange: () => {},\r\n showEmptyPlaceHolder: true,\r\n searchable: false,\r\n searchPlaceholder: 'Search...',\r\n extraSearchKeys: [],\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.item = new Schema('item', { idAttribute: props.valueKey });\r\n this.items = arrayOf(this.item);\r\n this.state = {\r\n value: props.value,\r\n isMenuOpen: false,\r\n isAccordionOpen: false,\r\n items: normalize(props.items, this.items),\r\n searchTerm: '',\r\n };\r\n\r\n this.searchInputRef = React.createRef();\r\n\r\n autoBind(this);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n const { items, value } = this.props;\r\n\r\n if (items !== nextProps.items) {\r\n this.setState({\r\n items: normalize(nextProps.items, this.items),\r\n });\r\n }\r\n\r\n if (value !== nextProps.value) {\r\n this.setState({\r\n value: nextProps.value,\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n // Close menu if shouldClose prop changes to true\r\n if (!prevProps.shouldClose && this.props.shouldClose && this.state.isMenuOpen) {\r\n this.closeDropdownMenu();\r\n }\r\n }\r\n\r\n getItemByValue(id) {\r\n const { items } = this.state;\r\n return items.entities.item[id];\r\n }\r\n\r\n getTip(itemValue) {\r\n return this.getItemByValue(itemValue).tip;\r\n }\r\n\r\n getSelectedItem() {\r\n const { value } = this.state;\r\n return this.getItemByValue(value);\r\n }\r\n\r\n getFilteredValues() {\r\n const { items, searchTerm } = this.state;\r\n const { searchable, labelKey, intl, extraSearchKeys = [] } = this.props;\r\n \r\n if (!searchable || !searchTerm) {\r\n return items.result;\r\n }\r\n\r\n // Filter items based on search term\r\n const searchLower = searchTerm.toLowerCase();\r\n return items.result.filter(itemValue => {\r\n const item = this.getItemByValue(itemValue);\r\n if (!item) return false;\r\n const labelKeyValue = item[labelKey] || '';\r\n \r\n // Try to translate the label key, fallback to the key itself if translation fails\r\n let translatedLabel = labelKeyValue;\r\n if (intl) {\r\n // First try to get from messages directly (faster)\r\n if (intl.messages && intl.messages[labelKeyValue]) {\r\n translatedLabel = intl.messages[labelKeyValue];\r\n } else if (intl.formatMessage) {\r\n // Fallback to formatMessage\r\n try {\r\n translatedLabel = intl.formatMessage({ id: labelKeyValue, defaultMessage: labelKeyValue });\r\n } catch (e) {\r\n // If translation fails, use the original key\r\n translatedLabel = labelKeyValue;\r\n }\r\n }\r\n }\r\n \r\n // Search in both translated label and original key\r\n const labelMatches =\r\n translatedLabel.toLowerCase().includes(searchLower) ||\r\n labelKeyValue.toLowerCase().includes(searchLower);\r\n\r\n if (labelMatches) {\r\n return true;\r\n }\r\n\r\n return extraSearchKeys.some((key) => {\r\n const v = item[key];\r\n return v != null && String(v).toLowerCase().includes(searchLower);\r\n });\r\n });\r\n }\r\n\r\n getSelectedItemLabel() {\r\n const { labelKey, items, isFetching } = this.props;\r\n\r\n if (!items.length) {\r\n return null;\r\n }\r\n\r\n const selectedItem = this.getSelectedItem();\r\n\r\n if (selectedItem) {\r\n return selectedItem[labelKey];\r\n }\r\n\r\n if (isFetching) {\r\n return null;\r\n }\r\n\r\n return null;\r\n }\r\n\r\n getLabelState() {\r\n const { placeholder, items } = this.props;\r\n\r\n const { value } = this.state;\r\n\r\n if (items.length && (placeholder || value)) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n hasEnoughItemsToShow() {\r\n return this.getFilteredValues().length >= 0;\r\n }\r\n\r\n handleClickOutside() {\r\n this.closeDropdownMenu();\r\n }\r\n\r\n handleActionClick() {\r\n const { isFetching, hasDeleteButton } = this.props;\r\n\r\n const { value } = this.state;\r\n\r\n if (!isFetching && this.hasEnoughItemsToShow()) {\r\n if (hasDeleteButton && value) {\r\n this.selectItem();\r\n } else {\r\n this.toggleDropdownMenu();\r\n }\r\n }\r\n }\r\n\r\n closeDropdownMenu() {\r\n this.setState({ \r\n isMenuOpen: false,\r\n searchTerm: '', // Reset search term when closing\r\n });\r\n\r\n const { onMenuClose } = this.props;\r\n onMenuClose();\r\n }\r\n\r\n selectItem = itemValue => () => {\r\n this.setState({\r\n value: itemValue,\r\n });\r\n\r\n const { onChange, name } = this.props;\r\n onChange(itemValue, name, this.getItemByValue(itemValue));\r\n\r\n this.closeDropdownMenu();\r\n };\r\n\r\n toggleDropdownMenu() {\r\n const { isFetching, isDisabled, onMenuOpen, searchable } = this.props;\r\n if (!isFetching && !isDisabled) {\r\n this.setState(\r\n (oldState) => {\r\n const willBeOpen = !oldState.isMenuOpen;\r\n // Call onMenuOpen when opening\r\n if (willBeOpen && onMenuOpen) {\r\n onMenuOpen();\r\n }\r\n return {\r\n isMenuOpen: willBeOpen,\r\n searchTerm: willBeOpen ? oldState.searchTerm : '', // Reset search when closing\r\n };\r\n },\r\n () => {\r\n if (this.state.isMenuOpen && searchable && this.searchInputRef.current) {\r\n this.searchInputRef.current.focus();\r\n }\r\n }\r\n );\r\n }\r\n }\r\n\r\n handleSearchChange = (e) => {\r\n e.stopPropagation(); // Prevent dropdown from closing\r\n this.setState({ searchTerm: e.target.value });\r\n }\r\n\r\n showEmptyField() {\r\n const { emptyFieldLabel, isRequired } = this.props;\r\n\r\n if (!isRequired) {\r\n return (\r\n \r\n \r\n {this.renderTextFieldIcon()}\r\n \r\n\r\n \r\n {!isFetching && (\r\n \r\n {this.renderSearchInput()}\r\n {showEmptyPlaceHolder && this.showEmptyField()}\r\n {this.renderList()}\r\n \r\n )}\r\n \r\n
\r\n )}\r\n \r\n ({\r\n id: error,\r\n values: {\r\n item: \"Number of guests\",\r\n max: 100,\r\n },\r\n }))}\r\n />\r\n )}\r\n\r\n {this.renderOptionlabels(field)}\r\n
\r\n );\r\n }\r\n\r\n return this.renderOptionlabels(field);\r\n }\r\n\r\n renderOptionlabels(field) {\r\n return (\r\n \r\n Up to \r\n \r\n guest(s). \r\n
\r\n {field.detail.touched && (\r\n \r\n {(field.selected.value && this.props.isParkingPass) && (\r\n \r\n \r\n Description:{\" \"}\r\n {field.description.value} \r\n \r\n\r\n {this.renderTotalRemainingCount(field)}\r\n {this.renderApprovalMessage(field)}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderTotalRemainingCount(field) {\r\n const { canViewAmountRemaining } = this.props;\r\n const { isUnlimited, totalAvailable } = field;\r\n\r\n let remaining = 0;\r\n\r\n if (totalAvailable.value > 0 && !isUnlimited.value)\r\n remaining = totalAvailable.value;\r\n if (!isUnlimited.value && totalAvailable.value <= 0)\r\n remaining = `Limit exceeded by ${totalAvailable.value * -1}`;\r\n if (isUnlimited.value && totalAvailable.value === 0)\r\n remaining = \"Unlimited\";\r\n\r\n if (canViewAmountRemaining) {\r\n return (\r\n \r\n Number Of Passes: \r\n \r\n {\r\n field.quantity.onChange(num);\r\n if(num >= 1) {\r\n this.props.handleChangeParkingPassNumError();\r\n }\r\n }}\r\n error={!field.quantity.value && this.props.isParkingPassNumError}\r\n />\r\n \r\n {(!field.quantity.value && this.props.isParkingPassNumError) && (\r\n \r\n \r\n )}\r\n
\r\n )}\r\n {message}\"), _defineProperty(_en, \"invitationDetails.deadline.warning\", \"You are about to change the invitation that may be a subject to the additional ${lateFee} charge \\n because it was originally sent past the event submission deadline for the selected payment and pass type.\"), _defineProperty(_en, \"invitationDetails.deadLine.no_invite_deadline.warning\", \"You can't update {payment_type} invitations to an event past its submission deadline.\"), _defineProperty(_en, \"invitationDetails.deadLine.confirm_send.warning\", \"Are you sure you want to change an invitation past the event's submission deadline?\"), _defineProperty(_en, \"invitationDetails.update.error.no_pass_limit\", \"Unable to update the invitation. Ensure the selected pass and payment type is available to your affiliate.\"), _defineProperty(_en, \"invitationDetails.update.error.invalid_event\", \"Invalid event.\"), _defineProperty(_en, \"invitationDetails.update.error.user_access_affiliate_restricted\", \"User cannot access affiliate types.\"), _defineProperty(_en, \"invitationDetails.update.error.api_missing_data\", \"Server error, please consult administrator.\"), _defineProperty(_en, \"invitationDetails.update.error.pass_limit_zero\", \"Unable to update the invitation. You have reached the maximum number of allocated invitations for the selected pass and payment type.\"), _defineProperty(_en, \"minor_hot_invitation.error.minor_invite_too_old\", \"You cannot invite guests above the age of majority\"), _defineProperty(_en, \"invitation.bulk.error.note\", \"Please ensure you download the latest CSV file before uploading it. If you use an outdated file, some pass types or Special Options may not be currently assigned to the guest.\"), _defineProperty(_en, \"invitation.update_details.error.pass_limit_zero\", \"Unable to update the invitation. You have reached the maximum number of allocated invitations for the selected pass and payment type.\"), _defineProperty(_en, \"invitationDetails.guest.already_exists\", \"Unable to save the invitation because another guest with the same information already exists. Please revoke this invitation and invite the correct guest.\"), _defineProperty(_en, \"login.warning.invalid_credentials\", \"You have entered invalid credentials.\"), _defineProperty(_en, \"login.warning.problem_persists\", \"If the problem persists, please contact {phone}.\"), _defineProperty(_en, \"phoneType_cell\", \"Cell\"), _defineProperty(_en, \"phoneType_home\", \"Home\"), _defineProperty(_en, \"phoneType_office\", \"Office\"), _defineProperty(_en, \"phoneType_other\", \"Other\"), _defineProperty(_en, \"invitees_container_title\", \"Send an invitation to\"), _defineProperty(_en, \"guest_manager_popover_title\", \"Manage Guest List\"), _defineProperty(_en, \"event_selector_title\", \"To the event\"), _defineProperty(_en, \"userList.labels.notes\", \"Notes:\"), _defineProperty(_en, \"invitation.specialOptions.guestsMaxLimit\", \"Number of guests must be {number} or smaller.\"), _defineProperty(_en, \"invitation.update.passLimitExceeded\", \"Unable to update the invitation. You have reached the maximum number of allocated invitations for the selected pass and payment type.\"), _defineProperty(_en, \"validation.error.required\", \"Required.\"), _defineProperty(_en, \"validation.error.invalid\", \"Invalid.\"), _defineProperty(_en, \"validation.error.invalid.date.format\", \"Invalid date format.\"), _defineProperty(_en, \"validation.error.integer\", \"Must be a whole number.\"), _defineProperty(_en, \"validation.error.positiveNumber\", \"Must be greater than zero.\"), _defineProperty(_en, \"validation.error.positiveInteger\", \"Must be greater than zero and a whole number.\"), _defineProperty(_en, \"validation.error.email\", \"Invalid email address.\"), _defineProperty(_en, \"validation.error.emailOrPhone\", \"Invalid email or phone.\"), _defineProperty(_en, \"validation.error.phoneNumber\", \"Invalid phone number.\"), _defineProperty(_en, \"validation.error.countryCode\", \"Invalid country code\"), _defineProperty(_en, \"validation.error.phone_number.range_limit\", \"Phone number + country code, must be between 8 - 15 characters\"), _defineProperty(_en, \"validation.error.minor_hot_invitation.send_method\", \"You must select SMS, Email or both.\"), _defineProperty(_en, \"validation.error.url\", \"Invalid web address.\"), _defineProperty(_en, \"validation.error.smallerOrEqual\", \"{item} must be {max} or less.\"), _defineProperty(_en, \"validation.error.expirationHoursMax\", \"Number of hours must equal 30 days or less.\"), _defineProperty(_en, \"validation.error.age_of_majority_limit\", \"Age of majority must not exceed 150 years.\"), _defineProperty(_en, \"validation.error.integerIncludeZero\", \"Must not be negative and must a whole number.\"), _defineProperty(_en, \"mediaHardCard.inviteGuests.submitForm\", \"Send Invitation\"), _defineProperty(_en, \"mediaHardCardList.noEntitiesFound\", \"No Hard Cards Found.\"), _defineProperty(_en, \"api_error.invitation_user_profile_exists\", \"Unable to save the invitation because another guest with the same information already exists. Please revoke this invitation and invite the correct guest.\"), _defineProperty(_en, \"api_error.invitation_not_found\", \"Invitation not found.\"), _defineProperty(_en, \"api_error.multi_pass_invitation_exists\", \"The guests have already been registered for this event and cannot be invited again.\"), _defineProperty(_en, \"api_error.user_is_not_allowed_to_access_resource\", \"User is not authorized to access the resource.\"), _defineProperty(_en, \"api_error.invalid_csv_file_extension\", \"The file you imported is not a valid csv file. Please verify the file.\"), _defineProperty(_en, \"api_error.auth_code_max_length\", \"AuthCode length should not be more than 6 characters.\"), _defineProperty(_en, \"api_error.invalid_credentials\", '
You have entered invalid credentials.
If the problem persists, please contact {phone}
'), _defineProperty(_en, \"api_error.inactive_account\", 'This account is not active. Please contact {phone}
'), _defineProperty(_en, \"api_error.unknown_error\", \"Something went wrong\"), _defineProperty(_en, \"api_error.maintannce_mode\", \"The NASCAR Credentialing software is currently closed for scheduled maintenance. Please try again later. Thank you for your patience.\"), _defineProperty(_en, \"api_error.invalid_phone\", \"Phone number is not valid\"), _defineProperty(_en, \"api_error.event_expired\", \"The invitation is for a past event and cannot be approved or rejected.\"), _defineProperty(_en, \"api_error.approval_invalid\", \"The invitation has already been approved or rejected.\"), _defineProperty(_en, \"api_error.no_internet\", \"Internet connection has been lost. Please make sure that Wi-Fi or cellular data is turned on, then try again.\"), _defineProperty(_en, \"api_error.affiliate_parent_is_affiliate_child\", \"The parent affiliate cannot be managed by the {fullName} affiliate as it is already its child affiliate.\"), _defineProperty(_en, \"api_error.affiliate_already_exists\", \"Affiliate {fullName} already exists.\"), _defineProperty(_en, \"api_error.max_length_exceeded\", \"{propertyName} length should not be more than {max} characters.\"), _defineProperty(_en, \"api_error.not_found\", \"The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.\"), _defineProperty(_en, \"api_error.pass_limit_already_exists\", \"You have two rows with identical event type,\" + \" payment type, pass type values. Please remove one of the two duplicate rows and try again.\"), _defineProperty(_en, \"api_error.affiliate.duplicated_pass_limit\", \"{name}. Please remove one of the two duplicate rows and try again.\"), _defineProperty(_en, \"api_error.pass_limit_not_found\", \"No pass limit found for this invitation pass type, payment type and affiliate\"), _defineProperty(_en, \"api_error.invalid_captcha\", \"The system could not determine the validity of the request. Please try again.\"), _defineProperty(_en, \"api_error.pass_type.not_unique\", \"Pass type {name} already exists.\"), _defineProperty(_en, \"api_error.special_option.not_unique\", \"Special option {name} already exists.\"), _defineProperty(_en, \"api_error.special_option.wrong_status\", \"Special option cannot be approved or rejected for a Revoked or Rejected invitation.\"), _defineProperty(_en, \"api_error.special_option.duplicate_row\", \"You have duplicate {name} {type}. Please remove one of the two duplicate rows and try again.\"), _defineProperty(_en, \"api_error.eventtype_end_date.invalid\", \"Oops! To disable this event type, an End Date prior to today is required. Please update the End Date and try again.\"), _defineProperty(_en, \"api_error.eventtype_end_date.active\", \"This event is currently deactivated. Please re-activate the event before changing the end date.\"), _defineProperty(_en, \"permission_level.description.admin\", \"An Admin can manage the system and send \" + \"invitations on behalf of all affiliates. This user can view and edit all \" + \"invitations sent on behalf of all affiliates.\"), _defineProperty(_en, \"permission_level.description.user\", \"A User can send invitations on behalf of only \" + \"his/her own affiliates. This user can view and edit only the invitations that \" + \"he/she has sent.\"), _defineProperty(_en, \"permission_level.description.super_admin\", \"A Super Admin has unlimited access to \" + \"managing the system. This user can send invitations on behalf of all affiliates. \" + \"This user can view and edit all invitations sent on behalf of all affiliates.\"), _defineProperty(_en, \"permission_level.description.manager\", \"A Manager can send invitations on behalf of \" + \"only his/her own affiliates. This user can view and edit all invitations sent on \" + \"behalf of his/her own affiliates.\"), _defineProperty(_en, \"affiliate_managament.associated_affiliate_type\", \"You cannot delete this affiliate type \" + \"because affiliates have been created with this affiliate type. \" + \"Please change those affiliates to use a different affiliate type and try again.\"), _defineProperty(_en, \"affiliate_managament.associated_to_active_accounts\", \"You cannot delete this affiliate \" + \"because accounts have been created with this affiliate. \" + \"Please change those accounts to use a different affiliate and try again.\"), _defineProperty(_en, \"affiliate_managament.associated_to_active_invitations\", \"You cannot delete this affiliate \" + \"because invitations have been created on behalf of this affiliate.\"), _defineProperty(_en, \"affiliate_managament.late_invitations.informational_modal\", \"Choose from list or enter custom free amount\"), _defineProperty(_en, \"user_details.update_complete\", \"User details have been updated.\"), _defineProperty(_en, \"eventGuests.empty_search\", \"No guests found\"), _defineProperty(_en, \"eventGuests.Minor\", \"Minor\"), _defineProperty(_en, \"inviteGuests.addGuests.search.desktop_placeholder\", \"Search by name, email or mobile number\"), _defineProperty(_en, \"inviteGuests.import_from_csv.confirmation\", \"Import guests?\"), _defineProperty(_en, \"inviteGuests.import_from_csv.processing\", \"Guests are being imported... Please wait.\"), _defineProperty(_en, \"inviteGuests.import_from_csv.complete\", \"Guests have been imported.\"), _defineProperty(_en, \"inviteGuests.addGuests.search.mobile_placeholder\", \"Search by name, email or mobile\"), _defineProperty(_en, \"inviteGuests.addGuests.list_default_message\", \"Add one or multiple guests.\"), _defineProperty(_en, \"inviteGuests.addInviteeLabel\", \"Add Guest\"), _defineProperty(_en, \"inviteGuests.manageGuests.duplicated_guests_message\", \"Your guest list has duplicate entries:\"), _defineProperty(_en, \"inviteGuests.manageGuests.uploading_guests_message\", \"Guests are being imported... Please wait.\"), _defineProperty(_en, \"inviteGuests.manageGuests.upload_hint\", \"Upload Guest List (.csv file)\"), _defineProperty(_en, \"inviteGuests.manageGuests.download_template\", \"Download template.csv\"), _defineProperty(_en, \"inviteGuests.manageGuests.no_guests_selected\", \"Your list has no guests.\"), _defineProperty(_en, \"inviteGuests.addGuests.newGuestForm_submit_button\", \"Add Guest\"), _defineProperty(_en, \"inviteGuests.addGuests.searchView_list_items_conjunction\", \", and\"), _defineProperty(_en, \"inviteGuests.addGuests.searchView_list_items_conjunction_with_overlimit\", \"... and\"), _defineProperty(_en, \"inviteGuests.manageGuests.invalid_entites_title\", \"Your guest list has invalid entries:\"), _defineProperty(_en, \"inviteGuests.manageGuests.submit_guests_failure\", \"Your guest list has invalid or duplicate entries. Please correct the entries and try again.\"), _defineProperty(_en, \"inviteGuest.add_note.success\", \"Note has been added\"), _defineProperty(_en, \"inviteGuest.error.no_pass_allocation_error\", \"Chosen affiliate has no allocation to passes relevant for this event\"), _defineProperty(_en, \"inviteGuest.error.no_pass_and_payment_type_allocation_error\", \"Chosen affiliate has no allocation to passes relevant for this event and payment type\"), _defineProperty(_en, \"inviteGuest.edit_invite.error.no_pass_allocation_error\", \"Inviting affiliate has no pass allocations for this event under this payment type\"), _defineProperty(_en, \"provisioning.invitation.error.pass_type_not_available_for_payment_type\", \"The selected pass type is not available for this payment type. Please select another pass type.\"), _defineProperty(_en, \"affiliate_type_management.confirm_affiliate_type_update\", \"Save affiliate type?\"), _defineProperty(_en, \"affiliate_type_management.confirm_affiliate_type_question\", \"Carry on?\"), _defineProperty(_en, \"affiliate_type_management.confirm_affiliate_includes_no_invites_option_update\", \"Affiliate will not be able to send invitations past the deadline.\"), _defineProperty(_en, \"affiliate_type_management.confirm_affiliate_includes_no_invites_option_question\", 'Are you sure you want to set \"No Invites\" as a condition?'), _defineProperty(_en, \"resendInvitation.confirmation\", \"Resend the invitation?\"), _defineProperty(_en, \"resendInvitation.processing\", \"Resending... Please wait.\"), _defineProperty(_en, \"resendInvitation.complete\", \"The invitation has been resent.\"), _defineProperty(_en, \"cancelReservation.confirmation\", \"Cancel the reservation?\"), _defineProperty(_en, \"cancelReservation.processing\", \"Cancelling... Please wait.\"), _defineProperty(_en, \"cancelReservation.complete\", \"The reservation has been cancelled.\"), _defineProperty(_en, \"revokeInvitation.confirmation\", \"Revoke the invitation?\"), _defineProperty(_en, \"revokeInvitation.processing\", \"Revoking... Please wait.\"), _defineProperty(_en, \"revokeInvitation.complete\", \"The invitation has been revoked.\"), _defineProperty(_en, \"unrevokeInvitation.confirmation\", \"Unrevoke the invitation?\"), _defineProperty(_en, \"unrevokeInvitation.processing\", \"Unrevoking... Please wait.\"), _defineProperty(_en, \"unrevokeInvitation.complete\", \"The invitation has been Unrevoked.\"), _defineProperty(_en, \"wicket.confirmation\", \"Delete the person?\"), _defineProperty(_en, \"wicket.processing\", \"Deleting... Please wait.\"), _defineProperty(_en, \"wicket.complete\", \"Wicket person has been Deleted.\"), _defineProperty(_en, \"resendRegistrationConfirmation.confirmation\", \"Resend the registration confirmation?\"), _defineProperty(_en, \"resendRegistrationConfirmation.processing\", \"Resending... Please wait.\"), _defineProperty(_en, \"resendRegistrationConfirmation.complete\", \"The registration confirmation has been resent.\"), _defineProperty(_en, \"past_events.label.number_of_guests\", \"Total number of guests:\"), _defineProperty(_en, \"past_events.label.number_of_invited_guests\", \"Number of Invited guests:\"), _defineProperty(_en, \"past_events.label.number_of_pass_issued_guests\", \"Number of Pass Issued guests:\"), _defineProperty(_en, \"past_events.label.number_of_registered_guests\", \"Number of Registered guests:\"), _defineProperty(_en, \"user_management.roles_description\", \"Roles & Permissions\"), _defineProperty(_en, \"user_management.permissions_description\", \"Supplementary Permissions (Optional):\"), _defineProperty(_en, \"passwordReset.login.success\", \"If the account exists in our system, a password reset email will be sent to the email address you provided.\"), _defineProperty(_en, \"editUser.resetPassword.warning\", \"Reset this user's password? The user will receive an email with instructions to follow.\"), _defineProperty(_en, \"editUser.resetPassword.success\", \"The user has been sent an email with instructions to reset the password.\"), _defineProperty(_en, \"editContact.messages.deactivationWarning\", \"Are you sure you want to de-activate this user? The de-activated user will no longer be able to login to the system.\"), _defineProperty(_en, \"editContact.messages.activationWarning\", \"Are you sure you want to activate this user?\"), _defineProperty(_en, \"editContact.messages.deactivationSuccess\", \"User has been de-activated.\"), _defineProperty(_en, \"editContact.messages.activationSuccess\", \"User has been activated.\"), _defineProperty(_en, \"editContact.messages.activationProcess\", \"User is being activated... Please wait.\"), _defineProperty(_en, \"editContact.messages.deactivationProcess\", \"User is being de-activated... Please wait.\"), _defineProperty(_en, \"editGuest.messages.deactivationWarning\", \"Are you sure you want to de-activate this guest record?\"), _defineProperty(_en, \"editGuest.messages.activationWarning\", \"Are you sure you want to activate this guest record?\"), _defineProperty(_en, \"editGuest.messages.deactivationSuccess\", \"Guest record has been de-activated.\"), _defineProperty(_en, \"editGuest.messages.activationSuccess\", \"Guest record has been activated.\"), _defineProperty(_en, \"editGuest.messages.activationProcess\", \"Guest record is being activated... Please wait.\"), _defineProperty(_en, \"editGuest.messages.deactivationProcess\", \"Guest record is being de-activated... Please wait.\"), _defineProperty(_en, \"editAffiliate.messages.deactivationWarning\", \"Are you sure you want to de-activate this affiliate? The de-activated affiliate will not be available for assignment to users or affiliates.\"), _defineProperty(_en, \"editAffiliate.messages.deactivationWarningWithAssociatedAccounts\", \"Accounts have been found, linked with this affiliate. The account holders will not be able to\" + \" invite guests if this affiliate is de-activated. Are you sure you want to de-activate this affiliate?\"), _defineProperty(_en, \"editAffiliate.messages.activationWarning\", \"Are you sure you want to activate this affiliate? The affiliate will be available for assignment to users or affiliates.\"), _defineProperty(_en, \"editAffiliate.messages.deactivationSuccess\", \"Affiliate has been de-activated.\"), _defineProperty(_en, \"editAffiliate.messages.activationSuccess\", \"Affiliate has been activated.\"), _defineProperty(_en, \"editAffiliate.messages.activationProcess\", \"Affiliate is being activated... Please wait.\"), _defineProperty(_en, \"editAffiliate.messages.deactivationProcess\", \"Affiliate is being de-activated... Please wait.\"), _defineProperty(_en, \"editAffiliate.messages.checkingAffiliateAccounts\", \"Checking for associated accounts... Please wait.\"), _defineProperty(_en, \"editEvent.messages.activationSuccess\", \"Event has been activated.\"), _defineProperty(_en, \"editEvent.messages.activationProcess\", \"Event is being activated... Please wait.\"), _defineProperty(_en, \"editEvent.messages.activationWarning\", \"Are you sure you want to activate this event? The dashboard will show the activated\" + \" event again.\"), _defineProperty(_en, \"editEvent.messages.deactivationProcess\", \"Event is being de-activated... Please wait.\"), _defineProperty(_en, \"editEvent.messages.deactivationSuccess\", \"Event has been de-activated.\"), _defineProperty(_en, \"editEvent.messages.checkingEventInvitedGuests\", \"Checking for invited guests... Please wait.\"), _defineProperty(_en, \"editEvent.messages.deactivationWarning\", \"Are you sure you want to de-activate this event?\" + \"The dashboard will not show the de-activated event.\"), _defineProperty(_en, \"editEvent.messages.deactivationWarningWithInvitedGuests\", \"This event has invited guests. You won't be able to provision these guests if the event\" + \" is de-activated. Are you sure you want to de-activate this event? The dashboard will not\" + \" show the de-activated event.\"), _defineProperty(_en, \"user.resetPassword.warning\", \"Reset this user's password? The user will receive an email with instructions to follow.\"), _defineProperty(_en, \"editTemplate.messages.activationSuccess\", \"Email template has been activated.\"), _defineProperty(_en, \"editTemplate.messages.activationProcess\", \"Email template is being activated... Please wait.\"), _defineProperty(_en, \"editTemplate.messages.activationWarning\", \"Are you sure you want to activate this email template?\"), _defineProperty(_en, \"editTemplate.messages.deactivationProcess\", \"Email template is being de-activated... Please wait.\"), _defineProperty(_en, \"editTemplate.messages.deactivationSuccess\", \"Email template has been de-activated.\"), _defineProperty(_en, \"editTemplate.messages.deactivationWarning\", \"Deactivating this email template will prevent it from being used in new events. Existing events that use this email template will not be affected.\"), _defineProperty(_en, \"allocationControlCenter.messages.createAllocationExceptionConfirmation\", \"This will create an exception for this event, are you sure?\"), _defineProperty(_en, \"SendUserEmails.messages.confirmApplyFilters\", \"Reapplying filters will replace the list of recipients.\"), _defineProperty(_en, \"editParking.messages.deactivationSuccess\", \"Parking Pass has been de-activated.\"), _defineProperty(_en, \"editParking.messages.activationSuccess\", \"Parking Pass has been activated.\"), _defineProperty(_en, \"editParking.messages.deactivationWarning\", \"Are you sure you want to de-activate this Parking pass?\"), _defineProperty(_en, \"editParking.messages.deactivationProcess\", \"Parking Pass is being de-activated... Please wait.\"), _defineProperty(_en, \"editParking.messages.activationWarning\", \"Are you sure you want to activate this parking pass?\"), _defineProperty(_en, \"editParking.messages.activationProcess\", \"Parking Pass is being activated... Please wait.\"), _defineProperty(_en, \"editSpecialOptions.messages.deactivationSuccess\", \"Special Option has been de-activated.\"), _defineProperty(_en, \"editSpecialOptions.messages.activationSuccess\", \"Special Option has been activated.\"), _defineProperty(_en, \"editSpecialOptions.messages.deactivationWarning\", \"Are you sure you want to de-activate this Special Option?\"), _defineProperty(_en, \"editSpecialOptions.messages.deactivationProcess\", \"Special Option is being de-activated... Please wait.\"), _defineProperty(_en, \"editSpecialOptions.messages.activationWarning\", \"Are you sure you want to activate this Special Option?\"), _defineProperty(_en, \"editSpecialOptions.messages.activationProcess\", \"Special Option is being activated... Please wait.\"), _defineProperty(_en, \"bulk_distribution.field.label.handlioverTo\", \"Issued To:\"), _defineProperty(_en, \"bulk_distribution.field.label.startSeries\", \"Starting Pass #\"), _defineProperty(_en, \"bulk_distribution.field.label.endSeries\", \"Ending Pass #\"), _defineProperty(_en, \"bulk_distribution.field.label.quantity\", \"# Passes\"), _defineProperty(_en, \"bulk_distribution.field.label.passType\", \"Pass Type\"), _defineProperty(_en, \"bulk_distribution.field.label.note\", \"Notes: Internal\"), _defineProperty(_en, \"bulk_distribution.button.add_note\", \"Add Note\"), _defineProperty(_en, \"bulk_distribution.field.label.dateReturn\", \"Date Return\"), _defineProperty(_en, \"bulk_distribution.field.label.dateIssue\", \"Date Issue\"), _defineProperty(_en, \"bulk_distribution.field.label.event\", \"Event\"), _defineProperty(_en, \"bulk_distribution.field.label.affiliate\", \"Affiliate\"), _defineProperty(_en, \"bulk_distribution.field.label.provisioned\", \"# Provisioned\"), _defineProperty(_en, \"bulk_distribution.field.label.lost\", \"#Lost/Replaced\"), _defineProperty(_en, \"bulk_distribution.field.label.returned\", \"# Returned\"), _defineProperty(_en, \"bulk_distribution.field.label.unassigned\", \"# Unassigned\"), _defineProperty(_en, \"bulk_distribution.add_action.success.create\", \"Bulk Distribution was created\"), _defineProperty(_en, \"bulk_distribution.add_action.success.update\", \"Bulk Distribution was updated\"), _defineProperty(_en, \"bulk_distribution.add_action.distribute.create\", \"Successfully distributed\"), _en)\n};\nexport default locale;","import CONSTANTS from 'utils/constants';\r\nimport apiHelper from 'utils/apiHelper';\r\n\r\nimport { createApiRequest } from 'helpers/actions';\r\n\r\nimport { normalizeObjectKeys } from 'utils/objectUtils';\r\n\r\nfunction loadInvitationDetails(invitationId) {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.GET_BY_ID,\r\n invitationId\r\n );\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction loadParentInvitationDetails(minorToken) {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.PARENT,\r\n minorToken\r\n );\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction loadChildInvitationDetails(minorToken) {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.CHILD,\r\n minorToken\r\n );\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction downloadSignedWaiver(invitationId) {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.DOWNLOAD_WAIVER,\r\n invitationId\r\n );\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n 'Content-Type': CONSTANTS.CONTENT_TYPES.PDF,\r\n Accept: CONSTANTS.CONTENT_TYPES.PDF,\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction normalizeInvitationDetailsResponse(response) {\r\n const resp = normalizeObjectKeys(response);\r\n resp.invitationSpecialOptions =\r\n resp.invitationSpecialOptions && resp.invitationSpecialOptions.length\r\n ? resp.invitationSpecialOptions\r\n : [];\r\n resp.invitationWaiverDocuments =\r\n resp.invitationWaiverDocuments && resp.invitationWaiverDocuments.length\r\n ? resp.invitationWaiverDocuments\r\n : [];\r\n return resp;\r\n}\r\n\r\nexport const fetchDownloadWaiver = (dispatch, invitationId) =>\r\n dispatch(downloadSignedWaiver(invitationId));\r\n\r\nexport const fetchInvitationDetails = (dispatch, id) =>\r\n dispatch(loadInvitationDetails(id)).then(response => ({\r\n response: normalizeInvitationDetailsResponse(response),\r\n }));\r\n\r\nexport const fetchParentInvitationDetails = (dispatch, token) =>\r\n dispatch(loadParentInvitationDetails(token)).then(response => ({\r\n response: normalizeInvitationDetailsResponse(response),\r\n }));\r\n\r\nexport const fetchChildInvitationDetails = (dispatch, token) =>\r\n dispatch(loadChildInvitationDetails(token)).then(response => ({\r\n response: normalizeObjectKeys(response),\r\n }));\r\n\r\nfunction putInvitationDetails(invitationId, invitationDetails, customMessage, type) {\r\n let endpoint;\r\n\r\n if (!invitationDetails.MultiPassId) {\r\n endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.GET_BY_ID,\r\n invitationId\r\n );\r\n } else if(type === CONSTANTS.INVITATION_TYPES.MINOR || type === CONSTANTS.INVITATION_TYPES.WALK_UP_MINOR) {\r\n endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.MINORS.UPDATE,\r\n invitationId\r\n );\r\n } else {\r\n endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.MULTI_PASS,\r\n invitationId\r\n );\r\n }\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.PUT,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n body: JSON.stringify({ ...invitationDetails, customMessage }),\r\n },\r\n },\r\n };\r\n}\r\n//\r\nexport const updateInvitationDetails = (\r\n dispatch,\r\n invitationId,\r\n details,\r\n customMessage,\r\n type\r\n) => dispatch(putInvitationDetails(invitationId, details, customMessage, type));\r\n\r\nexport const cancelReservation = ({ id }) => {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.CANCEL_RESERVATION,\r\n id\r\n );\r\n\r\n return createApiRequest({\r\n method: CONSTANTS.METHODS.POST,\r\n endpoint,\r\n body: {\r\n customMessage: 'Cancel Reservation', //TODO: update API when ready\r\n },\r\n });\r\n};\r\n\r\nexport const postInvitationNote = (isHardcard) => ({ text, invitationId }) => {\r\n const endpoint = apiHelper.buildPath(\r\n isHardcard ? CONSTANTS.API.MEDIA_HARD_CARDS.NOTES : CONSTANTS.API.INVITATIONS.NOTES,\r\n invitationId\r\n );\r\n\r\n return createApiRequest({\r\n method: CONSTANTS.METHODS.POST,\r\n endpoint,\r\n body: {\r\n note: text,\r\n },\r\n });\r\n};\r\n\r\nexport const approveInvitation = ({ invitationId, customMessage = '' }) => {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.APPROVE_INVITATION,\r\n invitationId\r\n );\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.POST,\r\n requestId: 'invitationApprovals/approvalRequest',\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n body: JSON.stringify({ customMessage }),\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const bulkApproveInvitation = ({ invitationIds, customMessage = '' }) => {\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint: CONSTANTS.API.INVITATIONS.BULK_APPROVE_INVITATION,\r\n method: CONSTANTS.METHODS.POST,\r\n // requestId: 'invitationApprovals/approvalRequest',\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n body: JSON.stringify({ invitationIds, customMessage }),\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const rejectInvitation = ({ invitationId, customMessage = '' }) => {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.REJECT_INVITATION,\r\n invitationId\r\n );\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.POST,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n body: JSON.stringify({ customMessage }),\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const approveSpecialOption = ({ invitationId, specialOptionId, customMessage = '' }) => {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.APPROVE_SPECIAL_OPTION,\r\n invitationId\r\n );\r\n\r\n let payload = { optionId: specialOptionId };\r\n if (!!customMessage && customMessage !== ' ') payload['customMessage'] = customMessage;\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.PUT,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n body: JSON.stringify(payload),\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const rejectSpecialOption = ({ invitationId, specialOptionId, customMessage = '' }) => {\r\n const endpoint = apiHelper.buildPath(\r\n CONSTANTS.API.INVITATIONS.REJECT_SPECIAL_OPTION,\r\n invitationId\r\n );\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n method: CONSTANTS.METHODS.PUT,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n body: JSON.stringify({ optionId: specialOptionId, customMessage }),\r\n },\r\n },\r\n };\r\n};\r\n","import React from 'react';\r\n\r\nimport { blueColor, redColor } from 'css/variables';\r\nimport svgIconGenerator from './../utils/svgIconGenerator';\r\nimport IconAMAFlag from './IconAMAFlag';\r\n\r\nconst IconNascarFlagComponent = (props) => (\r\n \r\n);\r\n\r\nconst IconNascarFlag = (props) => {\r\n // eslint-disable-next-line no-undef\r\n if (typeof env !== 'undefined' && env.SERVER_TYPE === 'AMAPROD') {\r\n return\r\n {this.renderBlankItem()}\r\n {filteredItems.map(item =>\r\n React.createElement(this.props.renderer, {\r\n item,\r\n ...rendererProps,\r\n isSelected: this.props.selectedIds.includes(item.id),\r\n key: uniqueId(),\r\n onClick: () => {\r\n onItemClick(item);\r\n },\r\n })\r\n )}\r\n
\r\n );\r\n }\r\n\r\n renderBlankItem() {\r\n const { selectedIds, blankItemText, onItemClick } = this.props;\r\n\r\n if (!blankItemText) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n this.props.onChangeSwitch()}\r\n />\r\n
\r\n )}\r\n {this.props.showSelectAllCheckbox && this.props.isDeactivate && (\r\n \r\n
\r\n )}\r\n {this.renderCounter()}\r\n {message || this.popoverContent}
}\r\n icon={\r\n \r\n {rootPopover}\r\n \r\n
\r\n );\r\n};\r\n\r\nPopoverRoot.propTypes = {\r\n popoverType: PropTypes.string,\r\n popoverProps: PropTypes.object,\r\n extraProps: PropTypes.object,\r\n};\r\n\r\nexport default connect(\r\n state => state.popoverState\r\n)(PopoverRoot);\r\n","import momentTz from 'moment-timezone';\r\nimport CONSTANTS, { DATE } from 'provisioning/shared/utils/constants';\r\n\r\nexport const wrapDateWithTimezone = (\r\n dateStr,\r\n timeZone = CONSTANTS.DEFAULT_TIME_ZONE,\r\n) => momentTz.tz(dateStr, timeZone);\r\n\r\nexport const formatDate = (\r\n dateStr,\r\n format = DATE.DISPLAY_FULL_FORMAT,\r\n timeZone,\r\n) =>\r\n wrapDateWithTimezone(dateStr, timeZone).format(format);\r\n\r\nexport const getShortDate = (dateStr, timeZone) => (\r\n formatDate(dateStr, 'MMM D', timeZone)\r\n);\r\n\r\nexport const formatDateToUTC = (\r\n dateStr,\r\n timeZone = CONSTANTS.DEFAULT_TIME_ZONE,\r\n) =>\r\n momentTz.tz(dateStr, timeZone).utc().format();\r\n\r\nexport const mapDateToESTFormat = (\r\n dateStr\r\n) => {\r\n const offset = momentTz(dateStr).tz(CONSTANTS.DEFAULT_TIME_ZONE).format('Z');\r\n return momentTz(dateStr).format(CONSTANTS.DEFAULT_DATE_TIME_TIMEZONE_FORMAT + offset);\r\n};\r\n","export const RECEIVE_ELEMENTS = 'affiliate/RECEIVE_ELEMENTS';\r\n\r\nexport const SCHEMA = 'affiliates';\r\n\r\nexport const searchFields = [\r\n 'fullName',\r\n 'shortName',\r\n 'parentAffiliateName',\r\n 'affiliateTypeName',\r\n];\r\n\r\nexport const sortOptions = [\r\n { label: 'Affiliate', value: 'fullname' },\r\n { label: 'Managed By', value: 'managedby' },\r\n { label: 'Affiliate Type', value: 'affiliatetype' },\r\n];\r\n\r\nexport const AFFILIATE_ACTION_NAMES = ['activation'];\r\n\r\nexport const AFFILIATE_LIST_REQUEST_ID = 'affiliates/list';\r\nexport const DEFAULT_LIST_ID = 'COMMON_AFFILIATE_LIST';\r\n","import * as types from 'constants/specialOptions';\r\n\r\nconst ids = (state = [], action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return action.response.result;\r\n\r\n case types.FETCH_FAILURE:\r\n case types.FETCH_REQUEST:\r\n return [];\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default ids;\r\n","import { combineReducers } from 'redux';\r\nimport * as types from 'constants/specialOptions';\r\n\r\nimport {\r\n createIsFetchingReducer,\r\n createErrorMessageReducer,\r\n} from 'shared/utils/reducerUtils';\r\n\r\nimport ids from './ids';\r\n\r\nexport default combineReducers({\r\n ids,\r\n isFetching: createIsFetchingReducer(types),\r\n errorMessage: createErrorMessageReducer(types),\r\n});\r\n\r\nexport const getIds = (state) => state.ids;\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n\r\n// TODO: refactor reducer to standard api reducer\r\nexport const getRequestState = (state) => ({\r\n isFetching: state.isFetching,\r\n isFetched: !state.isFetching,\r\n isUninitialized: !state.isFetching,\r\n errorMessage: state.errorMessage,\r\n});\r\n","import * as types from 'constants/specialOptions';\r\n\r\nconst byId = (state = {}, action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return {\r\n ...state,\r\n ...action.response.entities.specialOptions,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default byId;\r\n\r\nexport const getSpecialOption = (state, id) => state[id];\r\n","import { combineReducers } from 'redux';\r\nimport list, * as fromList from './list';\r\nimport byId, * as fromById from './byId';\r\n\r\nimport createApiReducer, * as fromApiReducer from 'shared/helpers/reducers/createApiReducer';\r\nimport * as actionTypes from 'constants/specialOptions';\r\n\r\nconst specialOptions = createApiReducer({\r\n reducer: actionTypes.SPECIAL_OPTIONS_LIST_REDUCER,\r\n schemaName: actionTypes.SPECIAL_OPTIONS_LIST_SCHEMA,\r\n});\r\n\r\nconst specialOption = createApiReducer({\r\n reducer: actionTypes.SPECIAL_OPTION_BY_ID_REDUCER,\r\n});\r\n\r\nexport const getSpecialOptions = (state) => {\r\n const ids = fromList.getIds(state.list);\r\n return ids.map(id => fromById.getSpecialOption(state.byId, id));\r\n};\r\n\r\nexport const getSpecialOptionsIds = (state) =>\r\n fromList.getIds(state.list);\r\n\r\nexport const getSpecialOption = (state, id) =>\r\n fromById.getSpecialOption(state.byId, id);\r\n\r\nexport const getIsFetching = (state) =>\r\n fromList.getIsFetching(state.list);\r\n\r\nexport const getErrorMessage = (state) =>\r\n fromList.getErrorMessage(state.list);\r\n\r\nexport const getSpecialOptionsRequest = (state) =>\r\n fromList.getRequestState(state.list);\r\n\r\nexport const getSpecialOptionsListRequestState = state =>\r\n fromApiReducer.getRequestState(state.passTypes);\r\n\r\nexport const getSpecialOptionRequestState = state =>\r\n fromApiReducer.getRequestState(state.specialOption);\r\n\r\nexport const getOneSpecialOption = (state) =>\r\n fromApiReducer.getResponseData(state.specialOption);\r\n\r\nexport default combineReducers({\r\n list,\r\n byId,\r\n specialOptions,\r\n specialOption,\r\n});\r\n","import {\r\n TOGGLE_INVITE_GUEST_FORM,\r\n SELECT_AFFILIATE,\r\n} from 'constants/mediaHardCard';\r\n\r\nconst initialState = {\r\n isVisible: false,\r\n affiliateId: '',\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n if (action.type === TOGGLE_INVITE_GUEST_FORM) {\r\n return {\r\n ...state,\r\n isVisible: !state.isVisible,\r\n };\r\n }\r\n\r\n if (action.type === SELECT_AFFILIATE) {\r\n return {\r\n ...state,\r\n affiliateId: action.payload.affiliateId,\r\n };\r\n }\r\n\r\n return state;\r\n};\r\n\r\nexport const getIsVisible = state => state.isVisible;\r\nexport const getAffiliateId = state => state.affiliateId;\r\n","import { combineReducers } from 'redux';\r\nimport details from './details';\r\nimport inviteGuestForm, * as fromInviteGuestFrom from './inviteGuestForm';\r\nimport { listTypes } from 'constants/inviteGuests';\r\n\r\nimport summary from './summary';\r\n\r\nimport { getGuestListState } from 'reducers/inviteGuests/manageGuests';\r\nexport default combineReducers({\r\n details,\r\n inviteGuestForm,\r\n summary,\r\n});\r\n\r\nexport const getMediaHardCardDetails = state => state.details;\r\n\r\nexport const getIsInviteGuestFormVisible = state =>\r\n fromInviteGuestFrom.getIsVisible(state.inviteGuestForm);\r\n\r\nexport const getInvitationAffiliateId = state =>\r\n fromInviteGuestFrom.getAffiliateId(state.inviteGuestForm);\r\n\r\nconst hasSelectedAffiliate = state => !!getInvitationAffiliateId(state);\r\n\r\nconst hasAddedGuests = state =>\r\n !!getGuestListState(state)[listTypes.SAVED].length;\r\n\r\nexport const getIsInvitationFormValid = state =>\r\n hasSelectedAffiliate(state.mediaHardCard) && hasAddedGuests(state);\r\n\r\nexport const getMediaHardCardGuestSummary = state => state.summary;\r\n","import { RECEIVE_MEDIA_HARD_CARD } from 'constants/mediaHardCard';\r\n\r\nexport default (state = {}, action) => {\r\n if (action.type === RECEIVE_MEDIA_HARD_CARD) {\r\n return action.payload;\r\n }\r\n\r\n return state;\r\n};\r\n","import { RECEIVE_MEDIA_HARD_CARD_GUEST_SUMMARY } from 'constants/mediaHardCard';\r\n\r\nexport default (state = {}, action) => {\r\n if (action.type === RECEIVE_MEDIA_HARD_CARD_GUEST_SUMMARY) {\r\n return action.payload;\r\n }\r\n\r\n return state;\r\n};\r\n","import { MANAGE_AFFILIATE } from \"constants/permissions\";\r\nimport { hasPermissions } from \"shared/utils/permissionUtils\";\r\nimport { resolvePrimaryContactId } from \"./primaryContact\";\r\n\r\nexport function hasManageAffiliatePermission(userPermissions) {\r\n return hasPermissions(userPermissions, [MANAGE_AFFILIATE]);\r\n}\r\n\r\n/** Scoped managers: MANAGE_AFFILIATE without Admin / Super Admin role. */\r\nexport function shouldRestrictAffiliateIdentityFields(\r\n userPermissions,\r\n isAdminOrSuperAdmin\r\n) {\r\n return hasManageAffiliatePermission(userPermissions) && !isAdminOrSuperAdmin;\r\n}\r\n\r\nexport function shouldApplyAllocationRowLock(\r\n userPermissions,\r\n isAdminOrSuperAdmin\r\n) {\r\n return shouldRestrictAffiliateIdentityFields(\r\n userPermissions,\r\n isAdminOrSuperAdmin\r\n );\r\n}\r\n\r\n/** Create affiliate and activate/deactivate require Admin or Super Admin role. */\r\nexport function canCreateOrActivateAffiliate(\r\n userPermissions,\r\n isAdminOrSuperAdmin\r\n) {\r\n return (\r\n hasManageAffiliatePermission(userPermissions) && !!isAdminOrSuperAdmin\r\n );\r\n}\r\n\r\nexport function pickAffiliateIdentityInitial(values = {}) {\r\n return {\r\n fullName: values.fullName,\r\n affiliateTypeId: values.affiliateTypeId,\r\n vendorNumber: values.vendorNumber,\r\n parentAffiliateId: values.parentAffiliateId,\r\n primaryContact: values.primaryContact,\r\n dlAffiliateId: values.dlAffiliateId,\r\n };\r\n}\r\n\r\n/** Strip admin-only identity fields from update payload for scoped managers. */\r\nexport function applyProtectedAffiliateFieldsToPayload(\r\n payload,\r\n initial,\r\n restrictIdentityFields\r\n) {\r\n if (!restrictIdentityFields || !initial) {\r\n return payload;\r\n }\r\n\r\n return {\r\n ...payload,\r\n fullName: initial.fullName,\r\n shortName: initial.fullName,\r\n vendorNumber: initial.vendorNumber,\r\n parentAffiliateId: initial.parentAffiliateId,\r\n affiliateTypeId: initial.affiliateTypeId,\r\n primaryContactId: resolvePrimaryContactId(initial.primaryContact),\r\n DLAffiliateId: initial.dlAffiliateId ?? null,\r\n };\r\n}\r\n","export const UPDATE_SEARCH_CRITERIA = 'search/UPDATE_SEARCH_CRITERIA';\r\nexport const INITIALIZE_SEARCH_CRITERIA = 'search/INITIALIZE_SEARCH_CRITERIA';\r\n","export const SEARCH_CRITERIA = {\r\n SEARCH_TERM: 'searchTerm',\r\n ORDER_BY: 'orderBy',\r\n EVENT_TYPE_BY: 'type',\r\n FILTER_BY: 'other'\r\n};\r\n","import * as ACTION_TYPE_SET from './actionTypes';\r\n\r\nexport * from './common';\r\nexport const ACTION_TYPES = ACTION_TYPE_SET;\r\n","export const SELECT_WAIVER = 'selectWaiver';\r\nexport const DESELECT_WAIVER = 'deselectWaiver';\r\nexport const COMPLETE_SELECTED_WAIVER = 'completeSelectedWaiver';\r\nexport const RESET_VIEW_STATE_DATA = 'resetViewStateData';\r\n\r\nexport const FETCH_WAIVERS = 'FETCH_WAIVERS';\r\nexport const FETCH_WAIVERS_SUCCESS = 'FETCH_WAIVERS_SUCCESS';\r\nexport const FETCH_WAIVERS_FAILURE = 'FETCH_WAIVERS_FAILURE';\r\n","export const TOGGLE_SIDEBAR_OPEN = 'TOGGLE_SIDEBAR_OPEN';\r\nexport const HIDE_SIDEBAR = 'HIDE_SIDEBAR';\r\nexport const SET_BREADCRUMBS = 'SET_BREADCRUMBS';\r\nexport const SET_INFINITE_SCROLL_POSITION = 'SET_INFINITE_SCROLL_POSITION';\r\nexport const RESET_INFINITE_SCROLL = 'RESET_INFINITE_SCROLL';\r\nexport const SET_INFINITE_SCROLL_TO_THE_END = 'SET_INFINITE_SCROLL_TO_THE_END';\r\n","import { combineReducers } from 'redux';\r\nimport pick from 'lodash/pick';\r\n\r\nimport { passLimitModelMap } from 'components/pass_limits/modelMap';\r\nimport createApiReducer, * as fromApiReducer from 'helpers/reducers/createApiReducer';\r\n\r\nimport {\r\n PASS_LIMITS_SCHEMA,\r\n ADD_PASS_LIMIT_TO_AFFILIATE_TYPE,\r\n REMOVE_PASS_LIMIT_FROM_AFFILIATE_TYPE,\r\n ADD_INITIAL_PASS_LIMIT,\r\n} from 'constants/affiliateTypes';\r\n\r\nimport {\r\n PASS_LIMITS_BY_AFFILIATE_TYPE_REDUCER,\r\n UPDATE_PASS_LIMITS_BY_AFFILIATE_TYPE_REDUCER,\r\n} from 'constants/reducers';\r\n\r\nconst passLimitsList = createApiReducer({\r\n reducer: PASS_LIMITS_BY_AFFILIATE_TYPE_REDUCER,\r\n schemaName: PASS_LIMITS_SCHEMA,\r\n handlers: {\r\n [ADD_PASS_LIMIT_TO_AFFILIATE_TYPE](state, action) {\r\n return {\r\n byId: {\r\n ...state.byId,\r\n [action.passLimit.id]: passLimitModelMap(action.passLimit),\r\n },\r\n ids: [...state.ids].concat(action.passLimit.id)\r\n };\r\n },\r\n [ADD_INITIAL_PASS_LIMIT](state, action) {\r\n if(state.ids.length) {\r\n return state;\r\n }\r\n\r\n return {\r\n byId: {\r\n ...state.byId,\r\n [action.passLimit.id]: passLimitModelMap(action.passLimit),\r\n },\r\n ids: [...state.ids].concat(action.passLimit.id)\r\n };\r\n },\r\n [REMOVE_PASS_LIMIT_FROM_AFFILIATE_TYPE](state, action) {\r\n let newIds = [...state.ids];\r\n newIds.splice(newIds.indexOf(action.passLimit.id), 1);\r\n\r\n return {\r\n byId: pick(state.byId, newIds),\r\n ids: newIds,\r\n };\r\n },\r\n },\r\n initialState: {\r\n byId: {},\r\n ids: []\r\n }\r\n});\r\n\r\nconst update = createApiReducer({\r\n reducer: UPDATE_PASS_LIMITS_BY_AFFILIATE_TYPE_REDUCER,\r\n requestOnly: true,\r\n});\r\n\r\nexport default combineReducers({\r\n passLimitsList,\r\n update,\r\n});\r\n\r\nexport const getPassLimitsList = (state) =>\r\n fromApiReducer.getResponseData(state.passLimitsList, true);\r\n\r\nexport const getFetchRequestState = (state) =>\r\n fromApiReducer.getRequestState(state.passLimitsList);\r\n\r\nexport const getUpdateRequestState = (state) =>\r\n fromApiReducer.getRequestState(state.update);\r\n","import { combineReducers } from 'redux';\r\n\r\nimport createApiReducer, * as fromApiReducer from 'helpers/reducers/createApiReducer';\r\n\r\nimport {\r\n AFFILIATE_TYPE_UPDATE_REDUCER,\r\n AFFILIATE_TYPE_REDUCER,\r\n} from 'constants/reducers';\r\n\r\nimport passLimits, * as fromPassLimitsReducer from './passLimits';\r\n\r\nconst details = createApiReducer({\r\n reducer: AFFILIATE_TYPE_REDUCER,\r\n});\r\n\r\nconst update = createApiReducer({\r\n reducer: AFFILIATE_TYPE_UPDATE_REDUCER,\r\n requestOnly: true,\r\n});\r\n\r\nexport default combineReducers({\r\n details,\r\n update,\r\n passLimits,\r\n});\r\n\r\nexport const getAffiliateTypeDetailsRequest = (state) =>\r\n fromApiReducer.getRequestState(state.details);\r\n\r\nexport const getAffiliateTypeUpdateRequest = (state) =>\r\n fromApiReducer.getRequestState(state.update);\r\n\r\nexport const getAffiliateTypeDetails = (state) =>\r\n fromApiReducer.getResponseData(state.details);\r\n\r\nexport const getPassLimitsByAffiliateTypeId = (state) =>\r\n fromPassLimitsReducer.getPassLimitsList(state.passLimits);\r\n\r\nexport const getPassLimitsFetchRequest = (state) =>\r\n fromPassLimitsReducer.getFetchRequestState(state.passLimits);\r\n\r\nexport const getPassLimitsUpdateRequest = (state) =>\r\n fromPassLimitsReducer.getUpdateRequestState(state.passLimits);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\n\r\nclass ShadowBox extends PureComponent {\r\n static propTypes = {\r\n children: PropTypes.any,\r\n className: PropTypes.string,\r\n onClick: PropTypes.func,\r\n noPadding: PropTypes.bool,\r\n noFooter: PropTypes.bool,\r\n hasFooter: PropTypes.bool,\r\n hasError: PropTypes.bool,\r\n centered: PropTypes.bool,\r\n stretched: PropTypes.bool,\r\n }\r\n\r\n static defaultProps = {\r\n className: '',\r\n onClick: () => {},\r\n noPadding: false,\r\n noFooter: false,\r\n hasFooter: false,\r\n hasError: false,\r\n centered: false,\r\n stretched: false,\r\n bottomPadding: false\r\n }\r\n\r\n render() {\r\n const {\r\n onClick,\r\n noPadding,\r\n noFooter,\r\n hasFooter,\r\n hasError,\r\n stretched,\r\n centered,\r\n } = this.props;\r\n\r\n return (\r\n \r\n {formatMessage(message)}\r\n {onRetry && Retry. }\r\n
\r\n);\r\n\r\nErrorMessage.propTypes = {\r\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).isRequired,\r\n onRetry: PropTypes.func,\r\n className: PropTypes.string,\r\n};\r\n\r\n\r\nexport default ErrorMessage;\r\n\r\nconst Message = styled.p`\r\n color: ${errorColor};\r\n margin: .5em;\r\n`;\r\n\r\nconst Retry = styled.span`\r\n ${link};\r\n`;\r\n\r\n","import styled, { css } from 'styled-components';\r\n\r\nimport FormFieldWrapper from 'css/components/FormFieldWrapper';\r\n\r\nexport const InputWrapper = styled.div`\r\n position: relative;\r\n > input[type='text'] {\r\n margin-bottom: 0;\r\n height: 2.3rem;\r\n }\r\n`;\r\n\r\nexport const TextAreaStyles = css`\r\n height: auto;\r\n max-width: 100%;\r\n resize: none;\r\n border: 1px solid #4e5052;\r\n background: #293239;\r\n padding: 15px;\r\n transition: border-color 0.3s;\r\n`;\r\n\r\nexport const TextFieldWrapper = styled(FormFieldWrapper)`\r\n ${({ isInline }) => isInline && 'padding: 0'};\r\n`;\r\n\r\nexport const TextFieldStyles = css`\r\n &:disabled {\r\n user-select: none;\r\n border-bottom: 1px solid #9e9e9e !important;\r\n opacity: 0.7 !important;\r\n }\r\n &:disabled + label {\r\n color: #9e9e9e !important;\r\n span {\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n }\r\n`;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport autoBind from 'react-autobind';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport FormFieldLabel from 'common/FormFieldLabel';\r\nimport { createFormInputField } from 'css/components/FormInputField';\r\n\r\nimport {\r\n InputWrapper,\r\n TextAreaStyles,\r\n TextFieldWrapper,\r\n TextFieldStyles,\r\n} from './styles';\r\nimport styled from 'styled-components';\r\n\r\nconst TEXT_AREA = 'textarea';\r\nconst EMPTY_STRING = '';\r\n\r\nexport const InputField = createFormInputField('input', TextFieldStyles);\r\nconst TextArea = createFormInputField('textarea', TextAreaStyles);\r\n\r\nconst DIVIDER = ', ';\r\n\r\nclass TextField extends PureComponent {\r\n static contextTypes = {\r\n intl: PropTypes.object.isRequired,\r\n };\r\n\r\n static propTypes = {\r\n value: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n field: PropTypes.object,\r\n name: PropTypes.string,\r\n onChangeDelay: PropTypes.number,\r\n placeholder: PropTypes.string,\r\n error: PropTypes.bool,\r\n errorMessage: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.string),\r\n PropTypes.string,\r\n ]),\r\n type: PropTypes.oneOf(['text', 'password']),\r\n autoComplete: PropTypes.oneOf(['on', 'off', 'new-password']),\r\n isRequired: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onFocus: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onClick: PropTypes.func,\r\n label: PropTypes.string,\r\n maxLength: PropTypes.number,\r\n isInline: PropTypes.bool,\r\n inputType: PropTypes.oneOf(['textarea', 'input']),\r\n autoFocus: PropTypes.bool,\r\n inputProps: PropTypes.object,\r\n labelData: PropTypes.object,\r\n };\r\n\r\n static defaultProps = {\r\n onChangeDelay: 300,\r\n disabled: false,\r\n value: '',\r\n field: {},\r\n name: '',\r\n placeholder: '',\r\n error: false,\r\n errorMessage: '',\r\n autoComplete: 'off',\r\n type: 'text',\r\n isRequired: false,\r\n label: '',\r\n labelData: {},\r\n maxLength: null,\r\n inputType: 'input',\r\n autoFocus: false,\r\n onChange: () => {},\r\n onBlur: () => {},\r\n onKeyUp: () => {},\r\n onClick: () => {},\r\n onFocus: () => {},\r\n inputProps: {},\r\n };\r\n\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n value: props.value,\r\n isActive: !!props.value || !!props.placeholder,\r\n isFocused: false,\r\n };\r\n autoBind(this);\r\n\r\n this.handleFieldUpdate = debounce(\r\n this.handleFieldUpdate,\r\n props.onChangeDelay\r\n );\r\n }\r\n\r\n componentDidMount() {\r\n const { autoFocus } = this.props;\r\n if (autoFocus) {\r\n this.setFocus();\r\n }\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (this.props.value !== nextProps.value) {\r\n this.setState({\r\n value: nextProps.value,\r\n isActive: !!nextProps.value,\r\n });\r\n }\r\n }\r\n\r\n getMessageFromLocale(value) {\r\n return this.context.intl.messages[value] || value;\r\n }\r\n\r\n getErrorMessage() {\r\n const { errorMessage } = this.props;\r\n if (Array.isArray(errorMessage)) {\r\n return errorMessage.map(this.getMessageFromLocale).join(DIVIDER);\r\n }\r\n\r\n return this.getMessageFromLocale(errorMessage);\r\n }\r\n\r\n onBlur() {\r\n this.setState({\r\n isFocused: false,\r\n });\r\n\r\n const { onBlur, inputType } = this.props;\r\n onBlur();\r\n\r\n if (inputType === TEXT_AREA) {\r\n this.input.style.height = '';\r\n }\r\n }\r\n\r\n setFocus(e) {\r\n if (this.input) this.input.focus();\r\n\r\n this.setState({\r\n isFocused: true,\r\n });\r\n this.props.onFocus(e);\r\n }\r\n\r\n handleFieldUpdate(value, name, event) {\r\n const { onChange } = this.props;\r\n onChange(value, name, event);\r\n }\r\n\r\n handleChange(event) {\r\n event.persist();\r\n const { value } = event.target;\r\n const { name, placeholder } = this.props;\r\n\r\n this.setState({\r\n value,\r\n isActive: !!value || !!placeholder,\r\n });\r\n\r\n this.handleFieldUpdate(value, name, event);\r\n }\r\n\r\n renderInput() {\r\n const {\r\n inputType,\r\n placeholder,\r\n name,\r\n disabled,\r\n autoComplete,\r\n type,\r\n maxLength,\r\n error,\r\n isRequired,\r\n onKeyUp,\r\n onKeyDown,\r\n onKeyPress,\r\n onClick,\r\n isReadOnly,\r\n inputProps,\r\n } = this.props;\r\n\r\n const { value } = this.state;\r\n\r\n if (inputType === TEXT_AREA) {\r\n return (\r\n \r\n Permanently delete this {photoName}? It cannot be retrieved from the\r\n system once you save.\r\n
\r\n \r\n\r\n {props.children}\r\n
\r\n);\r\n\r\nCol.propTypes = {\r\n classList: PropTypes.string,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n};\r\n\r\nexport default gridClassGenerator(Col);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\n\r\nconst Row = (props) => {\r\n const classes = cx('row', props.className);\r\n return ();\r\n};\r\n\r\nRow.propTypes = {\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default Row;\r\n","import React from 'react';\r\nimport PageWrapper from 'common/PageWrapper';\r\nimport ShadowBox from 'common/ShadowBox';\r\n\r\nconst AccessDenied = () => (\r\n \r\n
\r\n Access denied.
\r\nYou don't have permissions to access this page
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nContactItem.propTypes = {\r\n item: PropTypes.shape({\r\n title: PropTypes.string,\r\n phones: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\r\n roles: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\r\n email: PropTypes.string,\r\n company: PropTypes.string,\r\n address: PropTypes.string,\r\n affiliateRole: PropTypes.number,\r\n venueRole: PropTypes.number,\r\n }),\r\n onClick: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default injectIntl(ContactItem);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport { contactShapesType } from '../../types';\r\n\r\nimport List from 'common/List';\r\nimport ContactListItem from '../ContactListItem';\r\n\r\nexport class ContactList extends Component {\r\n static propTypes = {\r\n filterList: PropTypes.func,\r\n showDefaultControl: PropTypes.bool,\r\n items: contactShapesType.isRequired,\r\n contactLeftColumnFields: PropTypes.arrayOf(PropTypes.string),\r\n contactMiddleColumnFields: PropTypes.arrayOf(PropTypes.string),\r\n contactRightColumnFields: PropTypes.arrayOf(PropTypes.string),\r\n };\r\n\r\n static defaultProps = {\r\n selectedIds: [],\r\n showDefaultControl: false,\r\n filterList: items => items,\r\n };\r\n\r\n render() {\r\n const {\r\n items,\r\n filterList,\r\n showDefaultControl,\r\n contactLeftColumnFields,\r\n contactMiddleColumnFields,\r\n contactRightColumnFields,\r\n ...props\r\n } = this.props;\r\n return (\r\n \r\n
\r\n {/* Show up validation messages if there is any. */}\r\n {isValid === false && (\r\n
\r\n );\r\n};\r\n","import * as types from 'constants/parkingPasses';\r\n\r\nconst ids = (state = [], action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return action.response.result;\r\n\r\n case types.FETCH_FAILURE:\r\n case types.FETCH_REQUEST:\r\n return [];\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default ids;\r\n","import { combineReducers } from 'redux';\r\nimport * as types from 'constants/parkingPasses';\r\n\r\nimport {\r\n createIsFetchingReducer,\r\n createErrorMessageReducer,\r\n} from 'shared/utils/reducerUtils';\r\n\r\nimport ids from './ids';\r\n\r\nexport default combineReducers({\r\n ids,\r\n isFetching: createIsFetchingReducer(types),\r\n errorMessage: createErrorMessageReducer(types),\r\n});\r\n\r\nexport const getIds = (state) => state.ids;\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n\r\n// TODO: refactor reducer to standard api reducer\r\nexport const getRequestState = (state) => ({\r\n isFetching: state.isFetching,\r\n isFetched: !state.isFetching,\r\n isUninitialized: !state.isFetching,\r\n errorMessage: state.errorMessage,\r\n});\r\n","import * as types from 'constants/parkingPasses';\r\n\r\nconst byId = (state = {}, action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return {\r\n ...state,\r\n ...action.response.entities.parkingPasses,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default byId;\r\n\r\nexport const getParkingPass = (state, id) => state[id];\r\n","import { combineReducers } from 'redux';\r\nimport list, * as fromList from './list';\r\nimport byId, * as fromById from './byId';\r\n\r\nimport createApiReducer, * as fromApiReducer from 'shared/helpers/reducers/createApiReducer';\r\nimport * as actionTypes from 'constants/parkingPasses';\r\n\r\nconst parkingPasses = createApiReducer({\r\n reducer: actionTypes.PARKING_PASSES_LIST_REDUCER,\r\n schemaName: actionTypes.PARKING_PASSES_LIST_SCHEMA,\r\n});\r\n\r\nconst parkingPass = createApiReducer({\r\n reducer: actionTypes.PARKING_PASS_BY_ID_REDUCER,\r\n});\r\n\r\nexport const getParkingPasses = (state) => {\r\n const ids = fromList.getIds(state.list);\r\n return ids.map(id => fromById.getParkingPass(state.byId, id));\r\n};\r\n\r\nexport const getParkingPassById = (state) =>\r\n fromList.getIds(state.list);\r\n\r\nexport const getParkingPass = (state, id) => \r\n fromById.getParkingPass(state.byId, id);\r\n\r\nexport const getIsFetching = (state) =>\r\n fromList.getIsFetching(state.list);\r\n\r\nexport const getErrorMessage = (state) =>\r\n fromList.getErrorMessage(state.list);\r\n\r\nexport const getParkingPassesRequest = (state) =>\r\n fromList.getRequestState(state.list);\r\n\r\nexport const getParkingPassesListRequestState = state =>\r\n fromApiReducer.getRequestState(state.passTypes);\r\n\r\nexport const getParkingPassRequestState = state =>\r\n fromApiReducer.getRequestState(state.parkingPass);\r\n\r\nexport const getOneParkingPass = (state) =>\r\n fromApiReducer.getResponseData(state.parkingPass);\r\n\r\nexport default combineReducers({\r\n list,\r\n byId,\r\n parkingPasses,\r\n parkingPass,\r\n});\r\n","import * as types from 'provisioning/constants/passTypes';\r\n\r\nconst ids = (state = [], action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return action.response.result;\r\n\r\n case types.FETCH_FAILURE:\r\n case types.FETCH_REQUEST:\r\n return [];\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default ids;\r\n","import { combineReducers } from 'redux';\r\nimport * as types from 'provisioning/constants/passTypes';\r\n\r\nimport {\r\n createIsFetchingReducer,\r\n createErrorMessageReducer,\r\n} from 'provisioning/shared/utils/reducerUtils';\r\n\r\nimport ids from './ids';\r\n\r\nexport default combineReducers({\r\n ids,\r\n isFetching: createIsFetchingReducer(types),\r\n errorMessage: createErrorMessageReducer(types),\r\n});\r\n\r\nexport const getIds = (state) => state.ids;\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n","import * as types from 'provisioning/constants/passTypes';\r\n\r\nconst byId = (state = {}, action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return {\r\n ...state,\r\n ...action.response.entities.passTypes,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default byId;\r\n\r\nexport const getPassType = (state, id) => state[id];\r\n","import { combineReducers } from 'redux';\r\n\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport list, * as fromList from './list';\r\nimport byId, * as fromById from './byId';\r\n\r\nconst SEND_MINOR_HOT_PASS = 'SEND_MINOR_HOT_PASS';\r\n\r\nconst passTypesReducer = combineReducers({\r\n list,\r\n byId,\r\n});\r\n\r\nexport default passTypesReducer;\r\n\r\nexport const getPassTypes = (state) => {\r\n const ids = fromList.getIds(state.list);\r\n return ids.map(id => fromById.getPassType(state.byId, id));\r\n};\r\n\r\nexport const getMinorFilteredPassTypes = (passTypesState, state) => {\r\n\tconst allPassTypes = getPassTypes(passTypesState);\r\n\tconst canSendMinorHotInvitations = state.account.user.Permissions.includes(SEND_MINOR_HOT_PASS);\r\n\tlet filteredPassTypes = [];\r\n\t\r\n\tif (allPassTypes && Array.isArray(allPassTypes) && allPassTypes.length > 0) {\r\n\t\tfilteredPassTypes = allPassTypes.filter(type => type.minorEligibility);\r\n\t}\r\n\r\n\tif (!canSendMinorHotInvitations) {\r\n\t\treturn filteredPassTypes.filter(type => type.name !== CONSTANTS.SYSTEM_PASS_TYPE_NAME_CODE.MINOR_HOT);\r\n\t}\r\n\r\n\treturn filteredPassTypes;\r\n};\r\n\r\nexport const getPassTypesIds = (state) =>\r\n fromList.getIds(state.list);\r\n\r\nexport const getPassType = (state, id) =>\r\n fromById.getPassType(state.byId, id) || {};\r\n\r\nexport const getIsFetching = (state) =>\r\n fromList.getIsFetching(state.list);\r\n\r\nexport const getErrorMessage = (state) =>\r\n fromList.getErrorMessage(state.list);\r\n","import CONSTANTS from 'shared/utils/constants';\r\nimport { popoverActionTypes } from 'common/popover';\r\nimport { push } from 'react-router-redux';\r\nimport * as actionTypes from './actionTypes';\r\nimport {\r\n FILTER_AFFILIATES_BY_QUERY,\r\n SORT_AFFILIATES_BY,\r\n} from '../../affiliate/actionTypes';\r\n\r\nexport function redirectToList() {\r\n return dispatch => {\r\n dispatch(push(CONSTANTS.URLS.AFFILIATES));\r\n };\r\n}\r\n\r\nexport function showRemoveAffiliateConfirm(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.REMOVE_AFFILIATE_CONFIRM_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function hideRemoveAffiliateConfirm() {\r\n return {\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.REMOVE_AFFILIATE_CONFIRM_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function filterPassLimitsByAffiliateType(\r\n defaultPassLimits,\r\n affiliateTypeId,\r\n passLimits\r\n) {\r\n return {\r\n type: actionTypes.FILTER_PASS_LIMITS_BY_AFFILIATE_TYPE,\r\n defaultPassLimits,\r\n passLimits,\r\n affiliateTypeId,\r\n };\r\n}\r\n\r\nexport function addPassLimit(passLimit) {\r\n return {\r\n type: actionTypes.ADD_PASS_LIMIT,\r\n passLimit,\r\n };\r\n}\r\n\r\nexport function removePassLimit(passLimit) {\r\n return {\r\n type: actionTypes.REMOVE_PASS_LIMIT,\r\n passLimit,\r\n };\r\n}\r\n\r\nexport function showPassLimitRemovalWarning(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.PASS_LIMIT_REMOVAL_WARNING,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function hidePassLimitRemovalWarning() {\r\n return {\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.PASS_LIMIT_REMOVAL_WARNING,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function showNewAffiliateSubmissionPopover(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.NEW_AFFILIATE_SUBMISSION_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function hideNewAffiliateSubmissionPopover() {\r\n return {\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.NEW_AFFILIATE_SUBMISSION_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function showEditAffiliateSubmissionPopover(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.EDIT_AFFILIATE_SUBMISSION_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function hideEditAffiliateSubmissionPopover() {\r\n return {\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.EDIT_AFFILIATE_SUBMISSION_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function filterAffiliatesByQuery(query) {\r\n return {\r\n type: FILTER_AFFILIATES_BY_QUERY,\r\n query,\r\n };\r\n}\r\n\r\nexport function sortAffiliatesList(sort, order) {\r\n return {\r\n type: SORT_AFFILIATES_BY,\r\n sort,\r\n order,\r\n };\r\n}\r\n\r\nexport function resetAffiliateForm() {\r\n return {\r\n type: actionTypes.NEW_AFFILIATE,\r\n };\r\n}\r\n","import {\r\n FETCH_REQUEST,\r\n FETCH_SUCCESS,\r\n FETCH_FAILURE,\r\n FETCH_RESET,\r\n} from 'provisioning/constants/requests';\r\n\r\nconst initialState = {\r\n isFetching: false,\r\n isFetched: false,\r\n error: false,\r\n errorMessage: '',\r\n};\r\n\r\nconst requests = (state = initialState, action) => {\r\n const { apiRequest } = action;\r\n if (!apiRequest) {\r\n return state;\r\n }\r\n\r\n switch (apiRequest.step) {\r\n case FETCH_RESET: {\r\n return {\r\n ...state,\r\n [apiRequest.name]: initialState,\r\n };\r\n }\r\n\r\n case FETCH_REQUEST: {\r\n return {\r\n ...state,\r\n [apiRequest.name]: {\r\n isFetching: true,\r\n isFetched: false,\r\n error: false,\r\n errorMessage: '',\r\n errorType: '',\r\n },\r\n };\r\n }\r\n\r\n case FETCH_SUCCESS: {\r\n return {\r\n ...state,\r\n [apiRequest.name]: {\r\n isFetching: false,\r\n isFetched: true,\r\n error: false,\r\n errorMessage: '',\r\n errorType: '',\r\n },\r\n };\r\n }\r\n\r\n case FETCH_FAILURE: {\r\n return {\r\n ...state,\r\n [apiRequest.name]: {\r\n isFetching: false,\r\n isFetched: true,\r\n error: true,\r\n errorMessage: apiRequest.error,\r\n errorType: apiRequest.errorType,\r\n data: apiRequest.data,\r\n },\r\n };\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default requests;\r\n\r\nexport const getRequestByName = (state, requestName) => {\r\n return state.requests[requestName] || {};\r\n}\r\n\r\nexport const getIsRequestFetching = (state, requestName) =>\r\n getRequestByName(state, requestName).isFetching;\r\n\r\nexport const getIsRequestFetched = (state, requestName) =>\r\n getRequestByName(state, requestName).isFetched;\r\n\r\nexport const getRequestErrorMessage = (state, requestName) =>\r\n getRequestByName(state, requestName).errorMessage;\r\n","import { combineReducers } from 'redux';\r\nimport {\r\n ALL_ANNUAL_PASS_REDUCER,\r\n ADD_ANNUAL_PASS_REDUCER,\r\n ANNUAL_PASS_BY_ID_REDUCER,\r\n} from 'constants/reducers';\r\n\r\nimport createApiReducer, * as fromApiReducer from 'helpers/reducers/createApiReducer';\r\n\r\nconst initialState = [];\r\nconst importInitialState = {\r\n fileNames: [],\r\n validAnnualPasses: [],\r\n invalidAnnualPasses: [],\r\n duplicateAnnualPasses: [],\r\n};\r\n\r\nconst importAnnualPasses = (state = importInitialState, action) => {\r\n switch (action.type) {\r\n case 'IMPORT_ANNUAL_PASSES__UPLOAD_CSV_FILE_SUCCESS':\r\n const payload = action.payload;\r\n const filter = state.fileNames.filter(el => el === payload.fileName);\r\n if (filter.length !== 0) \r\n return state;\r\n \r\n let num = 0;\r\n payload.validAnnualPasses.forEach(x => {\r\n x.key = `${payload.fileName}__${num++}`;\r\n x.fileName = payload.fileName;\r\n });\r\n payload.invalidAnnualPasses.forEach(x => {\r\n x.key = `${payload.fileName}__${num++}`;\r\n x.fileName = payload.fileName;\r\n });\r\n payload.duplicateAnnualPasses.forEach(x => {\r\n x.key = `${payload.fileName}__${num++}`;\r\n x.fileName = payload.fileName;\r\n });\r\n\r\n return {\r\n fileNames: [...state.fileNames, payload.fileName],\r\n validAnnualPasses: [...state.validAnnualPasses, ...payload.validAnnualPasses],\r\n invalidAnnualPasses: [...state.invalidAnnualPasses, ...payload.invalidAnnualPasses],\r\n duplicateAnnualPasses: [...state.duplicateAnnualPasses, ...payload.duplicateAnnualPasses],\r\n };\r\n case 'IMPORT_ANNUAL_PASSES__REMOVE_FILE':\r\n \r\n const { fileName } = action.payload;\r\n return {\r\n fileNames: state.fileNames.filter(el => el !== fileName),\r\n validAnnualPasses: state.validAnnualPasses.filter(el => el.fileName !== fileName),\r\n invalidAnnualPasses: state.invalidAnnualPasses.filter(el => el.fileName !== fileName),\r\n duplicateAnnualPasses: state.duplicateAnnualPasses.filter(el => el.fileName !== fileName),\r\n }\r\n case 'IMPORT_ANNUAL_PASSES__REMOVE_PASS':\r\n const { key } = action.payload;\r\n return { \r\n fileNames: state.fileNames,\r\n validAnnualPasses: state.validAnnualPasses.filter(x => x.key !== key),\r\n invalidAnnualPasses: state.invalidAnnualPasses.filter(x => x.key !== key),\r\n duplicateAnnualPasses: state.duplicateAnnualPasses.filter(x => x.key !== key),\r\n };\r\n case 'IMPORT_ANNUAL_PASSES__RESET_DATA':\r\n return importInitialState;\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport const getFilesState = state => \r\n state.annualPass.importAnnualPasses.fileNames;\r\n\r\nexport const getValidListState = state => \r\n state.annualPass.importAnnualPasses.validAnnualPasses;\r\n\r\nexport const getDuplicateListState = state => \r\n state.annualPass.importAnnualPasses.duplicateAnnualPasses;\r\n\r\nexport const getInvalidListState = state =>\r\n state.annualPass.importAnnualPasses.invalidAnnualPasses;\r\n\r\nexport default combineReducers({\r\n allAnnualPasses: createApiReducer({\r\n reducer: ALL_ANNUAL_PASS_REDUCER,\r\n initialState,\r\n }),\r\n addAnnualPass: createApiReducer({\r\n reducer: ADD_ANNUAL_PASS_REDUCER,\r\n initialState,\r\n }),\r\n annualPass: createApiReducer({\r\n reducer: ANNUAL_PASS_BY_ID_REDUCER,\r\n initialState: null,\r\n }),\r\n importAnnualPasses,\r\n});\r\n\r\nexport const getAnnualPassesRequest = state =>\r\n fromApiReducer.getRequestState(state.allAnnualPasses);\r\n\r\nexport const getAllAnnualPasses = state =>\r\n fromApiReducer.getResponseData(state.allAnnualPasses);\r\n\r\nexport const getAddAnnualPassRequest = state =>\r\n fromApiReducer.getRequestState(state.addAnnualPass);\r\n\r\nexport const getAddAnnualPassResponse = state =>\r\n fromApiReducer.getResponseData(state.addAnnualPass);\r\n\r\nexport const getAnnualPassByIdRequest = state =>\r\n fromApiReducer.getRequestState(state.annualPass);\r\n\r\nexport const getAnnualPassByIdResponse = state =>\r\n fromApiReducer.getResponseData(state.annualPass);","export const RECEIVE_ELEMENTS = 'eventTypes/RECEIVE_ELEMENTS';\r\n\r\nexport const SCHEMA = 'eventTypes';\r\n\r\nexport const EVENT_TYPE_LIST_REQUEST_ID = 'eventTypes/list';\r\n","import * as types from 'provisioning/constants/events';\r\n\r\nconst ids = (state = [], action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return action.response.result;\r\n\r\n case types.FETCH_FAILURE:\r\n case types.FETCH_REQUEST:\r\n return [];\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default ids;\r\n","import { combineReducers } from 'redux';\r\nimport * as types from 'provisioning/constants/events';\r\n\r\nimport {\r\n createIsFetchingReducer,\r\n createErrorMessageReducer,\r\n} from 'provisioning/shared/utils/reducerUtils';\r\n\r\nimport ids from './ids';\r\n\r\nexport default combineReducers({\r\n ids,\r\n isFetching: createIsFetchingReducer(types),\r\n errorMessage: createErrorMessageReducer(types),\r\n});\r\n\r\nexport const getIds = (state) => state.ids;\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n","import * as types from 'provisioning/constants/events';\r\n\r\nconst byId = (state = {}, action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return {\r\n ...state,\r\n ...action.response.entities.events,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default byId;\r\n\r\nexport const getEvent = (state, id) => state[id];\r\nexport const getGuestsSummary = (state, id) =>\r\n getEvent(state, id).guestsSummary;\r\n","import { combineReducers } from 'redux';\r\n\r\nimport list, * as fromList from './list';\r\nimport byId, * as fromById from './byId';\r\n\r\nconst eventsReducer = combineReducers({\r\n list,\r\n byId,\r\n});\r\n\r\nexport default eventsReducer;\r\n\r\nexport const getFirstEvent = state => {\r\n const eventIds = fromList.getIds(state.list);\r\n return eventIds.length > 0 ? eventIds[0] : -1;\r\n};\r\n\r\nexport const getEvents = state => {\r\n const ids = fromList.getIds(state.list);\r\n return ids.map(id => fromById.getEvent(state.byId, id));\r\n};\r\nexport const getEventsIds = state => fromList.getIds(state.list);\r\n\r\nexport const getEventsIndexWithEventIds = (eventIds, id) => {\r\n const targetId = parseInt(id, 10);\r\n if (isNaN(targetId)) return -1; // not a valid id, should be a parse-able int\r\n\r\n let index = -1;\r\n eventIds.forEach((eventId, idx) => {\r\n if (eventId === targetId) {\r\n index = idx;\r\n }\r\n });\r\n return index;\r\n};\r\n\r\nexport const getEventsIndex = (state, id) => {\r\n const eventIds = getEventsIds(state);\r\n return getEventsIndexWithEventIds(eventIds, id);\r\n};\r\n\r\nexport const getEventIdOffsetBy = (state, id, offset) => {\r\n const eventIds = getEventsIds(state);\r\n if (eventIds.length === 0) return -1; // no events, cannot find our id\r\n const ourIdx = getEventsIndexWithEventIds(eventIds, id);\r\n if (ourIdx === -1) return -1; // cannot find our id, skip everything else to avoid false positives\r\n const newIdx = ourIdx + offset;\r\n const normalizedIdx =\r\n newIdx > eventIds.length - 1 ? -1 : Math.max(newIdx, -1);\r\n return normalizedIdx === -1 ? -1 : eventIds[normalizedIdx];\r\n};\r\n\r\nexport const getEventGuestsSummary = (state, id) =>\r\n fromById.getGuestsSummary(state.byId, id);\r\n\r\nexport const getEvent = (state, id) => fromById.getEvent(state.byId, id);\r\n\r\nexport const getIsFetching = state => fromList.getIsFetching(state.list);\r\n\r\nexport const getErrorMessage = state => fromList.getErrorMessage(state.list);\r\n\r\nexport const getDashboardEventId = state => {\r\n if (state.event.details.id > 0) {\r\n return state.event.details.id;\r\n }\r\n\r\n return getFirstEvent(state.events);\r\n};\r\n","import React from \"react\";\r\nimport Modal from \"provisioning/components/common/ModalProvider\";\r\nimport Webcam from \"react-webcam\";\r\nimport styled from \"styled-components\";\r\nimport CropPhoto from \"./CropPhoto\";\r\n\r\nclass WebcamModal extends React.Component {\r\n state = {\r\n image: null, // uploaded or captured\r\n uri: null,\r\n useBackCamera: false,\r\n videoConstraints: { deviceId: null },\r\n };\r\n\r\n setRef = (webcam) => {\r\n this.webcam = webcam;\r\n };\r\n\r\n stopCamera = () => {\r\n if (this.webcam?.video?.srcObject) {\r\n const stream = this.webcam.video.srcObject;\r\n stream.getTracks().forEach((track) => track.stop());\r\n this.webcam.video.srcObject = null;\r\n }\r\n this.setState({ image: null });\r\n this.props.hideCameraModal();\r\n };\r\n\r\n handleClick = () => {\r\n if (this.webcam) {\r\n const image = this.webcam.getScreenshot();\r\n this.setState({ image });\r\n }\r\n };\r\n\r\n handleFileChange = (event) => {\r\n const file = event.target.files[0];\r\n if (!file) return;\r\n\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n this.setState({\r\n image: reader.result,\r\n });\r\n };\r\n reader.readAsDataURL(file);\r\n };\r\n\r\n getCameraSelection = async () => {\r\n const devices = await navigator.mediaDevices.enumerateDevices();\r\n const videoDevices = devices.filter(\r\n (device) => device.kind === \"videoinput\"\r\n );\r\n return videoDevices.map((device) => device.deviceId);\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (\r\n prevState.useBackCamera !== this.state.useBackCamera ||\r\n prevState.videoConstraints.deviceId !==\r\n this.state.videoConstraints.deviceId\r\n ) {\r\n this.getCameraSelection().then((result) => {\r\n const deviceId = this.state.useBackCamera ? result[1] : result[0];\r\n if (deviceId) {\r\n this.setState({ videoConstraints: { deviceId } });\r\n }\r\n });\r\n }\r\n }\r\n\r\n handleCameraSwitch = () => {\r\n this.setState((prev) => ({ useBackCamera: !prev.useBackCamera }));\r\n };\r\n\r\n render() {\r\n const { isCamera } = this.props;\r\n const { image, videoConstraints } = this.state;\r\n\r\n return (\r\n \r\n {validateMessages.map((m) => (\r\n {m}\r\n ))}\r\n
\r\n )}\r\n \r\n {(remoteImagePath || selectedImage) && (\r\n
\r\n \r\n 0\r\n ? remoteImagePath\r\n : \"\"\r\n }\r\n alt=\"Uploaded Image\"\r\n imageClassName=\"photo\"\r\n >\r\n
\r\n )}\r\n {/* If no upload image, by default, showing a nascar logo on the UI. */}\r\n {!selectedImage && (!remoteImagePath || remoteImagePath.length === 0) && (\r\n \r\n {/* Remove upload photo button X */}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {/* eslint-disable-next-line no-undef */}\r\n {typeof env !== \"undefined\" && env.SERVER_TYPE === \"AMAPROD\" ? (\r\n \r\n \r\n ) : (\r\n
\r\n \r\n
\r\n {children}
;\r\n }\r\n\r\n renderInput() {\r\n const { placeholder } = this.props;\r\n\r\n return (\r\n \r\n {this.renderSearchIcon()}\r\n {\r\n this.input = input;\r\n }}\r\n value={this.state.inputText}\r\n type=\"text\"\r\n readOnly={this.props.readOnly}\r\n className=\"sf-input\"\r\n onChange={this.handleSearchFieldChange}\r\n onKeyPress={this.enterKeySearch}\r\n placeholder={this.context.intl.messages[placeholder] || placeholder}\r\n onKeyUp={this.props.onKeyUp}\r\n onKeyDown={this.props.onKeyDown}\r\n />\r\n\r\n {this.renderDeleteIcon()}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderForm(this.renderInput())}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SearchField;\r\n","import React from 'react';\r\nimport svgIconGenerator from './../utils/svgIconGenerator';\r\n\r\nconst IconNascarFlag = (props) => (\r\n \r\n);\r\n\r\nexport default svgIconGenerator(IconNascarFlag);\r\n","import * as types from 'constants/navigateFrom';\r\n\r\nconst initialState = {\r\n location: types.FROM_EVENT_LIST,\r\n}\r\n\r\nconst navigateFromReducer = (state = initialState, action) => {\r\n if (action.type === types.SET_NAVIGATE_FROM) {\r\n return action.payload;\r\n }\r\n return state;\r\n};\r\n\r\nexport default navigateFromReducer;\r\n\r\nexport const getNavigateFrom = (state) => state.location;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedHTMLMessage } from 'react-intl';\r\n\r\nconst formatMessage = (errorMessage, values) => {\r\n if (Array.isArray(errorMessage)) {\r\n return errorMessage.map((message, index) => (\r\n \r\n {formatMessage(message, values)}\r\n {onRetry && (\r\n \r\n Retry.\r\n \r\n )}\r\n
\r\n);\r\n\r\nErrorMessage.propTypes = {\r\n message: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.arrayOf(PropTypes.string),\r\n ]).isRequired,\r\n onRetry: PropTypes.func,\r\n};\r\n\r\nexport default ErrorMessage;\r\n","import { change } from 'redux-form';\r\nimport { downloadBinary } from 'provisioning/shared/utils/fileUtils';\r\nimport * as types from 'provisioning/constants/invitationDetails';\r\nimport * as resendTypes from 'provisioning/constants/invitationDetails/resendInvitation';\r\nimport * as revokeTypes from 'provisioning/constants/invitationDetails/revokeInvitation';\r\nimport * as updateTypes from 'provisioning/constants/invitationDetails/updateInvitation';\r\nimport * as downloadWaiverTypes from 'provisioning/constants/invitationDetails/downloadWaiver';\r\nimport * as api from 'provisioning/api/invitationDetails';\r\nimport { push } from 'react-router-redux';\r\nimport * as popoverActionTypes from 'provisioning/components/common/popover/actionTypes';\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport { getRouteForEventId } from 'provisioning/shared/utils/routeHelpers';\r\n\r\nexport const fetchInvitationDetails = (id) => (dispatch) => {\r\n dispatch({\r\n type: types.FETCH_REQUEST,\r\n });\r\n\r\n return api.fetchInvitationDetails(dispatch, id).then(\r\n data => {\r\n dispatch({\r\n type: types.FETCH_SUCCESS,\r\n response: data.response,\r\n });\r\n },\r\n error => {\r\n dispatch({\r\n type: types.FETCH_FAILURE,\r\n message: error.message || 'Could not load invitation details.',\r\n });\r\n }\r\n );\r\n};\r\n\r\nexport const triggerInvitationDetailsFetch = (id, dispatch) =>\r\n fetchInvitationDetails(id)(dispatch);\r\n\r\nexport const toggleEditableMode = (isEditable) => ({\r\n type: types.TOGGLE_INVITATION_EDIT,\r\n isEditable,\r\n});\r\n\r\nexport const updateInvitationDetails = (id, details, customMessage) => (dispatch) => {\r\n dispatch({\r\n type: updateTypes.FETCH_REQUEST,\r\n });\r\n\r\n return api.updateInvitationDetails(dispatch, id, details, customMessage).then(\r\n () => dispatch({\r\n type: updateTypes.FETCH_SUCCESS,\r\n }),\r\n error => dispatch({\r\n ...error,\r\n type: updateTypes.FETCH_FAILURE,\r\n message: error.status === CONSTANTS.STATUS_CODES.BAD_REQUEST\r\n ? 'Invalid NASCAR SEC Pass.'\r\n : error.message || 'Could not update invitation details.',\r\n })\r\n );\r\n};\r\n\r\nexport const submitInvitationRegistration = (token, details) => (dispatch) => {\r\n dispatch({\r\n type: updateTypes.FETCH_REQUEST,\r\n });\r\n\r\n return api.submitInvitationRegistration(dispatch, token, details).then(\r\n () => dispatch({\r\n type: updateTypes.FETCH_SUCCESS,\r\n }),\r\n error => dispatch({\r\n ...error,\r\n type: updateTypes.FETCH_FAILURE,\r\n message: error.status === CONSTANTS.STATUS_CODES.BAD_REQUEST\r\n ? 'Invalid NASCAR SEC Pass.'\r\n : error.message || 'Could not update invitation details.',\r\n })\r\n );\r\n};\r\n\r\nexport const resetUpdateInvitationMessage = () => ({\r\n type: updateTypes.FETCH_RESET,\r\n});\r\n\r\nexport function showResendInvitationPopover(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.RESEND_INVITATION_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function showResendEpassPopover(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.RESEND_EPASS_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport const showDuplicatePassIdMessage = () => ({\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.DUPLICATE_PASS_ID,\r\n popoverProps: {\r\n message: 'This NASCAR SEC Pass cannot be assigned. It has already been to another guest ' +\r\n 'for this event.',\r\n },\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.FADE },\r\n});\r\n\r\nexport const hideDuplicatePassIdMessage = () => ({\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.DUPLICATE_PASS_ID,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.FADE },\r\n});\r\n\r\nexport function showCustomMessagePopover(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.INVITATION_CUSTOM_MESSAGE_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\nexport function showRevokeInvitationPopover(popoverProps) {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.REVOKE_INVITATION_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n}\r\n\r\n\r\nexport const openPopover = (action) => {\r\n switch (action) {\r\n case 'resend':\r\n return showResendInvitationPopover();\r\n case 'epass':\r\n return showResendEpassPopover();\r\n default:\r\n return showRevokeInvitationPopover();\r\n }\r\n};\r\n\r\nexport const resendInvitation = (id, message, type) => dispatch => {\r\n dispatch({\r\n type: resendTypes.FETCH_REQUEST,\r\n });\r\n return api.resendInvitation(dispatch, id, message, type).then(\r\n () => {\r\n dispatch({\r\n type: resendTypes.FETCH_SUCCESS,\r\n });\r\n },\r\n error => {\r\n dispatch({\r\n type: resendTypes.FETCH_FAILURE,\r\n message: error.message || 'Could not resend the invitation.',\r\n });\r\n }\r\n );\r\n};\r\n\r\nexport const resetResendInvitationRequest = () => ({\r\n type: resendTypes.FETCH_RESET,\r\n});\r\n\r\nexport const hideResendInvitationPopover = () => dispatch => {\r\n dispatch(resetResendInvitationRequest());\r\n dispatch({\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.RESEND_INVITATION_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n });\r\n};\r\n\r\nexport const hideResendEpassPopover = () => dispatch => {\r\n dispatch(resetResendInvitationRequest());\r\n dispatch({\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.RESEND_EPASS_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n });\r\n};\r\n\r\nexport const hideCustomMessagePopover = () => dispatch => {\r\n dispatch({\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.INVITATION_CUSTOM_MESSAGE_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n });\r\n};\r\n\r\nexport const revokeInvitation = (message) => dispatch => {\r\n dispatch({\r\n type: revokeTypes.FETCH_REQUEST,\r\n });\r\n api.resendInvitation(dispatch, message).then(\r\n () => {\r\n dispatch({\r\n type: revokeTypes.FETCH_SUCCESS,\r\n });\r\n },\r\n error => {\r\n dispatch({\r\n type: revokeTypes.FETCH_FAILURE,\r\n message: error.message || 'Could not revoke the invitation.',\r\n });\r\n }\r\n );\r\n};\r\n\r\nexport const resetRevokeInvitationRequest = () => ({\r\n type: revokeTypes.FETCH_RESET,\r\n});\r\n\r\nexport const hideRevokeInvitationPopover = () => dispatch => {\r\n dispatch(resetRevokeInvitationRequest());\r\n dispatch({\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.RESEND_INVITATION_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n });\r\n};\r\n\r\nexport const downloadWaiver = (invitationId, name) => dispatch => {\r\n dispatch({\r\n type: downloadWaiverTypes.FETCH_REQUEST,\r\n });\r\n\r\n api.fetchDownloadWaiver(dispatch, invitationId).then(\r\n (response) => {\r\n response.blob().then(blob => downloadBinary(blob, name));\r\n dispatch({ type: downloadWaiverTypes.FETCH_SUCCESS });\r\n },\r\n (error) => {\r\n dispatch({\r\n type: downloadWaiverTypes.FETCH_FAILURE,\r\n message: error.message || 'Could not download waiver',\r\n });\r\n }\r\n );\r\n};\r\n\r\nexport const clearWaiver = (waiverId) => ({\r\n type: types.CLEAR_WAIVER,\r\n waiverId,\r\n});\r\n\r\nexport const updateSignature = (waiverId, signature) => ({\r\n type: types.UPDATE_SIGNATURE,\r\n waiverId,\r\n signature,\r\n});\r\n\r\nexport const clearGuestPhoto = () => ({\r\n type: types.CLEAR_GUEST_PHOTO,\r\n});\r\nexport const clearPhotoId = () => ({\r\n type: types.CLEAR_PHOTO_ID,\r\n});\r\n\r\nexport const updatePassId = (passId) => ({\r\n type: types.UPDATE_PASS_ID,\r\n passId,\r\n});\r\n\r\nexport const updateIdPhotoField = (photo) => dispatch => {\r\n dispatch(change(\r\n 'invitationDetails',\r\n 'photoId',\r\n photo\r\n ));\r\n};\r\n\r\nexport const updateGuestPhotoField = (photo) => dispatch => {\r\n dispatch(change(\r\n 'invitationDetails',\r\n 'photoUpload',\r\n photo\r\n ));\r\n};\r\n\r\nexport const updateIdPhoto = (photo) => ({\r\n type: types.UPDATE_PHOTO_ID,\r\n photo,\r\n});\r\n\r\nexport const updateGuestPhoto = (photo) => ({\r\n type: types.UPDATE_GUEST_PHOTO,\r\n photo,\r\n});\r\n\r\nexport const redirectToEvent = (eventId) => dispatch => (\r\n dispatch(push(getRouteForEventId(eventId)))\r\n);\r\n","export const FETCH_REQUEST = 'FETCH_INVITATION_DETAILS_REQUEST';\r\nexport const FETCH_SUCCESS = 'FETCH_INVITATION_DETAILS_SUCCESS';\r\nexport const FETCH_FAILURE = 'FETCH_INVITATION_DETAILS_FAILURE';\r\nexport const TOGGLE_INVITATION_EDIT = 'TOGGLE_INVITATION_EDIT';\r\nexport const CLEAR_WAIVER = 'CLEAR_WAIVER';\r\nexport const UPDATE_SIGNATURE = 'UPDATE_SIGNATURE';\r\nexport const CLEAR_GUEST_PHOTO = 'CLEAR_GUEST_PHOTO';\r\nexport const CLEAR_PHOTO_ID = 'CLEAR_PHOTO_ID';\r\nexport const UPDATE_PASS_ID = 'UPDATE_PASS_ID';\r\nexport const UPDATE_GUEST_PHOTO = 'UPDATE_GUEST_PHOTO';\r\nexport const UPDATE_PHOTO_ID = 'UPDATE_PHOTO_ID';\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ListItem from 'css/components/ListItem';\r\nimport CheckBox from 'common/CheckBox/CheckBox';\r\n\r\nconst CheckBoxLine = ({\r\n isChecked,\r\n name,\r\n onClick,\r\n roundedCheckbox,\r\n isDisabled,\r\n isPassClickEvent = false\r\n}) => (\r\n {specialOptions}
\r\n | Guests | \r\n\r\n | Pass type | \r\nStatus | \r\nPass type | \r\n\r\n |
|---|---|---|---|---|---|
| No guests found |
Select Supplementary Permissions
\r\nMinor information
\r\n \r\n\r\n {fields.minor.map((item, i) => (\r\n
\r\n {/* \r\n \r\n onRemoveField(i)}>\r\n delete \r\n \r\n )}\r\n
\r\n {showBirthDate && (\r\n \r\n
\r\n )}\r\n {showPicture && (\r\n
\r\n ))}\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n item.photoId.onChange(\"\")}\r\n onSelectedImage={(imageObject) => item.photoId.onChange(imageObject)}\r\n />\r\n
\r\n \r\n
\r\n OR\r\n \r\n
\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n \r\n {backdrop}\r\n {modal}\r\n
\r\n \r\n
\r\n )}\r\n {children}\r\n {title}
\r\n\r\n
\r\n
\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n \r\n {backdrop}\r\n {modal}\r\n
\r\n \r\n
\r\n )}\r\n {children}\r\n {title}
\r\n\r\n
\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n //Functionality -------------------------------------------\r\n\r\n getDate() {\r\n return this.state[DATE_STATE_KEY];\r\n }\r\n\r\n openDatePicker() {\r\n this.setState({ isActive: true });\r\n }\r\n\r\n closeDatePicker() {\r\n this.setState({ isActive: false });\r\n }\r\n\r\n getMinDate(minDateString) {\r\n let tempDateObj = null;\r\n\r\n if (minDateString) {\r\n tempDateObj = getYesterdaysDate(\r\n convertDateStringToDateObject(minDateString)\r\n );\r\n } else {\r\n tempDateObj = new Date();\r\n tempDateObj.setYear(tempDateObj.getYear() - 1);\r\n }\r\n\r\n return tempDateObj;\r\n }\r\n\r\n getMaxDate(maxDateString) {\r\n let tempDateObj = null;\r\n if (maxDateString)\r\n tempDateObj = convertDateStringToDateObject(maxDateString);\r\n\r\n return tempDateObj;\r\n }\r\n\r\n //Events --------------------------------------------------\r\n\r\n handleDateChange = (dateValue) => {\r\n this.setState({\r\n [DATE_STATE_KEY]: dateValue,\r\n isActive: false, //<-- close modal!\r\n });\r\n\r\n const dateFormat = this.props.dateFormat\r\n ? this.props.dateFormat\r\n : CONSTANTS.SHORT_ISO_DATE_FORMAT;\r\n this.props.field.onChange(formatDateObjToDateString(dateValue, dateFormat));\r\n if (this.props.onDateChange) this.props.onDateChange(dateValue);\r\n };\r\n\r\n handleDatePickerInputClick = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n this.openDatePicker();\r\n };\r\n\r\n handleDatePickerDismiss = (event) => {\r\n this.closeDatePicker();\r\n\r\n if (this.props.onDismiss) this.props.onDismiss(event);\r\n };\r\n\r\n handleFormTextFieldOnBlur = (event) => {\r\n this.closeDatePicker();\r\n\r\n if (this.props.onBlur) this.props.onBlur(event);\r\n };\r\n\r\n handleVisibleInputOnFocus = (event) => {\r\n if (!this.state.isActive) this.openDatePicker();\r\n };\r\n}\r\n","import { normalizeObjectKeys } from 'shared/utils/objectUtils';\r\nimport { DEFAULT_PAYMENT_TYPE } from 'shared/utils/constants';\r\nimport * as actionTypes from './actionTypes';\r\n\r\nconst initialState = {\r\n succeeded: false,\r\n failed: false,\r\n isLoading: false,\r\n message: '',\r\n response: {},\r\n uiErrors: {\r\n noGuests: false,\r\n },\r\n currentInviteeList: [],\r\n invalidImportEntries: [],\r\n duplicateImportEntries: [],\r\n selectedPassType: null,\r\n paymentTypes: [],\r\n};\r\n\r\nconst precheckReducer = (state, action) => {\r\n switch (action.type) {\r\n case actionTypes.SEND_PRECHECK_REQUEST:\r\n return {\r\n ...state,\r\n isLoading: true,\r\n succeeded: false,\r\n failed: false,\r\n message: '',\r\n response: {},\r\n };\r\n case actionTypes.SEND_PRECHECK_SUCCESS:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n succeeded: true,\r\n failed: false,\r\n message: 'Precheck request finished',\r\n response: normalizeObjectKeys(action.response),\r\n };\r\n case actionTypes.SEND_PRECHECK_FAILURE:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n succeeded: false,\r\n failed: true,\r\n message: 'Precheck request failed',\r\n response: normalizeObjectKeys(action.response),\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst sendInvitationReducer = (state, action) => {\r\n switch (action.type) {\r\n\r\n case actionTypes.SEND_INVITATION_REQUEST:\r\n return { ...state,\r\n isLoading: true,\r\n succeeded: false,\r\n failed: false,\r\n message: '',\r\n response: {},\r\n };\r\n\r\n case actionTypes.SEND_INVITATION_SUCCESS:\r\n return { ...state,\r\n isLoading: false,\r\n succeeded: true,\r\n failed: false,\r\n currentInviteeList: [],\r\n message: 'Invitation sent successfully',\r\n response: normalizeObjectKeys(action.response),\r\n };\r\n\r\n case actionTypes.SEND_INVITATION_FAILURE:\r\n return { ...state,\r\n isLoading: false,\r\n succeeded: false,\r\n failed: true,\r\n response: normalizeObjectKeys(action.errors),\r\n };\r\n\r\n case actionTypes.SELECT_PASS_TYPE:\r\n return { ...state, selectedPassType: action.passType };\r\n\r\n case actionTypes.SET_PAYMENT_TYPES:\r\n const paymentType = action.paymentTypes;\r\n\r\n if(paymentType.length === 0) {\r\n paymentType.push(DEFAULT_PAYMENT_TYPE);\r\n }\r\n \r\n return {\r\n ...state,\r\n paymentTypes: paymentType.sort((a, b) => b.Id - a.Id),\r\n };\r\n\r\n case actionTypes.TOGGLE_PAYMENT_TYPE: {\r\n const paymentTypes = state.paymentTypes.map(o => {\r\n const option = o;\r\n option.isChecked = (option.Id === action.paymentType.Id);\r\n return option;\r\n });\r\n return {\r\n ...state,\r\n paymentTypes,\r\n };\r\n }\r\n\r\n case actionTypes.INVALIDATE_SEND_INVITE: {\r\n const uiErrors = {\r\n noGuests: !action.guestsState.inviteeList.length,\r\n };\r\n return { ...state, uiErrors };\r\n }\r\n\r\n case actionTypes.RESET_SEND_INVITE: {\r\n return {\r\n ...state,\r\n uiErrors: {\r\n noGuests: false,\r\n },\r\n };\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst importGuestsForInvitationReducer = (state, action) => {\r\n switch (action.type) {\r\n\r\n case actionTypes.POST_GUESTS_FOR_VERIFICATION_REQUEST:\r\n return {\r\n ...state,\r\n isLoading: true,\r\n failed: false,\r\n invalidImportEntries: [],\r\n duplicateImportEntries: [],\r\n };\r\n\r\n case actionTypes.POST_GUESTS_FOR_VERIFICATION_SUCCESS: {\r\n const entities = [...action.response.ValidInvitations];\r\n entities.map(entity => {\r\n const ent = entity;\r\n ent.source = action.args.fileName;\r\n return ent;\r\n });\r\n const merged = state.currentInviteeList.concat(entities);\r\n let len = merged.length;\r\n const dict = {\r\n email: {},\r\n phone: {},\r\n fullName: {},\r\n };\r\n const currentInviteeList = [];\r\n\r\n while (len--) {\r\n const item = merged[len];\r\n const { Email, PhoneNumber, FirstName, LastName } = item;\r\n const fullName = `${FirstName || ''} ${LastName || ''}`.trim();\r\n\r\n if (!dict.email[Email] && !dict.phone[PhoneNumber] && !dict.fullName[fullName]) {\r\n currentInviteeList.unshift(item);\r\n dict.email[Email] = !!Email;\r\n dict.phone[PhoneNumber] = !!PhoneNumber;\r\n dict.fullName[fullName] = !!fullName;\r\n }\r\n }\r\n\r\n // Invalid emails will be identified in the success handler, capture\r\n // them to display in the UI\r\n const invalidEntries = action.response.InvalidInvitations;\r\n const dupEntries = action.response.DuplicateInvitations;\r\n\r\n return { ...state,\r\n isLoading: false,\r\n currentInviteeList,\r\n invalidImportEntries: invalidEntries,\r\n duplicateImportEntries: dupEntries,\r\n };\r\n }\r\n\r\n case actionTypes.POST_GUESTS_FOR_VERIFICATION_FAILURE:\r\n return { ...state,\r\n isLoading: false,\r\n failed: true,\r\n errors: action.errors,\r\n message: `Could not import guests: ${action.errors}`,\r\n };\r\n\r\n case actionTypes.REMOVE_GUESTS_BY_FILE: {\r\n const currentInviteeList = state.currentInviteeList.filter((invitee) =>\r\n !invitee.source || invitee.source !== action.fileName\r\n );\r\n\r\n return { ...state, currentInviteeList };\r\n }\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst invitationReducer = (state = initialState, action) => [\r\n sendInvitationReducer,\r\n importGuestsForInvitationReducer,\r\n precheckReducer,\r\n].reduce((previous, current) => current(previous, action), state);\r\n\r\nexport default invitationReducer;\r\n","import CONSTANTS from 'shared/utils/constants';\r\n\r\nconst getDocType = (resp) => {\r\n if (resp.LicenseNumber) {\r\n return 'License Number';\r\n } else if (resp.PassportNumber) {\r\n return 'Passport Number';\r\n }\r\n return '';\r\n};\r\n\r\nconst getDocNumber = (resp) => {\r\n if (resp.LicenseNumber) {\r\n return resp.LicenseNumber;\r\n } else if (resp.PassportNumber) {\r\n return resp.PassportNumber;\r\n }\r\n return '';\r\n};\r\n\r\nconst getPaymentMethodName = (code) => {\r\n const paymentValue = code && code.toUpperCase();\r\n if (CONSTANTS.PAYMENT_METHOD[paymentValue]) return CONSTANTS.PAYMENT_METHOD[paymentValue].NAME;\r\n return CONSTANTS.PAYMENT_METHOD.EMPTY.NAME;\r\n};\r\n\r\nexport default function responseMapper(response) {\r\n return {\r\n firstName: response.FirstName,\r\n lastName: response.LastName,\r\n email: response.Email,\r\n photoUpload: response.PhotoUpload,\r\n status: response.Status,\r\n isWaiverSigned: response.IsWaiverSigned || false,\r\n passType: response.PassType,\r\n passNumber: response.PassNumber,\r\n token: response.Token,\r\n paymentTypeName: response.PaymentType,\r\n paymentTypeId: response.PaymentTypeId,\r\n paymentMethod: response.PaymentMethodName,\r\n paymentMethodName: getPaymentMethodName(response.PaymentMethodName),\r\n hasPaymentMethod: !!response.PaymentMethod,\r\n amountOwing: response.AmountOwing || 0,\r\n document: `${getDocType(response)}: ${getDocNumber(response)}`,\r\n };\r\n}\r\n","import * as actionTypes from './actionTypes';\r\nimport responseMapper from './responseMapper';\r\n\r\nimport { normalizeObjectKeys } from 'shared/utils/objectUtils';\r\n\r\nconst initialState = {\r\n isLoading: false,\r\n hasError: false,\r\n message: '',\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n photoUpload: '',\r\n status: '',\r\n isWaiverSigned: false,\r\n document: '',\r\n passType: '',\r\n passNumber: '',\r\n token: '',\r\n paymentTypeName: '',\r\n paymentMethodName: '',\r\n paymentMethod: '',\r\n amountOwing: 0,\r\n hasPaymentMethod: false,\r\n specialOptions: [],\r\n paymentType: {\r\n Id: '',\r\n },\r\n};\r\n\r\nconst invitationDetailReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.GET_INVITATION_DETAILS_REQUEST:\r\n return { ...state, isLoading: true, hasError: false, message: '' };\r\n\r\n case actionTypes.GET_INVITATION_DETAILS_SUCCESS: {\r\n const invitationDetails = responseMapper(action.response);\r\n\r\n return {\r\n ...state,\r\n ...invitationDetails,\r\n isLoading: false,\r\n hasError: false,\r\n };\r\n }\r\n\r\n case actionTypes.GET_INVITATION_DETAILS_FAILURE:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: true,\r\n message: \"Can't load guest details\",\r\n };\r\n\r\n case actionTypes.POST_INVITATION_DETAILS_REQUEST:\r\n return { ...state, isLoading: true, hasError: false, message: '' };\r\n\r\n case actionTypes.POST_INVITATION_DETAILS_SUCCESS:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: false,\r\n message: 'Successfully updated invitation.',\r\n };\r\n\r\n case actionTypes.POST_INVITATION_DETAILS_FAILURE:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: true,\r\n message: 'Could not save invitation.',\r\n };\r\n\r\n case actionTypes.SELECT_PAYMENT_TYPE: {\r\n const type = action.paymentType;\r\n type.isChecked = true;\r\n\r\n return {\r\n ...state,\r\n paymentType: normalizeObjectKeys(type, 'uppercase'),\r\n };\r\n }\r\n case actionTypes.RESET_INVITATION_DETAILS:\r\n return {\r\n ...initialState,\r\n paymentType: state.paymentType,\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default invitationDetailReducer;\r\n","import * as actionTypes from \"./actionTypes\";\r\nimport { normalizeObjectKeys } from \"shared/utils/objectUtils\";\r\nconst initialState = {\r\n event: {},\r\n affiliates: [],\r\n specialOptions: [],\r\n isLoading: false,\r\n hasError: false,\r\n message: \"\",\r\n selectedVehicle: null,\r\n paymentType: null,\r\n};\r\n\r\nconst eventReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.GET_EVENT_REQUEST:\r\n return { ...state, isLoading: true, hasError: false };\r\n case actionTypes.GET_EVENT_SUCCESS: {\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: false,\r\n event: action.response,\r\n };\r\n }\r\n case actionTypes.GET_EVENTS_FAILURE:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: true,\r\n message: \"Could not load event\",\r\n };\r\n\r\n case actionTypes.GET_EVENT_AFFILIATES_REQUEST:\r\n return { ...state, isLoading: true, hasError: false };\r\n case actionTypes.GET_EVENT_AFFILIATES_SUCCESS: {\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: false,\r\n affiliates: action.response,\r\n };\r\n }\r\n\r\n case actionTypes.UPDATE_SPECIAL_OPTIONS:\r\n const parkingPassData = state.specialOptions.filter((item) => item.isParkingPass);\r\n const specialOptionsData = action.options.filter((item) => !item.isParkingPass);\r\n return {\r\n ...state,\r\n specialOptions: specialOptionsData.concat(parkingPassData),\r\n };\r\n\r\n case actionTypes.UPDATE_PARKING_PASS:\r\n const specialOpt = state.specialOptions.filter((item) => !item.isParkingPass);\r\n const parkingPass = action.options.filter((item) => item.isParkingPass);\r\n\r\n return {\r\n ...state,\r\n specialOptions: specialOpt.concat(parkingPass),\r\n };\r\n\r\n case actionTypes.UPDATE_ASSOCIATED_EVENTS:\r\n return { ...state, associatedEvents: action.options };\r\n\r\n case actionTypes.GET_EVENT_AFFILIATES_FAILURE:\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: true,\r\n message: \"Could not load event affiliates\",\r\n };\r\n\r\n case actionTypes.SELECT_EVENT_VEHICLE:\r\n return { ...state, selectedVehicle: action.vehicle };\r\n\r\n case actionTypes.SET_EVENT_SPECIAL_OPTIONS:\r\n return {\r\n ...state,\r\n specialOptions: action.event ? normalizeObjectKeys(action.event.EventSpecialOptions) : [],\r\n };\r\n\r\n case actionTypes.TOGGLE_SPECIAL_OPTION: {\r\n const specialOptions = state.specialOptions.map((o) => {\r\n const option = o;\r\n if (option.id === action.option.id) {\r\n option.isChecked = !option.isChecked;\r\n }\r\n return option;\r\n });\r\n return {\r\n ...state,\r\n specialOptions,\r\n };\r\n }\r\n\r\n case actionTypes.RESET_SPECIAL_OPTIONS: {\r\n const specialOptions = state.specialOptions.map((o) => {\r\n const option = o;\r\n const selectedOption = action.options.find(\r\n (opt) => opt.id === option.Id\r\n );\r\n option.isChecked = !!selectedOption;\r\n\r\n return option;\r\n });\r\n return {\r\n ...state,\r\n specialOptions,\r\n };\r\n }\r\n\r\n case actionTypes.TOGGLE_PAYMENT_TYPE: {\r\n const specialOptions = state.specialOptions.map((o) => {\r\n const option = o;\r\n if (option.id === action.option.id) {\r\n option.isChecked = !option.isChecked;\r\n }\r\n return option;\r\n });\r\n return {\r\n ...state,\r\n specialOptions,\r\n };\r\n }\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default eventReducer;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst AutoComplete = (props) => {\r\n const { eventsState, onSuggestionChange, onListItemClick } = props;\r\n\r\n const suggestions = eventsState.filteredEvents.map(ev =>\r\n (\r\n {eventsState.autocompleteVisible &&
\r\n );\r\n};\r\n\r\nAutoComplete.propTypes = {\r\n onSuggestionChange: PropTypes.func.isRequired,\r\n onListItemClick: PropTypes.func.isRequired,\r\n eventsState: PropTypes.shape({\r\n events: PropTypes.array,\r\n filteredEvents: PropTypes.array,\r\n isLoading: PropTypes.bool,\r\n hasError: PropTypes.bool,\r\n message: PropTypes.string,\r\n autocompleteVisible: PropTypes.bool,\r\n selectedEvent: PropTypes.object,\r\n }),\r\n};\r\n\r\nexport default AutoComplete;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { change } from 'redux-form';\r\nimport { loadEventsBySuggestion, selectEvent } from './actionCreators';\r\nimport AutoComplete from './AutoCompleteView.jsx';\r\nimport createClass from 'create-react-class';\r\n\r\n// This component is presently very much coupled with send invitation view's\r\n// event search. There could be value in refactoring this into something more\r\n// generic that accepts data sources and action creators as props\r\nconst AutoCompleteContainer = createClass({\r\n propTypes: {\r\n dispatch: PropTypes.func.isRequired,\r\n eventsState: PropTypes.shape({\r\n events: PropTypes.array,\r\n filteredEvents: PropTypes.array,\r\n isLoading: PropTypes.bool,\r\n hasError: PropTypes.bool,\r\n message: PropTypes.string,\r\n autocompleteVisible: PropTypes.bool,\r\n selectedEvent: PropTypes.object,\r\n }),\r\n },\r\n\r\n onSuggestionChange(e) {\r\n const suggestion = e.currentTarget.value;\r\n this.props.dispatch(loadEventsBySuggestion(suggestion));\r\n },\r\n\r\n onListItemClick(event) {\r\n this.props.dispatch(selectEvent(event.Id));\r\n this.props.dispatch(change('sendInvite', 'event', event.Name));\r\n },\r\n\r\n render() {\r\n return (\r\n \r\n onSuggestionChange(e)} />\r\n {suggestions}\r\n
}\r\n onEventTileClick(ev.Id)}>\r\n \r\n 
||\r\n \r\n\r\n
\r\n \r\n );\r\n };\r\n\r\n const eventTiles = eventsState.events.map(event => eventTile(event));\r\n\r\n return (\r\n \r\n \r\n {startDate}\r\n \r\n
\r\n {!!ev.EventTypeIconUrl &&\r\n {ev.Name}
\r\n {ev.VenueName}\r\n\r\n
\r\n\r\n \r\n - \r\n
- \r\n {invitationsInvited}\r\n
\r\n Invited\r\n \r\n - \r\n {invitationsRegistered}\r\n
\r\n Registered\r\n \r\n - \r\n {invitationsPassIssued}\r\n
Pass Issued\r\n \r\n - \r\n {invitationsPendingApproval}\r\n
Pending Approval\r\n \r\n
\r\n \r\n {eventsState.isLoading &&\r\n
\r\n
\r\n );\r\n};\r\n\r\nEventList.propTypes = {\r\n eventsState: PropTypes.shape({\r\n events: PropTypes.arrayOf(PropTypes.shape({\r\n Id: PropTypes.number.isRequired,\r\n Name: PropTypes.string.isRequired,\r\n StartTime: PropTypes.string.isRequired,\r\n EndTime: PropTypes.string.isRequired,\r\n VenueName: PropTypes.string.isRequired,\r\n Invitations: PropTypes.arrayOf(PropTypes.shape({\r\n TotalInvtationAllocation: PropTypes.number.isRequired,\r\n InvitationsAccepted: PropTypes.number.isRequired,\r\n InvitationsCheckedIn: PropTypes.number.isRequired,\r\n })),\r\n })),\r\n }),\r\n onEventTileClick: PropTypes.func,\r\n};\r\n\r\nexport default EventList;\r\n","import moment from 'moment';\r\nimport { formatDate } from 'shared/utils/dateUtils';\r\n\r\nexport function formatEventDate(dateStr) {\r\n const wrappedDate = moment(dateStr);\r\n const fromNow = wrappedDate.isSame(new Date(), 'day') ? 'Today' : wrappedDate.format('dddd');\r\n const date = wrappedDate.format('MMM D, Y');\r\n const time = wrappedDate.format('h:mm A');\r\n return `${fromNow} | ${date} | ${time}`;\r\n}\r\n\r\n\r\nexport function getShortEventDate(dateStr) {\r\n return formatDate(dateStr, 'MMM D');\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CONSTANTS from 'shared/utils/constants';\r\nimport { setBreadCrumbs } from 'actions/layout';\r\n\r\nfunction buildBreadcrumbs(breadcrumbs, currentPath = 0, trail = null, breadcrumbsPath = []) {\r\n Object.keys(breadcrumbs).some(key => {\r\n const crumb = breadcrumbs[key];\r\n if (currentPath.includes(crumb.PATH)) {\r\n if (trail) {\r\n breadcrumbsPath.push(trail);\r\n }\r\n\r\n breadcrumbsPath.push(crumb);\r\n if (crumb.CHILDREN) {\r\n buildBreadcrumbs(crumb.CHILDREN, currentPath, null, breadcrumbsPath);\r\n }\r\n return true;\r\n } else if (crumb.CHILDREN) {\r\n buildBreadcrumbs(crumb.CHILDREN, currentPath, crumb, breadcrumbsPath);\r\n }\r\n\r\n return false;\r\n });\r\n return breadcrumbsPath;\r\n}\r\n\r\nconst pageDecorator = (PageComponent) => {\r\n class PageDecorator extends React.Component {\r\n UNSAFE_componentWillMount() {\r\n const breadcrumbs = buildBreadcrumbs(CONSTANTS.BREADCRUMBS, this.props.location.pathname);\r\n this.props.dispatch(setBreadCrumbs(breadcrumbs));\r\n }\r\n\r\n render() {\r\n return {specialOptions}
\r\n | Guests | \r\n\r\n | Pass type | \r\nStatus | \r\nPass type | \r\n\r\n |
|---|---|---|---|---|---|
| No guests found |
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n {(eventState.isLoading || guestsState.isLoading) &&\r\n
\r\n );\r\n};\r\n\r\nEvent.propTypes = {\r\n eventId: PropTypes.number.isRequired,\r\n eventState: PropTypes.shape({\r\n event: PropTypes.object.isRequired,\r\n }),\r\n guestsState: PropTypes.object,\r\n};\r\n\r\nexport default Event;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { goBack } from 'react-router-redux';\r\nimport Event from './EventView.jsx';\r\nimport { loadEvent } from './actionCreators';\r\nimport analyticsHelper from 'shared/utils/analyticsHelper';\r\nimport pageDecorator from 'common/utils/pageDecorator.jsx';\r\nimport createClass from 'create-react-class';\r\n\r\nconst EventContainer = createClass({\r\n propTypes: {\r\n dispatch: PropTypes.func.isRequired,\r\n routeParams: PropTypes.object,\r\n guestsState: PropTypes.object,\r\n eventState: PropTypes.shape({\r\n event: PropTypes.object,\r\n isLoading: PropTypes.bool,\r\n hasError: PropTypes.bool,\r\n message: PropTypes.string,\r\n }),\r\n },\r\n\r\n UNSAFE_componentWillMount() {\r\n const pageName = 'Event Details';\r\n analyticsHelper.trackPage(pageName);\r\n this.eventId = parseInt(this.props.routeParams.eventId, 0);\r\n this.props.dispatch(loadEvent(this.eventId));\r\n },\r\n\r\n handleBackButtonClick(e) {\r\n e.preventDefault();\r\n this.props.dispatch(goBack());\r\n },\r\n\r\n render() {\r\n return (\r\n Date\r\n {getShortEventDate(eventState.event.StartTime)}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {eventState.event.Name}\r\n
\r\n \r\n {eventState.event.VenueName}\r\n \r\n\r\n
\r\n);\r\n\r\nexport default IconAMAFlag;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\nimport pick from 'lodash.pick';\r\n\r\nconst svgIconGenerator = (Component) => {\r\n class SvgIconGenerator extends React.Component {\r\n setViewBox() {\r\n const { width, height } = this.props;\r\n return `0 0 ${width * 2} ${height * 2}`;\r\n }\r\n\r\n classes = {\r\n 'svg-icon': true,\r\n };\r\n\r\n render() {\r\n const wrapperClasses = cx({\r\n 'svg-wrapper': true,\r\n }, this.props.wrapperClass);\r\n const props = pick(this.props, ['viewBox', 'width', 'height', 'onClick']);\r\n\r\n return (\r\n \r\n \r\n \r\n {heading && <FormattedMessage id={heading} />} \r\n {hasCloseIcon &&\r\n \r\n onCancel()}\r\n className=\"nascar-popover-close\"\r\n viewBox=\"0 0 25 25\"\r\n />\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n \r\n {(isShowContent && children) ||
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nLogin.propTypes = {\r\n fields: PropTypes.object.isRequired,\r\n handleSubmit: PropTypes.func,\r\n};\r\n\r\nexport default reduxForm({\r\n form: 'login',\r\n fields: ['email', 'password', 'rememberMe'],\r\n validate: loginValidator,\r\n})(Login);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { push } from 'react-router-redux';\r\nimport Login from './LoginView.jsx';\r\nimport authService from './authService';\r\nimport {\r\n authenticate,\r\n sendAuthenticationRequest,\r\n redirectRememberedUser,\r\n} from './actions';\r\nimport CONSTANTS from 'shared/utils/constants';\r\nimport $ from 'jquery';\r\nimport analyticsHelper from 'shared/utils/analyticsHelper';\r\nimport Materialize from 'materialize-css';\r\nimport createClass from 'create-react-class';\r\n\r\nconst LoginContainer = createClass({\r\n propTypes: {\r\n dispatch: PropTypes.func.isRequired,\r\n authState: PropTypes.object,\r\n location: PropTypes.object,\r\n },\r\n\r\n getInitialState() {\r\n return {\r\n rememberMe: !!authService.getStoredUsername(),\r\n email: authService.getStoredUsername(),\r\n };\r\n },\r\n\r\n UNSAFE_componentWillMount() {\r\n this.props.dispatch(redirectRememberedUser());\r\n },\r\n\r\n componentDidMount() {\r\n analyticsHelper.trackPage('Login');\r\n if (Materialize.updateTextFields) {\r\n Materialize.updateTextFields();\r\n }\r\n },\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (nextProps.authState.isAuthenticated) {\r\n const redirect = this.props.location.query.next\r\n || CONSTANTS.URLS.LANDING;\r\n this.props.dispatch(push(redirect));\r\n }\r\n },\r\n\r\n handleSubmit(data) {\r\n const authRequest = {\r\n email: data.email,\r\n password: data.password,\r\n rememberMe: data.rememberMe,\r\n };\r\n $('input').blur();\r\n\r\n this.props.dispatch(sendAuthenticationRequest());\r\n this.props.dispatch(authenticate(authRequest));\r\n },\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n {versionNumber &&\r\n Version {versionNumber}\r\n }\r\n
\r\n \r\n \r\n \r\n {/* eslint-disable-next-line no-undef */}\r\n {(() => {\r\n // eslint-disable-next-line no-undef\r\n const logoFileName = (typeof env !== 'undefined' && env.SERVER_TYPE === 'AMAPROD')\r\n ? 'ama_logo_credentials.png'\r\n : 'nascar_logo_credentials.png';\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Forgot password?\r\n \r\n
\r\n \r\n \r\n {(authService.hasValidToken() || this.props.isAuthenticated === true) ?\r\n
\r\n );\r\n }\r\n }\r\n\r\n const mapStateToProps = (state) => ({\r\n authState: state.authState,\r\n });\r\n\r\n return connect(mapStateToProps)(SecuredComponent);\r\n}\r\n\r\nexport default secured;\r\n","import * as authActionsSet from './actions';\r\nimport * as authActionTypesSet from './actionTypes';\r\n\r\nexport authService from './authService';\r\nexport authReducer from './reducers';\r\nexport LoginContainer from './LoginContainer.jsx';\r\nexport secured from './SecuredComponent.jsx';\r\nexport const authActions = authActionsSet;\r\nexport const authActionTypes = authActionTypesSet;\r\n","import { Schema, arrayOf } from 'normalizr';\r\n\r\nexport const element = new Schema('roles');\r\nexport const arrayOfElements = arrayOf(element);\r\n","export const RECEIVE_ELEMENTS = 'roles/RECEIVE_ELEMENTS';\r\n\r\nexport const SCHEMA = 'roles';\r\n\r\nexport const permissionLevelsDisplayPriority = {\r\n super_admin: 1,\r\n admin: 2,\r\n manager: 3,\r\n user: 4,\r\n};\r\n\r\nexport const ROLE_LIST_REQUEST_ID = 'roles/list';\r\n","import { normalize } from 'normalizr';\r\nimport apiHelper from 'shared/utils/apiHelper';\r\n\r\nimport CONSTANTS from 'shared/utils/constants';\r\nimport { arrayOfElements } from './schema';\r\n\r\nimport { RECEIVE_ELEMENTS, ROLE_LIST_REQUEST_ID } from '../constants';\r\n\r\nexport const receiveRoles = payload => ({\r\n type: RECEIVE_ELEMENTS,\r\n payload: normalize(payload, arrayOfElements),\r\n});\r\n\r\nexport const fetchRoles = (\r\n {\r\n endpoint = CONSTANTS.API.ROLES.ALL,\r\n method = CONSTANTS.METHODS.GET,\r\n onSuccess = receiveRoles,\r\n requestId = ROLE_LIST_REQUEST_ID,\r\n } = {}\r\n) =>\r\n apiHelper.formatRequest({\r\n endpoint,\r\n method,\r\n onSuccess,\r\n options: {\r\n onSuccess,\r\n requestId,\r\n },\r\n });\r\n","import { combineReducers } from 'redux';\r\n\r\nimport { RECEIVE_ELEMENTS, SCHEMA } from '../constants';\r\n\r\nexport default combineReducers({\r\n byId: (state = {}, action) => {\r\n switch (action.type) {\r\n case RECEIVE_ELEMENTS: {\r\n const newState = { ...state };\r\n action.payload.result.forEach(id => {\r\n newState[id] = {\r\n ...newState[id],\r\n ...action.payload.entities[SCHEMA][id],\r\n };\r\n });\r\n\r\n return newState;\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n },\r\n ids: (state = [], action) => {\r\n switch (action.type) {\r\n case RECEIVE_ELEMENTS: {\r\n const newIds = action.payload.result.filter(id => !state.includes(id));\r\n\r\n return state.concat(newIds);\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n },\r\n});\r\n","import { combineReducers } from 'redux';\r\nimport list from './list';\r\n\r\nexport default combineReducers({\r\n list,\r\n});\r\n","import { createSelector } from 'reselect';\r\nimport { getElementList, getProps } from 'shared/selectors';\r\n\r\nexport const getState = state => state.components.roles;\r\n\r\nexport const getRolesByFilter = createSelector(\r\n getState,\r\n getProps,\r\n (state, filter) => getElementList(state).filter(filter)\r\n);\r\n","import { REQUEST_STATUS, FETCH_REQUEST } from 'provisioning/constants/common';\r\n\r\nexport const createRequestStatusReducer =\r\n (reducerName, initialState = REQUEST_STATUS.UNINITIALIZED) =>\r\n (state = initialState, action) => {\r\n if (action.reducer === reducerName && action.type === FETCH_REQUEST) {\r\n return action.status;\r\n }\r\n\r\n return state;\r\n };\r\n\r\nexport default createRequestStatusReducer;\r\n\r\nexport const isInitialState = (state) => state === REQUEST_STATUS.UNINITIALIZED;\r\nexport const isFetchingState = (state) => state === REQUEST_STATUS.FETCHING;\r\nexport const isLoadedState = (state) => state === REQUEST_STATUS.LOADED;\r\nexport const isErrorState = (state) => state === REQUEST_STATUS.ERROR;\r\n","import { REQUEST_STATUS, FETCH_REQUEST } from 'provisioning/constants/common';\r\nimport { FETCH_WAIVERS_SUCCESS } from 'provisioning/constants/waivers';\r\nimport { WAIVERS_REDUCER_NAME } from './resources';\r\n\r\n/**\r\n * @see https://nascar-dev-api.azurewebsites.net/swagger/ui/index#!/Invitation/Invitation_GetInsuranceWaiverDocumentsByInvitationTokenByToken\r\n */\r\nexport const initialState = {};\r\n/*\r\nArray of:\r\n{\r\n id: 0,\r\n name: '',\r\n documentUrl: '',\r\n version: 0,\r\n versionDate: '',\r\n content: '',\r\n waiverDescription: '',\r\n deleted: false,\r\n byteArray: '',\r\n}\r\n */\r\n\r\n// TODO: reducer.js -> createReducer does not work with initialState data, this is temporary\r\nconst details = (state = initialState, action) => {\r\n if (action.type === FETCH_WAIVERS_SUCCESS || (action.reducer === WAIVERS_REDUCER_NAME && action.type === FETCH_REQUEST && action.status === REQUEST_STATUS.LOADED)) {\r\n if (!action.response || action.response.length === 0) {\r\n return {};\r\n }\r\n\r\n const waiverById = {};\r\n action.response.forEach((waiver) => { waiverById[waiver.Id] = waiver; });\r\n return {\r\n ...waiverById,\r\n };\r\n }\r\n\r\n return state;\r\n};\r\n\r\nexport default details;\r\n\r\nexport const getDocumentType = (state, id) => {\r\n const waiverAtId = state[id];\r\n if (waiverAtId && waiverAtId.AppliesToInvitationType) {\r\n return waiverAtId.AppliesToInvitationType;\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const getDocumentContent = (state, id) => {\r\n const waiverAtId = state[id];\r\n if (waiverAtId && waiverAtId.Content) {\r\n return waiverAtId.Content;\r\n }\r\n\r\n return null;\r\n};\r\n","import union from 'lodash.union';\r\n\r\nimport * as actionTypes from 'provisioning/constants/waivers';\r\n\r\nexport const initialState = {\r\n selectedWaiverId: null,\r\n completedWaiverIds: [],\r\n};\r\n\r\nconst viewState = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SELECT_WAIVER:\r\n return {\r\n ...state,\r\n selectedWaiverId: action.waiverId,\r\n };\r\n case actionTypes.DESELECT_WAIVER:\r\n return {\r\n ...state,\r\n selectedWaiverId: null,\r\n };\r\n case actionTypes.COMPLETE_SELECTED_WAIVER:\r\n return {\r\n ...state,\r\n selectedWaiverId: null,\r\n completedWaiverIds: union(state.completedWaiverIds, [state.selectedWaiverId]),\r\n };\r\n case actionTypes.RESET_VIEW_STATE_DATA:\r\n return initialState;\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default viewState;\r\n\r\nexport const getSelectedWaiverId = (state) => state.selectedWaiverId;\r\n\r\nexport const getCompletedWaiverIds = (state) => state.completedWaiverIds;\r\n","import { combineReducers } from 'redux';\r\nimport createRequestStatusReducer, {\r\n isFetchingState,\r\n isLoadedState,\r\n} from 'provisioning/shared/helpers/reducers/requestStatus';\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport createErrorMessageReducer from 'provisioning/shared/helpers/reducers/errorMessage';\r\nimport createIsFetchingReducer from 'provisioning/shared/helpers/reducers/isFetching';\r\nimport { WAIVERS_REDUCER_NAME } from './resources';\r\nimport details, * as fromDetails from './details';\r\nimport viewState, * as fromViewState from './viewState';\r\n\r\nconst isFetching = createIsFetchingReducer(WAIVERS_REDUCER_NAME);\r\nconst requestState = createRequestStatusReducer(WAIVERS_REDUCER_NAME);\r\nconst errorMessage = createErrorMessageReducer(WAIVERS_REDUCER_NAME);\r\n\r\nexport default combineReducers({\r\n viewState,\r\n details,\r\n isFetching,\r\n errorMessage,\r\n requestState,\r\n});\r\n\r\nexport const isUpdating = (state) => isFetchingState(state.requestState);\r\n\r\nexport const isUpdated = (state) => isLoadedState(state.requestState);\r\n\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n\r\nexport const getWaiverDocumentContent = (state, id) =>\r\n fromDetails.getDocumentContent(state.details, id);\r\n\r\nexport const getWaiverDocumentType = (state, id) =>\r\n fromDetails.getDocumentType(state.details, id);\r\n\r\nexport const getSelectedWaiverId = (state) => fromViewState.getSelectedWaiverId(state.viewState);\r\n\r\nexport const getCompletedWaiverIds = (state) =>\r\n fromViewState.getCompletedWaiverIds(state.viewState);\r\n\r\nexport const getSelectedWaiverDocumentContent = (state) => {\r\n const waiverId = getSelectedWaiverId(state);\r\n return getWaiverDocumentContent(state, waiverId);\r\n};\r\n\r\nexport const getSelectedWaiverDocumentType = state => {\r\n const waiverId = getSelectedWaiverId(state);\r\n return getWaiverDocumentType(state, waiverId);\r\n};\r\n\r\nexport const isWaiverTypeMinor = type => (type === CONSTANTS.INVITATION_TYPES.MINOR);\r\n\r\nexport const getWaiverDocuments = state => state.details;\r\n\r\nexport const areAllWaiversSigned = waivers => {\r\n let areSigned = true;\r\n\r\n if (waivers && waivers.length > 0) {\r\n waivers.forEach(waiver => {\r\n if (!waiver.timeStamp || !waiver.uri || waiver.uri === '') areSigned = false;\r\n });\r\n }\r\n\r\n return areSigned;\r\n};\r\n","import CONSTANTS from 'shared/utils/constants';\r\nimport { createApiRequest } from 'shared/helpers/actions';\r\nimport apiHelper from 'shared/utils/apiHelper';\r\n\r\nexport const fetchAllAnnualPasses= () => {;\r\n return createApiRequest({\r\n endpoint: CONSTANTS.API.ANNUAL_PASSES.ALL,\r\n });\r\n}\r\n\r\nexport const fetchAnnualPassById = ({ annualPassId }) => {;\r\n return createApiRequest({\r\n endpoint: apiHelper.buildPath(CONSTANTS.API.ANNUAL_PASSES.BY_ID, annualPassId),\r\n });\r\n}\r\n\r\nexport const updateAnnualPass = ({ annualPassId, data }) =>\r\n createApiRequest({\r\n endpoint: apiHelper.buildPath(CONSTANTS.API.ANNUAL_PASSES.BY_ID, annualPassId),\r\n method: CONSTANTS.METHODS.PUT,\r\n body: data,\r\n });\r\n\r\nexport const addAnnualPass = (annualPass) =>\r\n createApiRequest({\r\n endpoint: CONSTANTS.API.ANNUAL_PASSES.ALL,\r\n method: CONSTANTS.METHODS.POST,\r\n body: annualPass,\r\n });\r\n\r\nexport const toggleAnnualPassStatus = (id, status) =>\r\n createApiRequest({\r\n endpoint: apiHelper.buildPath(CONSTANTS.API.ANNUAL_PASSES.TOGGLE_STATUS, id),\r\n method: CONSTANTS.METHODS.PUT,\r\n body: {\r\n isActive: status,\r\n },\r\n });\r\n\r\nexport const importAnnualPassesFromCSV = (data) => (dispatch, getState) => {\r\n\r\n const form = new FormData();\r\n form.append('Content', data, data.name);\r\n const fileName = data.name;\r\n\r\n return dispatch(\r\n apiHelper.formatRequest({\r\n endpoint: CONSTANTS.API.ANNUAL_PASSES.VERIFY,\r\n method: CONSTANTS.METHODS.POST,\r\n body: form,\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n 'Content-Type': undefined,\r\n },\r\n stringifyBody: false,\r\n options: {\r\n requestId: 'importAnnualPassesFromCSV',\r\n onSuccess: ({\r\n validAnnualPasses,\r\n invalidAnnualPasses,\r\n duplicateAnnualPasses,\r\n }) => {\r\n return dispatch({\r\n type: 'IMPORT_ANNUAL_PASSES__UPLOAD_CSV_FILE_SUCCESS',\r\n payload: {\r\n fileName,\r\n validAnnualPasses,\r\n invalidAnnualPasses,\r\n duplicateAnnualPasses,\r\n },\r\n });\r\n },\r\n },\r\n })\r\n );\r\n};\r\n\r\nexport const addAnnualPasses = (annualPasses) => {\r\n return createApiRequest({\r\n endpoint: CONSTANTS.API.ANNUAL_PASSES.BULK,\r\n method: CONSTANTS.METHODS.POST,\r\n body: annualPasses,\r\n });\r\n};","import { reset } from \"redux-form\";\r\nimport * as api from \"api/annualPass\";\r\nimport { isCSVFile } from \"shared/utils/validation\";\r\nimport {\r\n createApiGroupActions,\r\n createAction,\r\n createApiRequest,\r\n} from \"shared/helpers/actions\";\r\nimport { openModal, MODAL_STEPS } from \"components/Modals\";\r\n\r\nimport {\r\n ALL_ANNUAL_PASS_REDUCER,\r\n ANNUAL_PASS_BY_ID_REDUCER,\r\n} from \"constants/reducers\";\r\n\r\nimport { FETCH_REQUEST, REQUEST_STATUS } from \"constants/common\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\n\r\nconst fetchAllAnnualPassesAction = createApiGroupActions(\r\n ALL_ANNUAL_PASS_REDUCER\r\n);\r\nconst fetchAnnualPassByIdAction = createApiGroupActions(\r\n ANNUAL_PASS_BY_ID_REDUCER\r\n);\r\n\r\nexport const fetchAllAnnualPasses = () => () =>\r\n fetchAllAnnualPassesAction({\r\n request: api.fetchAllAnnualPasses,\r\n });\r\n\r\nexport const fetchAnnualPassById = (id) => () =>\r\n fetchAnnualPassByIdAction({\r\n request: api.fetchAnnualPassById,\r\n params: {\r\n annualPassId: id,\r\n },\r\n });\r\n\r\nexport const resetAllAnnualPasses = () =>\r\n createAction(ALL_ANNUAL_PASS_REDUCER, FETCH_REQUEST, true)({\r\n status: REQUEST_STATUS.UNINITIALIZED,\r\n });\r\n\r\nexport const addAnnualPass = ({ annualPass, formId, onClose }) => (\r\n dispatch\r\n) => {\r\n let modalStack = [];\r\n\r\n const postMinorHotInvitation = () =>\r\n api\r\n .addAnnualPass(annualPass)\r\n .then(() => {\r\n modalStack.push(\r\n MODAL_STEPS.complete(\"annual_passes.add_action.success\", {\r\n values: {\r\n fullName: `${annualPass.firstName} ${annualPass.lastName}`,\r\n },\r\n onAccept: () => {\r\n window.setTimeout(() => {\r\n dispatch(reset(formId));\r\n onClose();\r\n }, 0);\r\n },\r\n })\r\n );\r\n })\r\n .catch(({ responseJSON, ...fields }) => {\r\n if (fields) {\r\n const errorFields = Object.keys(fields);\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n \"annual_passes.add_action.field_error\",\r\n () => {},\r\n {\r\n values: {\r\n field: errorFields[0],\r\n message: fields[errorFields[0]],\r\n },\r\n }\r\n )\r\n );\r\n return;\r\n }\r\n if (responseJSON.errors && responseJSON.errors.length > 0) {\r\n responseJSON.errors.forEach(({ errorCode, additionalData }) => {\r\n switch (errorCode) {\r\n case \"AnnualPassAlreadyExistsException\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n \"annual_passes.add_action.error.member_already_exists\",\r\n null,\r\n {\r\n values: { memberId: additionalData.memberId },\r\n }\r\n )\r\n );\r\n break;\r\n default:\r\n modalStack.push(\r\n MODAL_STEPS.warning(\"annual_passes.add_action.error\")\r\n );\r\n break;\r\n }\r\n });\r\n }\r\n });\r\n\r\n modalStack = [MODAL_STEPS.processing(\"Saving...\", postMinorHotInvitation)];\r\n\r\n return dispatch(openModal(modalStack));\r\n};\r\n\r\n// Bulk operation\r\nexport const addAnnualPasses = (annualPasses, onClose) => (dispatch) => {\r\n let modalStack = [];\r\n const postAnnualPasses = () =>\r\n api\r\n .addAnnualPasses(annualPasses)\r\n .then(() => {\r\n modalStack.push(\r\n MODAL_STEPS.complete(\"annual_passes.import.complete\", {\r\n onAccept: () => {\r\n window.setTimeout(() => {\r\n dispatch(resetImportData());\r\n onClose();\r\n }, 0);\r\n },\r\n })\r\n );\r\n })\r\n .catch(() => {\r\n modalStack.push(MODAL_STEPS.warning(`ERROR!`));\r\n });\r\n\r\n modalStack = [\r\n MODAL_STEPS.confirmation(\"annual_passes.import.finalize_confirmation\", {\r\n values: { count: annualPasses.length },\r\n }),\r\n MODAL_STEPS.processing(\"annual_passes.import.processing\", postAnnualPasses),\r\n ];\r\n\r\n return dispatch(openModal(modalStack));\r\n};\r\n\r\nexport const toggleAnnualPassStatus = ({\r\n annualPass,\r\n onClose,\r\n onErrorClose = () => {},\r\n}) => (dispatch) => {\r\n let modalStack = [];\r\n\r\n const toggleActivation = () =>\r\n api\r\n .toggleAnnualPassStatus(annualPass.id, !annualPass.isActive)\r\n .then(() => {\r\n modalStack.push(\r\n MODAL_STEPS.complete(\"annual_passes.toggle_status_action.success\", {\r\n values: {\r\n fullName: `${annualPass.firstName} ${annualPass.lastName}`,\r\n status: annualPass.isActive ? \"de-activated\" : \"activated\",\r\n },\r\n onAccept: () => {\r\n onClose();\r\n },\r\n })\r\n );\r\n })\r\n .catch(({ responseJSON }) => {\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n \"annual_passes.toggle_status_action.error\",\r\n () => {\r\n onErrorClose();\r\n },\r\n {\r\n values: {\r\n fullName: `${annualPass.firstName} ${annualPass.lastName}`,\r\n error: JSON.stringify(responseJSON),\r\n },\r\n }\r\n )\r\n );\r\n });\r\n\r\n modalStack = [MODAL_STEPS.processing(\"Saving...\", toggleActivation)];\r\n\r\n return dispatch(openModal(modalStack));\r\n};\r\n\r\nexport const updateAnnualPass = ({\r\n annualPass,\r\n formId,\r\n onClose,\r\n onErrorClose = () => {},\r\n}) => (dispatch) => {\r\n let modalStack = [];\r\n\r\n const updateAnnualPassPromise = () =>\r\n api\r\n .updateAnnualPass({\r\n annualPassId: annualPass.id,\r\n data: annualPass,\r\n })\r\n .then(() => {\r\n modalStack.push(\r\n MODAL_STEPS.complete(\"annual_passes.update_action.success\", {\r\n values: {\r\n fullName: `${annualPass.firstName} ${annualPass.lastName}`,\r\n status: annualPass.isActive ? \"de-activated\" : \"activated\",\r\n },\r\n onAccept: () => {\r\n window.setTimeout(() => {\r\n dispatch(reset(formId));\r\n onClose();\r\n }, 0);\r\n },\r\n })\r\n );\r\n })\r\n .catch((err) => {\r\n //TODO: Remove this workaround after backend standardize the errors\r\n const errorFields = Object.keys(err);\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n \"annual_passes.update_action.error\",\r\n () => {\r\n onErrorClose();\r\n },\r\n {\r\n values: {\r\n fullName: `${annualPass.firstName} ${annualPass.lastName}`,\r\n field: errorFields[0],\r\n message: err[errorFields[0]],\r\n },\r\n }\r\n )\r\n );\r\n });\r\n\r\n modalStack = [MODAL_STEPS.processing(\"Saving...\", updateAnnualPassPromise)];\r\n\r\n return dispatch(openModal(modalStack));\r\n};\r\n\r\nexport const fetchAnnualPassesTemplate = () => {\r\n return createApiRequest({\r\n endpoint: CONSTANTS.API.ANNUAL_PASSES.TEMPLATE,\r\n method: CONSTANTS.METHODS.GET,\r\n headers: {\r\n \"Content-Type\": CONSTANTS.CONTENT_TYPES.CSV,\r\n Accept: CONSTANTS.CONTENT_TYPES.CSV,\r\n },\r\n });\r\n};\r\n\r\nexport const importAnnualPassesFromCSV = (fileData) => (dispatch) => {\r\n dispatch(\r\n openModal([\r\n MODAL_STEPS.confirmation(\"annual_passes.import.confirmation\"),\r\n MODAL_STEPS.processing(\r\n \"annual_passes.import.processing\",\r\n () => {\r\n if (isCSVFile(fileData.name)) {\r\n return dispatch(api.importAnnualPassesFromCSV(fileData));\r\n }\r\n return Promise.reject([\"api_error.invalid_csv_file_extension\"]);\r\n },\r\n \"importAnnualPassesFromCSV\"\r\n ),\r\n MODAL_STEPS.complete(\"annual_passes.import.complete\"),\r\n ])\r\n );\r\n};\r\n\r\nexport const removeFile = (fileName) => (dispatch) => {\r\n return dispatch({\r\n type: \"IMPORT_ANNUAL_PASSES__REMOVE_FILE\",\r\n payload: {\r\n fileName,\r\n },\r\n });\r\n};\r\n\r\nexport const removeAnnualPass = (key) => (dispatch) => {\r\n return dispatch({\r\n type: \"IMPORT_ANNUAL_PASSES__REMOVE_PASS\",\r\n payload: {\r\n key,\r\n },\r\n });\r\n};\r\n\r\nexport const resetImportData = () => (dispatch) => {\r\n return dispatch({\r\n type: \"IMPORT_ANNUAL_PASSES__RESET_DATA\",\r\n payload: {},\r\n });\r\n};\r\n","import { STEPS } from './constants';\r\n\r\nexport const processing = (description, processHandler, requestId) => ({\r\n type: STEPS.PROCESSING,\r\n props: {\r\n requestId,\r\n description,\r\n processHandler,\r\n },\r\n});\r\n\r\nexport const confirmation = (description, props) => ({\r\n type: STEPS.CONFIRMATION,\r\n props: {\r\n description,\r\n ...props,\r\n },\r\n});\r\n\r\nexport const complete = (description, props) => ({\r\n type: STEPS.COMPLETE,\r\n props: {\r\n description,\r\n ...props,\r\n },\r\n});\r\n\r\nexport const warning = (description, onAccept, props = {}) => ({\r\n type: STEPS.WARNING,\r\n props: {\r\n description,\r\n onAccept,\r\n ...props,\r\n },\r\n});\r\n\r\nexport const MODAL_STEPS = {\r\n processing,\r\n confirmation,\r\n complete,\r\n warning,\r\n};\r\n","export const GET_PASS_TYPES_REQUEST = 'GET_PASS_TYPES_REQUEST';\r\nexport const GET_PASS_TYPES_SUCCESS = 'GET_PASS_TYPES_SUCCESS';\r\nexport const GET_PASS_TYPES_FAILURE = 'GET_PASS_TYPES_FAILURE';\r\n","export const GET_PAYMENT_TYPES_REQUEST = 'GET_PAYMENT_TYPES_REQUEST';\r\nexport const GET_PAYMENT_TYPES_SUCCESS = 'GET_PAYMENT_TYPES_SUCCESS';\r\nexport const GET_PAYMENT_TYPES_FAILURE = 'GET_PAYMENT_TYPES_FAILURE';\r\n","import * as actionTypes from 'constants/eventTypes';\r\n\r\nconst initialState = {\r\n eventTypes: [],\r\n isLoading: false,\r\n failed: false,\r\n message: '',\r\n};\r\n\r\nconst eventTypeModelMapper = (response) => ({\r\n id: response.Id,\r\n name: response.Name,\r\n icon: response.IconUrl,\r\n});\r\n\r\nexport const INITIIAL_EVENT_TYPE_FILTER = {\r\n query: '',\r\n sort: 'name',\r\n};\r\n\r\nconst getEventTypesReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.GET_EVENT_TYPES_REQUEST:\r\n return { ...state, isLoading: true, eventTypes: [] };\r\n case actionTypes.GET_EVENT_TYPES_FAILURE:\r\n return {\r\n ...state,\r\n failed: true,\r\n isLoading: false,\r\n eventTypes: [],\r\n message: 'Could not load event types',\r\n };\r\n case actionTypes.GET_EVENT_TYPES_SUCCESS:\r\n return { ...state, isLoading: false, eventTypes: action.response.map(eventTypeModelMapper) };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default getEventTypesReducer;\r\n\r\nexport const getEventTypes = (state) =>\r\n state.eventTypes;\r\n\r\nexport const getIsEventTypesFetching = (state) =>\r\n state.isLoading;\r\n","export const SELECT_DUPLICATE_EVENT = 'SELECT_DUPLICATE_EVENT';\r\nexport const UPDATE_DUPLICATE_EVENT = 'UPDATE_DUPLICATE_EVENT';\r\nexport const SELECTED_DUPLICATE_EVENT = 'SELECTED_DUPLICATE_EVENT';\r\n\r\n","export const ERROR_DURING_SCAN = 'ERROR_DURING_SCAN';\r\nexport const CLEAR_ERROR = 'SCAN_CLEAR_ERROR';\r\nexport const HARDWARE_SCANNER_STATUS_CHANGE = 'HARDWARE_SCANNER_STATUS_CHANGE';\r\nexport const UPDATE_INVITATION_SCAN = 'UPDATE_INVITATION_SCAN';\r\n","export const TAKE_PHOTO_REQUEST = 'TAKE_PHOTO_REQUEST';\r\nexport const TAKE_PHOTO_ERROR = 'TAKE_PHOTO_ERROR';\r\nexport const TAKE_PHOTO_SUCCESS = 'TAKE_PHOTO_SUCCESS';\r\nexport const TAKE_PHOTO = 'TAKE_PHOTO';\r\nexport const TAKE_PHOTO_CANCEL = 'TAKE_PHOTO_CANCEL';\r\n","export const responseMapper = (response) => ({\r\n passTypeId: response.Id,\r\n passTypeDisplayName: response.DisplayName,\r\n passTypeDescription: response.Description,\r\n price: response.Price,\r\n isActive: response.IsActive,\r\n passTypeSanctioningBodies: response.PassTypeSanctioningBodies,\r\n passTypeVenues: response.PassTypeVenues\r\n});\r\n","import * as actionTypes from './actionTypes';\r\nimport { responseMapper } from './helpers';\r\n\r\nconst initialState = {\r\n passTypes: [],\r\n isLoading: false,\r\n failed: false,\r\n message: '',\r\n};\r\n\r\nconst passTypesReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.GET_PASS_TYPES_REQUEST:\r\n return { ...state, passTypes: [], isLoading: true, failed: false, message: '' };\r\n\r\n case actionTypes.GET_PASS_TYPES_SUCCESS: {\r\n const passTypes = action.response.map(responseMapper);\r\n\r\n return {\r\n ...state,\r\n passTypes,\r\n isLoading: false,\r\n failed: false,\r\n message: '',\r\n };\r\n }\r\n\r\n case actionTypes.GET_PASS_TYPES_FAILURE:\r\n return {\r\n ...state,\r\n passTypes: [],\r\n isLoading: false,\r\n failed: true,\r\n message: 'Could not load pass types.',\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default passTypesReducer;\r\n\r\n// TODO: refactor hole reducer to standard api reducer\r\nexport const getPassTypesRequest = (state) => ({\r\n isFetching: state.isLoading,\r\n isFetched: !state.isLoading,\r\n isUninitialized: !state.isLoading,\r\n errorMessage: state.message,\r\n});\r\n\r\nexport const getPassTypes = (state) =>\r\n state.passTypes;\r\n","import styled from 'styled-components';\r\nimport { errorColor, activeTextColor } from '../variables';\r\n\r\nexport const formInputFieldStyles = `\r\n line-height: 2.3rem;\r\n height: 2.3rem;\r\n background-color: transparent;\r\n border: none;\r\n transition: all 0.3s;\r\n color: white;\r\n outline: none;\r\n border-bottom: 1px solid ${activeTextColor};\r\n\r\n &[data-error=\"true\"] {\r\n border-bottom-color: ${errorColor};\r\n }\r\n\r\n &,\r\n &[type=text] {\r\n font-size: .9em;\r\n @media screen and (min-width: 993px) {\r\n font-size: 1em;\r\n }\r\n }\r\n`;\r\n\r\nexport const createFormInputField = (tagName = 'input', styles = '') => styled(\r\n tagName\r\n)`\r\n ${formInputFieldStyles};\r\n ${styles};\r\n`;\r\n\r\nconst FormInputField = styled.input`${formInputFieldStyles};`;\r\n\r\nexport default FormInputField;\r\n","import { combineReducers } from 'redux';\r\nimport * as types from 'provisioning/constants/events';\r\nimport {\r\n createIsFetchingReducer,\r\n createErrorMessageReducer,\r\n} from 'provisioning/shared/utils/reducerUtils';\r\n\r\nconst list = (state = [], action) => {\r\n switch (action.type) {\r\n case types.FETCH_SYNC_EVENTS_SUCCESS:\r\n return action.response.events;\r\n case types.FETCH_SYNC_EVENTS_FAILURE:\r\n case types.FETCH_SYNC_EVENTS_REQUEST:\r\n return [];\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst details = (state = {}, action) => {\r\n switch (action.type) {\r\n case types.FETCH_SYNC_EVENTS_SUCCESS: {\r\n const { events, ...rest } = action.response;\r\n return rest;\r\n }\r\n case types.FETCH_SYNC_EVENTS_FAILURE:\r\n case types.FETCH_SYNC_EVENTS_REQUEST:\r\n return {};\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst update = (\r\n state = {\r\n isFetching: false,\r\n isFetched: false,\r\n errorMessage: '',\r\n },\r\n action\r\n) => {\r\n switch (action.type) {\r\n case types.UPDATE_SYNC_EVENTS_REQUEST: {\r\n return {\r\n isFetching: true,\r\n isFetched: false,\r\n errorMessage: '',\r\n };\r\n }\r\n\r\n case types.UPDATE_SYNC_EVENTS_SUCCESS: {\r\n return {\r\n isFetching: false,\r\n isFetched: true,\r\n errorMessage: '',\r\n };\r\n }\r\n\r\n case types.UPDATE_SYNC_EVENTS_FAILURE: {\r\n return {\r\n isFetching: false,\r\n isFetched: true,\r\n errorMessage: action.payload.error,\r\n };\r\n }\r\n\r\n default: {\r\n return state;\r\n }\r\n }\r\n};\r\n\r\nexport const selectors = (state) => ({\r\n getSyncEvents() {\r\n return state.syncEvents.list;\r\n },\r\n getDetails() {\r\n return state.syncEvents.details;\r\n },\r\n areEventsFetching() {\r\n return state.syncEvents.isFetching;\r\n },\r\n getErrorMessage() {\r\n return state.syncEvents.errorMessage;\r\n },\r\n areEventsSaving() {\r\n return state.syncEvents.update.isFetching;\r\n },\r\n});\r\n\r\nexport default combineReducers({\r\n list,\r\n details,\r\n isFetching: createIsFetchingReducer({\r\n FETCH_REQUEST: types.FETCH_SYNC_EVENTS_REQUEST,\r\n FETCH_SUCCESS: types.FETCH_SYNC_EVENTS_SUCCESS,\r\n FETCH_FAILURE: types.FETCH_SYNC_EVENTS_FAILURE,\r\n }),\r\n errorMessage: createErrorMessageReducer(types),\r\n update,\r\n});\r\n","import { REQUEST_STATUS, FETCH_REQUEST } from 'constants/common';\r\n\r\nexport const createReducer = function (reducerName, reducer) {\r\n return (state, action) => {\r\n if (action.reducer === reducerName) {\r\n if (action.type === FETCH_REQUEST && (action.status === REQUEST_STATUS.LOADED\r\n || action.status === REQUEST_STATUS.LOADED_AND_PRESERVED)) {\r\n return reducer({\r\n ...state,\r\n ...action.response,\r\n }, action);\r\n }\r\n\r\n return reducer(state, action);\r\n }\r\n\r\n return reducer(state, {});\r\n };\r\n};\r\n\r\nexport default createReducer;\r\n","import * as types from 'constants/paymentTypes';\r\n\r\nconst ids = (state = [], action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return action.response.result;\r\n\r\n case types.FETCH_FAILURE:\r\n case types.FETCH_REQUEST:\r\n return [];\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default ids;\r\n","import { combineReducers } from 'redux';\r\nimport * as types from 'constants/paymentTypes';\r\n\r\nimport {\r\n createIsFetchingReducer,\r\n createErrorMessageReducer,\r\n} from 'shared/utils/reducerUtils';\r\n\r\nimport ids from './ids';\r\n\r\nexport default combineReducers({\r\n ids,\r\n isFetching: createIsFetchingReducer(types),\r\n errorMessage: createErrorMessageReducer(types),\r\n});\r\n\r\nexport const getIds = (state) => state.ids;\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n","import * as types from 'constants/paymentTypes';\r\n\r\nconst byId = (state = {}, action) => {\r\n switch (action.type) {\r\n case types.FETCH_SUCCESS:\r\n return {\r\n ...state,\r\n ...action.response.entities.paymentTypes,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default byId;\r\n\r\nexport const getPaymentType = (state, id) => state[id];\r\n","import { combineReducers } from 'redux';\r\n\r\nimport list, * as fromList from './list';\r\nimport byId, * as fromById from './byId';\r\n\r\nconst paymentTypesReducer = combineReducers({\r\n list,\r\n byId,\r\n});\r\n\r\nexport default paymentTypesReducer;\r\n\r\nexport const getPaymentTypes = (state) => {\r\n const ids = fromList.getIds(state.list);\r\n return ids.map(id => fromById.getPaymentType(state.byId, id));\r\n};\r\n\r\nexport const getPaymentTypesIds = (state) =>\r\n fromList.getIds(state.list);\r\n\r\nexport const getPaymentType = (state, id) =>\r\n fromById.getPaymentType(state.byId, id);\r\n\r\nexport const getIsFetching = (state) =>\r\n fromList.getIsFetching(state.list);\r\n\r\nexport const getErrorMessage = (state) =>\r\n fromList.getErrorMessage(state.list);\r\n","import { combineReducers } from 'redux';\r\nimport createIsFetchingReducer from './isFetching';\r\nimport createErrorMessageReducer from './errorMessage';\r\n\r\nexport const createRequestReducer = (reducerName, initialState = {\r\n isFetching: false,\r\n errorMessage: '',\r\n}) => {\r\n const isFetchingReducer = createIsFetchingReducer(reducerName, initialState.isFetching);\r\n const errorMessageReducer = createErrorMessageReducer(reducerName, initialState.errorMessage);\r\n\r\n return combineReducers({\r\n isFetching: isFetchingReducer,\r\n errorMessage: errorMessageReducer,\r\n });\r\n};\r\n\r\nexport default createRequestReducer;\r\n\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\nexport const getRequestState = (state) => state;\r\n","import { combineReducers } from 'redux';\r\nimport { REQUEST_STATUS, FETCH_REQUEST } from 'provisioning/constants/common';\r\n\r\nimport sortBy from 'lodash.sortby';\r\n\r\nimport { filterByKeys } from 'provisioning/shared/utils/arrayUtils';\r\n\r\nconst createCollectionReducer = (reducerName, schemaName) => {\r\n const byId = (state = {}, action) => {\r\n if (action.reducer === reducerName\r\n && action.type === FETCH_REQUEST\r\n && action.status === REQUEST_STATUS.LOADED\r\n ) {\r\n return {\r\n ...state,\r\n ...action.response.entities[schemaName],\r\n };\r\n }\r\n\r\n return state;\r\n };\r\n\r\n const ids = (state = [], action) => {\r\n if (action.reducer === reducerName && action.type === FETCH_REQUEST) {\r\n switch (action.status) {\r\n case REQUEST_STATUS.LOADED: {\r\n const { result } = action.response;\r\n if (typeof result === 'object') {\r\n return result;\r\n }\r\n\r\n return [result];\r\n }\r\n case REQUEST_STATUS.ERROR:\r\n case REQUEST_STATUS.FETCHING:\r\n return [];\r\n\r\n default: return state;\r\n }\r\n }\r\n\r\n return state;\r\n };\r\n\r\n return combineReducers({\r\n byId,\r\n ids,\r\n });\r\n};\r\n\r\nexport default createCollectionReducer;\r\n\r\nexport const getCollectionItem = (state, id) => state.byId[id];\r\nexport const getCollectionIds = (state) => state.ids;\r\n\r\nexport const getCollectionItems = (state) => {\r\n const ids = getCollectionIds(state);\r\n return ids.map(id => getCollectionItem(state, id));\r\n};\r\n\r\n// TODO: add params comments\r\nexport const getFilteredCollectionItems = ({\r\n state,\r\n filter,\r\n filterKeys = [],\r\n excludeIds = [],\r\n}) => {\r\n const ids = getCollectionIds(state).filter(id => excludeIds.indexOf(id) === -1);\r\n let items = ids.map(id => getCollectionItem(state, id));\r\n\r\n if (filter) {\r\n items = filterByKeys(items, filter.query, filterKeys);\r\n return sortBy(items, filter.sort);\r\n }\r\n\r\n return items;\r\n};\r\n","import { combineReducers } from 'redux';\r\nimport { PASS_TYPES_BY_AFFILIATE_REDUCER } from 'provisioning/constants/reducers';\r\nimport createRequestReducer, {\r\n getIsFetching,\r\n getRequestState,\r\n} from 'provisioning/shared/helpers/reducers/request';\r\nimport createCollectionReducer, {\r\n getCollectionItems,\r\n} from 'provisioning/shared/helpers/reducers/collection';\r\n\r\nconst request = createRequestReducer(PASS_TYPES_BY_AFFILIATE_REDUCER);\r\nconst passTypesCollection = createCollectionReducer(\r\n PASS_TYPES_BY_AFFILIATE_REDUCER,\r\n 'summaryOfPassTypes',\r\n);\r\n\r\nexport default combineReducers({\r\n request,\r\n passTypesCollection,\r\n});\r\n\r\nexport const getArePassTypesFetching = (state) => getIsFetching(state.request);\r\n\r\nexport const getPassTypesList = (state) =>\r\n getCollectionItems(state.passTypesCollection);\r\n\r\nexport const getRequest = (state) => getRequestState(state.request);\r\n","export const FETCH_REQUEST = 'FETCH_EVENT_DETAILS_REQUEST';\r\nexport const FETCH_SUCCESS = 'FETCH_EVENT_DETAILS_SUCCESS';\r\nexport const FETCH_FAILURE = 'FETCH_EVENT_DETAILS_FAILURE';\r\n\r\nexport const DATE_FORMAT = 'YYYY-MM-DD';\r\nexport const TIME_FORMAT = 'HH:mm';\r\n\r\n// export const EVENT_EXPIRY_HOURS = 48;\r\nexport const EVENT_EXPIRY_HOURS = 0;\r\n","export const TOGGLE_SIDEBAR_OPEN = 'TOGGLE_SIDEBAR_OPEN';\r\nexport const HIDE_SIDEBAR = 'HIDE_SIDEBAR';\r\nexport const SET_BREADCRUMBS = 'SET_BREADCRUMBS';\r\n","import styled from 'styled-components';\r\n\r\nexport const Group = styled.div`\r\n ${({ stickInline, adjust, num }) => stickInline && `\r\n display: flex;\r\n flex-direction: row;\r\n\r\n > * {\r\n flex-basis: 50%;\r\n &:not(:first-child) {\r\n padding-left: 15px;\r\n }\r\n\r\n @media screen and (min-width: 600px) {\r\n flex-basis: ${adjust ? `${100/num}%` : \"35%\"};\r\n }\r\n }\r\n `}\r\n`;\r\nexport const RadioButtonRow = styled.div`\r\n margin: ${({ noRowMargins }) => (noRowMargins ? '0' : '5px 0')};\r\n`;\r\n","import React, { Component, Children } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { childrenTypes } from 'propTypes';\r\n\r\nimport { Group, RadioButtonRow } from './styles';\r\n\r\nclass RadioButtonGroup extends Component {\r\n static propTypes = {\r\n value: PropTypes.any,\r\n children: childrenTypes,\r\n onChange: PropTypes.func,\r\n noWrapper: PropTypes.bool,\r\n stickInline: PropTypes.bool,\r\n }\r\n\r\n static defaultProps = {\r\n value: '',\r\n onChange: () => {},\r\n noWrapper: false,\r\n stickInline: false,\r\n }\r\n\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n value: props.value,\r\n };\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(props) {\r\n if (this.props.value !== props.value) {\r\n this.setState({\r\n value: props.value,\r\n });\r\n }\r\n }\r\n\r\n handleChange = (value) => {\r\n const { onChange } = this.props;\r\n\r\n this.setState({\r\n value,\r\n });\r\n \r\n onChange(value);\r\n }\r\n\r\n wrapElement = (element, index) => {\r\n const { noWrapper } = this.props;\r\n\r\n if (noWrapper) {\r\n return this.cloneElement(element);\r\n }\r\n\r\n return (\r\n \r\n \r\n
;\r\nexport const FloatLabelInput = styled(PlainFloatLabelInput)`\r\n margin-bottom: 2rem;\r\n`;\r\n\r\nexport const FormFooter = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100px;\r\n background-color: ${shark};\r\n`;\r\n","function AuthError(...args) {\r\n const temp = Error.apply(this, args);\r\n temp.name = this.name = 'AuthError';\r\n this.stack = temp.stack;\r\n this.message = temp.message;\r\n}\r\n\r\nAuthError.prototype = Object.create(Error.prototype, {\r\n constructor: {\r\n value: AuthError,\r\n writable: true,\r\n configurable: true,\r\n },\r\n});\r\n\r\nexport default AuthError;\r\n","import CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport makeConnectionCall, { VIEW_API_ACTIONS } from 'provisioning/api/provisioningConnection';\r\n\r\n/**\r\n * Helpers method to build a url encoded form querystring\r\n * @param {array} form - Array holding our name-value pairs\r\n * @param {string} name - Variable name\r\n * @param {string} value - Variable value\r\n */\r\nfunction appendToForm(form, name, value) {\r\n if (typeof name === 'string' && typeof name === 'string') {\r\n const encodedName = encodeURIComponent(name);\r\n const encodedValue = encodeURIComponent(value);\r\n form.push(`${encodedName}=${encodedValue}`);\r\n }\r\n}\r\n\r\nconst authService = {\r\n storeToken(accessToken, refreshToken, expiresIn) {\r\n authService.setAuthToken(accessToken);\r\n authService.setRefreshToken(refreshToken);\r\n sessionStorage.authTokenExpiry = parseInt(sessionStorage.authTokenCreated, 0)\r\n + (expiresIn * 1000 /* per millisecond */);\r\n },\r\n\r\n /**\r\n * Our endoint authenticates our user but also refreshes the user's token\r\n * so much of the common code for both operations has been extracted here.\r\n * @param {object} apiSpec - Spec containing arguments to pass to our authentication\r\n * endpoint.\r\n */\r\n callAuthApi(apiSpec) {\r\n const { credentials, grantType, formBody } = apiSpec;\r\n const encodedCreds = btoa(`${credentials.key}:${credentials.secret}`);\r\n const authHeader = `Basic ${encodedCreds}`;\r\n const form = [];\r\n appendToForm(form, 'grant_type', grantType);\r\n formBody.forEach(obj => appendToForm(form, obj[0], obj[1]));\r\n\r\n return fetch(\r\n CONSTANTS.OAUTH_API_URL,\r\n {\r\n method: CONSTANTS.METHODS.POST,\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n 'Content-Type': CONSTANTS.CONTENT_TYPES.APPLICATION_FORM,\r\n Authorization: authHeader,\r\n },\r\n body: form.join('&'),\r\n }\r\n )\r\n .then(response => ({ json: response.json(), response }))\r\n .then(({ json, response }) => {\r\n if (response.status === 200) {\r\n authService.storeToken(json.access_token, json.refresh_token, json.expires_in);\r\n }\r\n\r\n return (response);\r\n });\r\n },\r\n\r\n authApiSetup(requestDetails) {\r\n const apiSpec = {\r\n credentials: {\r\n key: requestDetails.email,\r\n secret: requestDetails.password,\r\n },\r\n grantType: 'password',\r\n formBody: [['username', requestDetails.email], ['password', requestDetails.password]],\r\n };\r\n return this.callAuthApi(apiSpec);\r\n },\r\n\r\n /**\r\n * Authenticates against our auth api endpoint\r\n * @param {object} requestDetails - contains our username and password required\r\n * for authenticating\r\n */\r\n authenticate(requestDetails) {\r\n if (env.PROVISIONING) {\r\n const data = {\r\n Credentials: {\r\n grant_type: 'password',\r\n username: requestDetails.email,\r\n password: requestDetails.password,\r\n },\r\n };\r\n return makeConnectionCall(VIEW_API_ACTIONS.postLogin, data)\r\n .then(() => ({ status: CONSTANTS.STATUS_CODES.OK }))\r\n .catch(({ message }) => ({\r\n status: CONSTANTS.STATUS_CODES.UNAUTHORIZED,\r\n errorMessage: message,\r\n }));\r\n }\r\n\r\n return this.authApiSetup(requestDetails);\r\n },\r\n\r\n /**\r\n * Refreshes our auth token when it expires\r\n */\r\n refreshToken() {\r\n // Note presently we do not have a client key and secret *but* we need to supply\r\n // an Authorization header or else the operation fails. The following credentials\r\n // are gibberish and should be replaced once we settle on a client id and secret\r\n\r\n const apiSpec = {\r\n credentials: {\r\n key: 'foo',\r\n secret: 'bar',\r\n },\r\n grantType: 'refresh_token',\r\n formBody: [['refresh_token', this.getRefreshToken()]],\r\n };\r\n return this.callAuthApi(apiSpec);\r\n },\r\n\r\n getAuthToken() {\r\n return sessionStorage.authToken;\r\n },\r\n\r\n setAuthToken(value) {\r\n sessionStorage.authToken = value;\r\n sessionStorage.authTokenCreated = Date.now();\r\n },\r\n\r\n getRefreshToken() {\r\n return sessionStorage.refreshToken;\r\n },\r\n\r\n setRefreshToken(value) {\r\n sessionStorage.refreshToken = value;\r\n },\r\n\r\n setAuthTokenExpiry(value) {\r\n sessionStorage.authTokenExpiry = value;\r\n },\r\n\r\n logout() {\r\n sessionStorage.clear();\r\n localStorage.removeItem(CONSTANTS.STORAGE.AUTH);\r\n\r\n if (!localStorage.getItem(CONSTANTS.STORAGE.USER)) {\r\n localStorage.removeItem(CONSTANTS.STORAGE.USER);\r\n }\r\n },\r\n\r\n hasValidToken() {\r\n if (sessionStorage.authToken) {\r\n const authTokenCreated = sessionStorage.authTokenCreated;\r\n const authTokenExpiry = sessionStorage.authTokenExpiry;\r\n\r\n return (authTokenCreated + authTokenExpiry > Date.now());\r\n }\r\n\r\n return false;\r\n },\r\n\r\n getStoredUsername() {\r\n return localStorage.getItem(CONSTANTS.STORAGE.USER) || undefined;\r\n },\r\n};\r\n\r\nexport default authService;\r\n","import CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport * as actionTypes from './actionTypes';\r\nimport { modalActionTypes } from 'provisioning/components/common/modal';\r\n\r\nfunction getGuests(query) {\r\n const endpoint = `${CONSTANTS.API_URL}users/search?page=0&size=20&query=${query}`;\r\n\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n types: [\r\n actionTypes.GET_GUESTS_REQUEST,\r\n actionTypes.GET_GUESTS_SUCCESS,\r\n actionTypes.GET_GUESTS_FAILURE,\r\n ],\r\n endpoint,\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n Accept: 'application/json',\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction getGuestsByEvent(eventId) {\r\n const endpoint = `${CONSTANTS.API_URL}events/${eventId}/guests`;\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n types:\r\n [\r\n actionTypes.GET_GUESTS_FOR_EVENT_REQUEST,\r\n actionTypes.GET_GUESTS_FOR_EVENT_SUCCESS,\r\n actionTypes.GET_GUESTS_FOR_EVENT_FAILURE,\r\n ],\r\n endpoint,\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n Accept: 'application/json',\r\n },\r\n },\r\n args: {\r\n eventId,\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport function loadGuests(query) {\r\n return (dispatch) => dispatch(getGuests(query));\r\n}\r\n\r\nexport function loadGuestsForEvent(eventId) {\r\n return (dispatch) => dispatch(getGuestsByEvent(eventId));\r\n}\r\n\r\nexport function filterGuestsByInvitationStatus(invitationStatus) {\r\n return {\r\n type: actionTypes.FILTER_GUESTS_BY_CRITERIA,\r\n invitationStatus,\r\n };\r\n}\r\n\r\nexport function addGuestToInviteeList(guest) {\r\n return {\r\n type: actionTypes.ADD_GUEST_TO_INVITEE_LIST,\r\n guest,\r\n };\r\n}\r\n\r\nexport function removeGuestFromInviteeList(guid) {\r\n return {\r\n type: actionTypes.REMOVE_GUEST_FROM_INVITEE_LIST,\r\n guid,\r\n };\r\n}\r\n\r\nexport function addGuestsToInviteeList(guests) {\r\n return {\r\n type: actionTypes.ADD_GUESTS_TO_INVITEE_LIST,\r\n guests,\r\n };\r\n}\r\n\r\nexport function removeGuestsFromInviteeList(fileName) {\r\n return {\r\n type: actionTypes.REMOVE_GUESTS_FROM_INVITEE_LIST,\r\n fileName,\r\n };\r\n}\r\n\r\nexport function resetGuests() {\r\n return {\r\n type: actionTypes.RESET_GUESTS,\r\n };\r\n}\r\n\r\nexport function showPassModal(guestId) {\r\n return {\r\n type: modalActionTypes.SHOW_MODAL,\r\n modalType: modalActionTypes.ADD_GUEST_PASS,\r\n modalProps: { guestId },\r\n };\r\n}\r\n\r\nexport function hidePassModal() {\r\n return {\r\n type: modalActionTypes.HIDE_MODAL,\r\n modalType: modalActionTypes.ADD_GUEST_PASS,\r\n };\r\n}\r\n\r\nexport function resetInvitees() {\r\n return { type: actionTypes.RESET_INVITATION_INVITEES };\r\n}\r\n","import { combineReducers } from 'redux';\r\nimport createRequestReducer, {\r\n getRequestState,\r\n getIsFetching,\r\n getErrorMessage,\r\n} from 'shared/helpers/reducers/request';\r\n\r\nimport createCollectionReducer,\r\n {\r\n getCollectionItems,\r\n getCollectionItem,\r\n getCollectionIds,\r\n } from 'shared/helpers/reducers/collection';\r\n\r\nconst PERMISSIONS = 'permissions';\r\n\r\nconst request = createRequestReducer(PERMISSIONS);\r\nconst collection = createCollectionReducer(PERMISSIONS, 'permission');\r\n\r\nexport default combineReducers({\r\n request,\r\n collection,\r\n});\r\n\r\nexport const getIsPermissionsFetching = (state) => getIsFetching(state.request);\r\nexport const getPermissionsErrorMessage = (state) => getErrorMessage(state.request);\r\nexport const getPermissionsRequestState = (state) => getRequestState(state.request);\r\nexport const getPermissionsList = (state) => getCollectionItems(state.collection);\r\nexport const getPermissionsByIds = (state, ids) =>\r\n ids.map(id => getCollectionItem(state.collection, id));\r\n\r\nexport const getPermissionById = (state, id) =>\r\n getCollectionItem(state.collection, id);\r\n\r\nexport const getPermissionsIds = (state) => getCollectionIds(state.collection);\r\n\r\nexport const getPermissionsNames = (state, ids) =>\r\n ids.reduce((cur, id) => {\r\n const permission = getPermissionById(state, id);\r\n // TODO: remove that comparison when permissions will be\r\n // finished on the server\r\n if (permission) {\r\n cur.push(permission.displayName);\r\n }\r\n\r\n return cur;\r\n }, []);\r\n","import { combineReducers } from 'redux';\r\n\r\nimport {\r\n AFFILIATE_TYPES_LIST_REDUCER,\r\n AFFILIATE_TYPES_LIST_UPDATE_REDUCER,\r\n} from 'constants/reducers';\r\n\r\nimport { AFFILIATE_TYPE_SCHEMA } from 'constants/affiliateTypes';\r\n\r\nimport createApiReducer, * as fromApiReducer from 'helpers/reducers/createApiReducer';\r\n\r\nexport default combineReducers({\r\n list: createApiReducer({\r\n reducer: AFFILIATE_TYPES_LIST_REDUCER,\r\n filter: {\r\n query: '',\r\n sort: 'name',\r\n type: null,\r\n },\r\n schemaName: AFFILIATE_TYPE_SCHEMA,\r\n }),\r\n deleteRequest: createApiReducer({\r\n reducer: AFFILIATE_TYPES_LIST_UPDATE_REDUCER,\r\n requestOnly: true,\r\n }),\r\n});\r\n\r\nexport const getAffiliateTypeListRequest = (state) =>\r\n fromApiReducer.getRequestState(state.list);\r\n\r\nexport const getAffiliateTypeDeleteRequest = (state) =>\r\n fromApiReducer.getRequestState(state.deleteRequest);\r\n","import { combineReducers } from 'redux';\r\n\r\nimport { EVENT_TYPE_DETAILS_REDUCER } from 'constants/reducers';\r\nimport { formatDate } from \"shared/utils/dateUtils\";\r\nimport createApiReducer, * as fromApiReducer from 'helpers/reducers/createApiReducer';\r\n\r\nconst initialState = {\r\n id: -1,\r\n name: '',\r\n iconUrl: '',\r\n shortName: '',\r\n Code: '',\r\n effectiveStartTime: '',\r\n effectiveEndTime: '',\r\n};\r\n\r\nexport default combineReducers({\r\n details: createApiReducer({\r\n reducer: EVENT_TYPE_DETAILS_REDUCER,\r\n initialState,\r\n }),\r\n});\r\n\r\nexport const getEventTypeId = state =>\r\n fromApiReducer.getResponseData(state.details).id;\r\n\r\nexport const getEventTypeDetails = state =>\r\n fromApiReducer.getResponseData(state.details);\r\n\r\nexport const getIsLoaded = state => fromApiReducer.getIsFetched(state.details);\r\n\r\nexport const getErrorMessage = state =>\r\n fromApiReducer.getErrorMessage(state.details);\r\n\r\nexport const getEventTypeDetailsRequest = state =>\r\n fromApiReducer.getRequestState(state.details);\r\n\r\n/* eslint-disable */\r\nexport const getEditEventTypeFormInitialValues = (state, isGetInitial) => {\r\n const eventType = getEventTypeDetails(state);\r\n\r\n return isGetInitial\r\n ? {\r\n name: '',\r\n logo: '',\r\n isEditable: true,\r\n code: '',\r\n effectiveStartTime: '',\r\n effectiveEndTime: '',\r\n isActive: true\r\n } : {\r\n ...eventType,\r\n name: eventType.name,\r\n isActive: eventType.isActive,\r\n logo: eventType.iconUrl,\r\n isEditable: eventType.isEditable,\r\n code: eventType.code,\r\n effectiveStartTime: eventType.effectiveStartTime ? formatDate(eventType.effectiveStartTime.split(\"T\")[0], \"MM/DD/YYYY\", 'America/New_York') : '',\r\n effectiveEndTime: eventType.effectiveEndTime ? formatDate(eventType.effectiveEndTime.split(\"T\")[0], \"MM/DD/YYYY\", 'America/New_York' ) : '',\r\n };\r\n};\r\n","import CONSTANTS from 'shared/utils/constants';\r\n\r\nimport * as popoverActionTypes from 'components/common/popover/actionTypes';\r\n\r\nimport { reset } from 'redux-form';\r\nimport { openModal, MODAL_STEPS } from 'components/Modals';\r\n\r\nexport const resetMinorInvitationForm = (formId = 'minorHotInvitationForm') => dispatch => dispatch(reset(formId));\r\n\r\nexport const showInvitationExitWarning = dispatchWrapperHidePopover => dispatch => {\r\n dispatch(\r\n openModal(\r\n MODAL_STEPS.confirmation('app.warning.unsaved_changes', {\r\n onAccept: () => { dispatchWrapperHidePopover() },\r\n }),\r\n )\r\n );\r\n};\r\n\r\nexport const showMinorHotInvitationPopover = popoverProps => {\r\n return {\r\n type: popoverActionTypes.SHOW_POPOVER,\r\n popoverType: popoverActionTypes.MINOR_HOT_INVITATION_POPOVER,\r\n popoverProps,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n };\r\n};\r\n\r\nexport const hideMinorHotInvitationPopover = () => dispatch => {\r\n dispatch(reset('minorHotInvitationForm'));\r\n\r\n dispatch({\r\n type: popoverActionTypes.HIDE_POPOVER,\r\n popoverType: popoverActionTypes.MINOR_HOT_INVITATION_POPOVER,\r\n extraProps: { animation: CONSTANTS.ANIMATIONS.SLIDE_RIGHT },\r\n });\r\n};\r\n","import styled from 'styled-components-legacy-version';\r\nimport { pageBackgroundColor, orangeColor } from 'provisioning/css/variables';\r\n\r\nconst buttonColors = {\r\n normal: pageBackgroundColor,\r\n hover: '#484f53',\r\n active: '#232b31',\r\n};\r\n\r\nexport const Button = styled.button`\r\n position: relative;\r\n min-width: 100px;\r\n display: inline-block;\r\n\r\n border: 2px solid ${orangeColor};\r\n padding: 10px 20px;\r\n margin: 10px 20px;\r\n\r\n background-color: ${buttonColors.normal};\r\n color: white;\r\n\r\n font-weight: 700;\r\n font-size: 1.7rem;\r\n line-height: normal;\r\n text-align: center;\r\n outline: none;\r\n\r\n transform: skewX(-8deg);\r\n box-sizing: border-box;\r\n transition: background-color .3s;\r\n\r\n &:disabled {\r\n opacity: .7;\r\n }\r\n \r\n &:not(:disabled) {\r\n cursor: pointer;\r\n\r\n &:hover:not(:active) {\r\n background-color: ${buttonColors.hover};\r\n box-shadow: none;\r\n }\r\n\r\n &:active {\r\n background-color: ${buttonColors.active};\r\n }\r\n \r\n &:focus:not(:active) {\r\n background-color: ${buttonColors.hover};\r\n }\r\n\r\n &:focus:not(:hover) {\r\n background-color: ${buttonColors.normal};\r\n }\r\n\r\n }\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router';\r\n\r\nimport { Button } from './styles';\r\n\r\nconst HeroButton = ({ label, href, type, onClick, className, isDisabled }) =>\r\n React.createElement(\r\n Button.withComponent(href ? Link : 'button'),\r\n {\r\n className: `HeroButton-Button ${className}`,\r\n onClick,\r\n disabled: isDisabled,\r\n ...(href && { to: href }),\r\n ...(!href && { type }),\r\n },\r\n label\r\n );\r\n\r\nHeroButton.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n href: PropTypes.string,\r\n type: PropTypes.string,\r\n onClick: PropTypes.func,\r\n isDisabled: PropTypes.bool,\r\n};\r\n\r\nHeroButton.defaultProps = {\r\n type: 'button',\r\n href: '',\r\n onClick: () => {},\r\n isDisabled: false,\r\n};\r\n\r\nexport default HeroButton;\r\n","import styled from 'styled-components';\r\n\r\nexport const Title = styled.div`\r\n margin: 0 0 0.4rem 0;\r\n padding: 0;\r\n opacity: 0.6;\r\n font-style: italic;\r\n font-weight: 300;\r\n`;\r\n\r\nexport const Header = styled.div`\r\n padding: ${props => props.noPadding ? '20px 20px 0 20px' : '0'};\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n`;\r\n\r\nexport const Body = styled.div`\r\n display: flex; \r\n flex-grow: 1;\r\n justify-content: center;\r\n`;\r\n\r\nexport const HeaderIcon = styled.div`\r\n float: right;\r\n display: inline-block;\r\n`;\r\n\r\nexport const SpinnerWrapper = styled.div`\r\n display: flex;\r\n height: 80px;\r\n`;\r\n","import {\r\n AFFILIATE_TYPE_DUPLICATED_PASS_LIMITS,\r\n AFFILIATE_DUPLICATED_PASS_LIMITS,\r\n ASSOCIATED_AFFILIATE_TYPE,\r\n AFFILIATE_ASSOCIATED_TO_ACCOUNT,\r\n AFFILIATE_ASSOCIATED_TO_INVITATION,\r\n EVENT_HAS_GUESTS_CAN_NOT_BE_DELETED,\r\n INVALID_EMAIL_ADDRESS,\r\n PASS_LIMIT_EXCEEDED,\r\n AFFILIATE_TYPE_ALREADY_EXISTS,\r\n MAX_LENGTH_EXCEEDED,\r\n AFFILIATE_ALREADY_EXISTS,\r\n AFFILIATE_PARENT_IS_AFFILIATE_CHILD,\r\n AUTH_CODE_MAX_LENGTH,\r\n MULTI_PASS_INVITATION_EXISTS,\r\n INVITATION_NOT_FOUND,\r\n PASS_LIMIT_NOT_FOUND,\r\n ARGUMENT_EXCEPTION,\r\n SYSTEM_MAINTENANCE,\r\n GUEST_ALREADY_REGISTERED,\r\n USER_PROFILE_ALREADY_EXISTS,\r\n INVALID_CAPTCHA,\r\n EVENT_EXPIRED_EXCEPTION,\r\n USER_ACCOUNT_FORBIDDEN,\r\n APPROVAL_APPROVE_INVALID_STATUS,\r\n APPROVAL_REJECT_INVALID_STATUS,\r\n DUPLICATE_PASS_LIMITS,\r\n PASS_TYPE_NOT_UNIQUE,\r\n EVENT_TYPE_ALREADY_EXISTS,\r\n SPECIAL_OPTION_NOT_UNIQUE,\r\n SPECIAL_OPTION_DUPLICATE,\r\n VENUE_NAME_ALREADY_EXISTS,\r\n VENUE_WAIVER_ALREADY_EXISTS,\r\n SYSTEM_CONFIG_MAX_LIMIT,\r\n INVITATION_DUPLICATE,\r\n MINOR_INVITATION_HAS_ACTIVE_STANDARD,\r\n SPECIAL_OPTION_APPROVE_WRONG_STATUS,\r\n INVITATION_REVOKE_INVALID_STATUS_EXCEPTION,\r\n SPECIAL_OPTION_LIMIT_EXCEEDED,\r\n DUPLICATE_SEL_EXCEPTION,\r\n WRONG_SEL_EXCEPTION,\r\n INVALID_PHONE_EXCEPTION,\r\n INVALID_EVENT_TYPE_DATE_EXCEPTION\r\n} from './errorCodes';\r\n\r\nconst localizedApiErrors = {\r\n [AFFILIATE_TYPE_DUPLICATED_PASS_LIMITS]:\r\n 'api_error.pass_limit_already_exists',\r\n [AFFILIATE_DUPLICATED_PASS_LIMITS]:\r\n 'api_error.affiliate.duplicated_pass_limit',\r\n [ASSOCIATED_AFFILIATE_TYPE]: 'affiliate_managament.associated_affiliate_type',\r\n [AFFILIATE_ASSOCIATED_TO_ACCOUNT]:\r\n 'affiliate_managament.associated_to_active_accounts',\r\n [AFFILIATE_ASSOCIATED_TO_INVITATION]:\r\n 'affiliate_managament.associated_to_active_invitations',\r\n [EVENT_HAS_GUESTS_CAN_NOT_BE_DELETED]: 'event.error.can_not_be_deleted',\r\n [INVALID_EMAIL_ADDRESS]: 'add_user.error.invalid_email',\r\n [PASS_LIMIT_EXCEEDED]: 'invitation.update.passLimitExceeded',\r\n [AFFILIATE_TYPE_ALREADY_EXISTS]: 'affiliateType.post.already_exists',\r\n [MAX_LENGTH_EXCEEDED]: 'api_error.max_length_exceeded',\r\n [AFFILIATE_ALREADY_EXISTS]: 'api_error.affiliate_already_exists',\r\n [AFFILIATE_PARENT_IS_AFFILIATE_CHILD]:\r\n 'api_error.affiliate_parent_is_affiliate_child',\r\n [GUEST_ALREADY_REGISTERED]: 'invitationDetails.guest.already_exists',\r\n [EVENT_TYPE_ALREADY_EXISTS]: 'event_type.update.event_type_already_exists',\r\n\r\n [AUTH_CODE_MAX_LENGTH]: 'api_error.auth_code_max_length',\r\n [MULTI_PASS_INVITATION_EXISTS]: 'inviteGuestMHC.submitMessage.alreadyRegistered',\r\n [INVITATION_NOT_FOUND]: 'api_error.invitation_not_found',\r\n [PASS_LIMIT_NOT_FOUND]: 'api_error.pass_limit_not_found',\r\n [ARGUMENT_EXCEPTION]: 'api_error.unknown_error',\r\n [SYSTEM_MAINTENANCE]: 'api_error.maintannce_mode',\r\n [INVALID_PHONE_EXCEPTION]: 'api_error.invalid_phone',\r\n [USER_PROFILE_ALREADY_EXISTS]: 'api_error.invitation_user_profile_exists',\r\n [INVALID_CAPTCHA]: 'api_error.invalid_captcha',\r\n [EVENT_EXPIRED_EXCEPTION]: 'api_error.event_expired',\r\n [USER_ACCOUNT_FORBIDDEN]: 'api_error.user_is_not_allowed_to_access_resource',\r\n [APPROVAL_APPROVE_INVALID_STATUS]: 'api_error.approval_invalid',\r\n [APPROVAL_REJECT_INVALID_STATUS]: 'api_error.approval_invalid',\r\n [DUPLICATE_PASS_LIMITS]: 'api_error.affiliate.duplicated_pass_limit',\r\n [PASS_TYPE_NOT_UNIQUE]: 'api_error.pass_type.not_unique',\r\n [SPECIAL_OPTION_NOT_UNIQUE]: 'api_error.special_option.not_unique',\r\n [SPECIAL_OPTION_DUPLICATE]: 'api_error.special_option.duplicate_row',\r\n [VENUE_NAME_ALREADY_EXISTS]: 'event_type.update.venue_name_already_exists',\r\n [VENUE_WAIVER_ALREADY_EXISTS]: 'waivers.upload.error.waiver_already_exists',\r\n [SYSTEM_CONFIG_MAX_LIMIT]: 'system_config.update.error.max_limit',\r\n [INVITATION_DUPLICATE]: 'minor_hot_invitation.invite_action.error.duplicate_invitation',\r\n [MINOR_INVITATION_HAS_ACTIVE_STANDARD]: 'minor_hot_invitation.invite_action.error.existing_adult_invitation',\r\n [SPECIAL_OPTION_APPROVE_WRONG_STATUS]: 'api_error.special_option.wrong_status',\r\n [INVITATION_REVOKE_INVALID_STATUS_EXCEPTION]: 'invitation.revoke.error.status',\r\n [SPECIAL_OPTION_LIMIT_EXCEEDED]: 'inviteGuests.invitation.special_option.limit_exceeded',\r\n [DUPLICATE_SEL_EXCEPTION]:'inviteGuest.invitation.sel_duplicate',\r\n [WRONG_SEL_EXCEPTION]: 'inviteGuest.invitation.wrong_sel',\r\n [INVALID_EVENT_TYPE_DATE_EXCEPTION]: 'api_error.eventtype_end_date.invalid'\r\n};\r\n\r\nexport default localizedApiErrors;\r\n","export const FETCH_REQUEST = 'REVOKE_INVITATION_REQUEST';\r\nexport const FETCH_SUCCESS = 'REVOKE_INVITATION_SUCCESS';\r\nexport const FETCH_FAILURE = 'REVOKE_INVITATION_FAILURE';\r\nexport const FETCH_RESET = 'REVOKE_INVITATION_RESET';\r\n\r\nexport const REVOKE_INVITATION = {\r\n TITLE: 'Revoke this invitation?',\r\n LABEL: 'An explanation is required to revoke this invitation:',\r\n REQUIRED_ERROR: 'This field is required',\r\n SUCCESS: 'This invitation has been revoked',\r\n FETCHING: 'Revoking the invitation. Please, wait.',\r\n};\r\n\r\nexport const REVOKE_MULTI_INVITATION = {\r\n TITLE: 'Revoke invitations?',\r\n LABEL: 'An explanation is required to revoke selected invitations:',\r\n REQUIRED_ERROR: 'This field is required',\r\n SUCCESS: 'This invitations has been revoked',\r\n FETCHING: 'Revoking the invitations. Please, wait.',\r\n};\r\n\r\nexport const UN_REVOKE_INVITATION = {\r\n TITLE: 'Unrevoke this invitation?',\r\n LABEL: 'An explanation is required to unrevoke this invitation:',\r\n REQUIRED_ERROR: 'This field is required',\r\n SUCCESS: 'This invitation has been Unrevoked',\r\n FETCHING: 'Unrevoking the invitation. Please, wait.',\r\n};\r\n\r\nexport const REVOKE_PASS = {\r\n TITLE: 'Revoke this guest\\'s pass?',\r\n LABEL: 'An explanation is required to revoke this pass:',\r\n REQUIRED_ERROR: 'This field is required',\r\n SUCCESS: 'This pass has been revoked',\r\n FETCHING: 'Revoking the pass. Please, wait.',\r\n};\r\n","import { combineReducers } from 'redux';\r\nimport createIsFetchingReducer from 'shared/helpers/reducers/isFetching';\r\nimport {\r\n isFetchingState,\r\n isLoadedState,\r\n isInitialState,\r\n} from 'shared/helpers/reducers/requestStatus';\r\nimport createUpdatingReducer from 'helpers/reducers/updateReducer';\r\nimport { RESET_LOGIN_PASSWORD_REDUCER_NAME } from './resources';\r\nconst isFetching = createIsFetchingReducer(RESET_LOGIN_PASSWORD_REDUCER_NAME);\r\n\r\nexport const isPasswordUpdating = state =>\r\n isFetchingState(state.reset.requestState);\r\nexport const isPasswordUpdated = state =>\r\n isLoadedState(state.reset.requestState);\r\nexport const getPasswordErrorMessage = state => state.reset.errorMessage;\r\nexport const isPasswordApiUninitialized = state => isInitialState(state.reset.requestState);\r\n\r\nexport default combineReducers({\r\n reset: createUpdatingReducer(RESET_LOGIN_PASSWORD_REDUCER_NAME),\r\n isFetching,\r\n});\r\n","import React, { useState, useRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport _ from \"lodash\";\r\n\r\nimport { MultiSelect } from 'primereact/multiselect';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { ProgressSpinner } from \"primereact/progressspinner\";\r\n\r\nimport { RedMessage } from './styled-components';\r\nimport './styles.scss';\r\n\r\nconst Asterisk = styled.span`\r\n color: red;\r\n margin-left: 0.25rem;\r\n`;\r\n\r\nconst MultiSelectGroup = ({title, isLoading, items, itemsSelectedCallback, isRequired}) => { \r\n const [filterValue, setFilterValue] = useState('');\r\n const filterInputRef = useRef();\r\n\r\n const filterTemplate = (options) =>\r\n \r\n {`${count} item${count > 1 ? 's' : ''} selected.`}\r\n
;\r\n\r\nconst GroupContainer = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n\r\n margin: 1rem 0;\r\n`;\r\n\r\nconst Title = styled.span`\r\n font-weight: 700;\r\n`;\r\n\r\nconst SelectedOption = styled.div`\r\n display: inline-flex;\r\n padding: 0 .5rem;\r\n`;\r\n","import PropTypes from 'prop-types';\r\n\r\nexport const route = PropTypes.shape({\r\n component: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\r\n name: PropTypes.string,\r\n path: PropTypes.string,\r\n staticName: PropTypes.bool,\r\n childRoutes: PropTypes.arrayOf(PropTypes.object),\r\n});\r\n\r\nexport const arrayOfRoutes = PropTypes.arrayOf(route);\r\n\r\nexport const routerEventIdParams = PropTypes.shape({\r\n eventId: PropTypes.string,\r\n}).isRequired;\r\n\r\nexport const selectedItemIdParams = PropTypes.shape({\r\n selectedItemId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n});\r\n\r\nexport const routerUserIdParams = PropTypes.shape({\r\n userId: PropTypes.string,\r\n}).isRequired;\r\n\r\nexport const routerRoleIdParams = PropTypes.shape({\r\n roleId: PropTypes.string,\r\n}).isRequired;\r\n\r\nexport const userDetailsAffiliateParams = PropTypes.shape({\r\n selectedItemId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n affiliateType: PropTypes.string,\r\n});\r\n\r\nexport const routerTypes = PropTypes.shape({\r\n push: PropTypes.func.isRequired,\r\n});\r\n\r\nexport const locationTypes = PropTypes.shape({\r\n pathname: PropTypes.string,\r\n});\r\n","import { toArray } from 'shared/utils/arrayUtils';\r\n\r\nexport const getState = state => state.components.apiRequests;\r\nexport const getIsProcessing = state => getState(state).isProcessing;\r\nexport const getIsProcessed = state => getState(state).isProcessed;\r\n\r\nexport const getRequestById = (state, id) =>\r\n getState(state)[id] || {\r\n isFetching: false,\r\n };\r\n\r\nexport const getRequestErrors = (state, id) => getRequestById(state, id).errors;\r\n\r\nexport const getApiRequestState = (state, { awaitRequests = [] }) => {\r\n let isFetching = false;\r\n let errors = '';\r\n\r\n toArray(awaitRequests).forEach(id => {\r\n const request = getRequestById(state, id);\r\n if (request.isFetching) {\r\n isFetching = request.isFetching;\r\n return;\r\n }\r\n\r\n if (request.errors) {\r\n errors = request.errors;\r\n return;\r\n }\r\n });\r\n\r\n\r\n return {\r\n isFetching,\r\n errors,\r\n isFetched: !isFetching && !errors\r\n };\r\n};","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { concatenateStrings } from 'shared/utils/stringUtils';\r\nimport map from 'lodash/map';\r\n\r\nimport { ListItem } from 'common/List';\r\nimport NascarPlaceholder from 'common/NascarPlaceholder';\r\nimport LabelGroup from 'common/forms/LabelGroup';\r\nimport Label from 'common/forms/LabelWrapper';\r\n\r\nimport CONSTANTS from 'shared/utils/constants';\r\n\r\nimport { formatDate } from 'shared/utils/dateUtils';\r\nimport { invalidateImageCache } from 'shared/utils/imageUtils';\r\nimport { Row, Column } from 'common/List/styles';\r\n\r\nconst TIME_ZONE = 'ET';\r\n\r\nexport class EventListItem extends Component {\r\n static propTypes = {\r\n showContent: PropTypes.bool,\r\n onClick: PropTypes.func.isRequired,\r\n isSelected: PropTypes.bool,\r\n };\r\n\r\n static defaultProps = {\r\n onClick: () => {},\r\n actions: [],\r\n };\r\n\r\n handleItemClick = item => () => {\r\n const { onClick } = this.props;\r\n onClick(item);\r\n };\r\n\r\n isColumnVisible(items) {\r\n return items.filter(item => !!item && item.length).length > 0;\r\n }\r\n\r\n renderLeftColumn(data) {\r\n // console.log('renderLeftColumn', data);\r\n if (this.isColumnVisible([data.venueName, data.eventPassTypes])) {\r\n return (\r\n \r\n item.isActive)}\r\n selectedIds={[selectedId]}\r\n noListPadding\r\n renderer={EventListItem}\r\n filterFields={searchKeys}\r\n sortFields={sortFields}\r\n sortOrders={orderForSorting}\r\n onItemClick={onEventClick}\r\n />\r\n
\r\n);\r\n\r\nEventDropdown.propTypes = {\r\n};\r\n\r\nexport default injectIntl(EventDropdown);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport EventDropdown from './EventDropdownView.jsx';\r\nimport { connect } from 'react-redux';\r\nimport { fetchPassTypes } from 'actions/passTypesByEvent';\r\nimport { getSelectedAffiliate } from 'reducers/accountAffiliates';\r\nimport { oneAffiliate } from 'propTypes/affiliates';\r\n\r\nimport { normalizeObjectKeys } from 'shared/utils/objectUtils';\r\n\r\nimport {\r\n loadEventsBySuggestion,\r\n selectEvent,\r\n updateEventFormValue,\r\n} from '../../events/actionCreators';\r\n\r\nimport {\r\n setEventSpecialOptions,\r\n} from '../../events/event/actionCreators';\r\nimport { hideEventPopover } from './actionCreators';\r\nimport { selectPassType } from '../../../invitations/actionCreators';\r\nimport { resetInvitationDetails } from '../../../invitations/invitation/actionCreators';\r\nimport { loadPaymentTypes } from 'components/payment_types/actionCreators';\r\nimport { setPaymentTypes } from 'components/invitations/actionCreators';\r\nimport { selectPaymentType } from 'components/invitations/invitation/actionCreators';\r\n\r\nclass EventDropdownContainer extends React.Component {\r\n handleEventSelection(eventName, event) {\r\n this.props.dispatch(selectEvent(event.Id));\r\n this.props.dispatch(setEventSpecialOptions(event));\r\n this.props.dispatch(updateEventFormValue(''));\r\n this.props.dispatch(hideEventPopover());\r\n if (event.EventPassTypes && event.EventPassTypes.length) {\r\n this.props.dispatch(selectPassType(event.EventPassTypes[0]));\r\n }\r\n this.props.dispatch(resetInvitationDetails());\r\n\r\n this.props.dispatch(loadPaymentTypes(event.Id, this.props.accountAffiliate.id)).then(res => {\r\n this.props.dispatch(setPaymentTypes(res.response));\r\n\r\n this.props.dispatch(selectPaymentType(res.response[0]));\r\n this.props.dispatch(fetchPassTypes(event.Id, this.props.accountAffiliate.id, res.response[0].Id));\r\n });\r\n window.setTimeout(() => window.scrollTo(0, 0), 0);\r\n }\r\n\r\n handleSuggestionChange(eventName) {\r\n this.props.dispatch(loadEventsBySuggestion(eventName));\r\n this.props.dispatch(updateEventFormValue(eventName));\r\n }\r\n\r\n handleInputClick() {\r\n if (!this.props.eventsState.selectedEvent) return;\r\n this.props.dispatch(updateEventFormValue(''));\r\n }\r\n\r\n handleItemDisplayValue(item) {\r\n return item.Name;\r\n }\r\n\r\n handleRenderMenu(items, style) {\r\n const { eventsState } = this.props;\r\n\r\n const hasNoMatches = eventsState.events.length > 1 &&\r\n !eventsState.isLoading && eventsState.noMatches;\r\n\r\n const hasOneEvent = eventsState.events.length === 1 &&\r\n !eventsState.isLoading && eventsState.filteredEvents.length === 1;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n No Matches Found.
\r\n\r\n Please refine your search or select
the upcoming event displayed.\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n handleEventClick = (event) => {\r\n this.handleEventSelection(null, normalizeObjectKeys(event, 'uppercase'))\r\n }\r\n\r\n render() {\r\n return (\r\n No More Events Listed.
\r\n\r\n \r\n \r\n Select the special options that will be send to {invitedGuestCount} guest(s):\r\n \r\n\r\n \r\n {options.filter((item) => !item.isParkingPass).map(option => {\r\n if (this.getIsEnoughRemaining(option) === false) return null;\r\n\r\n return (\r\n \r\n\r\n {(option.name === canInviteGuestsField && (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderOptionLabels(option, showDescription = true) {\r\n return (\r\n \r\n Up to \r\n \r\n guest(s). \r\n\r\n {isGuestNumError && (\r\n \r\n \r\n )}\r\n\r\n {this.renderOptionLabels(option, false)}\r\n
\r\n )) ||\r\n this.renderOptionLabels(option)}\r\n \r\n )\r\n })\r\n }\r\n \r\n {option.isChecked && (\r\n \r\n {showDescription && (\r\n \r\n Description: {option.description} \r\n \r\n )}\r\n\r\n {this.renderTotalRemainingCount(option)}\r\n\r\n {option.requiresApproval && (\r\n \r\n This option will go through an approval process. It will only be\r\n visible to the guest when it's approved.\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderTotalRemainingCount(option) {\r\n const { canViewAmountRemaining } = this.props;\r\n let remaining = 0;\r\n\r\n if (option.isUnlimited === true) {\r\n remaining = \"Unlimited\";\r\n } else if (option.isUnlimited === false) {\r\n if (option.totalAvailable >= 0) {\r\n remaining = option.totalAvailable;\r\n } else {\r\n remaining = `Limit exceeded by ${option.totalAvailable * -1}`;\r\n }\r\n }\r\n\r\n if (canViewAmountRemaining) {\r\n return (\r\n \r\n Number Of Passes: \r\n \r\n this.onQuantityChange(option, num)}\r\n error={!option.quantity && this.state.isGuestNumError}\r\n />\r\n \r\n {!option.quantity && this.state.isGuestNumError && (\r\n \r\n \r\n )}\r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n Select the parking pass that will be send to{\" \"}\r\n \r\n {invitedGuestCount}\r\n {\" \"}\r\n guest(s):\r\n \r\n\r\n \r\n {options\r\n .filter((item) => item.isParkingPass && item.isActive)\r\n .map((option) => {\r\n if (this.getIsEnoughRemaining(option) === false) return null;\r\n\r\n return (\r\n \r\n {(option.name === canInviteGuestsField && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nParkingPassList.propTypes = {\r\n canExceedAllocation: PropTypes.bool,\r\n invitationSummary: PropTypes.number,\r\n invitedGuestCount: PropTypes.number,\r\n onConfirm: PropTypes.func.isRequired,\r\n canViewAmountRemaining: PropTypes.bool,\r\n specialOptions: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n id: numberTypes,\r\n name: PropTypes.string,\r\n })\r\n ),\r\n selectedOptions: PropTypes.array,\r\n};\r\n\r\nexport default ParkingPassList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { numberTypes } from 'propTypes';\r\nimport { accountHasPermissions } from 'reducers/account';\r\nimport { hideParkingPassPopover } from './actionCreators';\r\nimport { updateParkingPass } from '../../events/event/actionCreators';\r\nimport { getSavedGuestsLength } from 'reducers/inviteGuests/manageGuests';\r\nimport { getSelectedSpecialOptions } from 'reducers/passTypesByEvent';\r\n\r\nimport {\r\n VIEW_SPECIAL_OPTION_AMOUNT,\r\n CAN_EXCEED_SPECIAL_OPTION_ALLOCATION,\r\n} from 'constants/permissions';\r\n\r\nimport ParkingPassList from './ParkingPassListView';\r\n\r\n\r\nclass ParkingPassListContainer extends React.Component {\r\n handleConfirm = (options) => {\r\n this.props.dispatch(updateParkingPass(options));\r\n this.props.dispatch(hideParkingPassPopover());\r\n };\r\n\r\n render() {\r\n const {\r\n specialOptions,\r\n selectedOptions,\r\n invitedGuestCount,\r\n canExceedAllocation,\r\n canViewAmountRemaining,\r\n } = this.props;\r\n\r\n return (\r\n \r\n Up to \r\n \r\n guest(s). \r\n\r\n {isGuestNumError && (\r\n \r\n \r\n )}\r\n\r\n {this.renderOptionLabels(option, false, option.isChecked)}\r\n
\r\n )) ||\r\n this.renderOptionLabels(option, true, option.isChecked)}\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nPaymentTypeList.propTypes = {\r\n invitationState: PropTypes.object.isRequired,\r\n onConfirm: PropTypes.func.isRequired,\r\n onToggle: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default PaymentTypeList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport PaymentTypeList from './PaymentTypeListView.jsx';\r\nimport { togglePaymentType } from '../../../invitations/actionCreators';\r\nimport { hidePaymentTypePopover } from './actionCreators';\r\n\r\nclass PaymentTypeListContainer extends React.Component {\r\n\r\n handleSelectionToggle(type) {\r\n this.props.dispatch(togglePaymentType(type));\r\n }\r\n\r\n handleConfirm() {\r\n this.props.dispatch(hidePaymentTypePopover());\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n {paymentTypes.map((type, i) => (\r\n
- \r\n
\r\n {this.renderInvalidInvitations(ARGUMENT_EXCEPTION)}\r\n {this.renderInvalidInvitations(GUEST_ALREADY_REGISTERED)}\r\n {this.renderInvalidInvitations(GUEST_EXCEEDED_PASS_LIMIT)}\r\n {this.renderInvalidInvitations(PASS_LIMIT_NOT_FOUND)}\r\n
\r\n );\r\n }\r\n\r\n setSuccess() {\r\n this.isSuccessful = true;\r\n const invalidInvitationsLen = this.invalidInvitations.length;\r\n\r\n if (invalidInvitationsLen) {\r\n this.icon = \"information\";\r\n this.titleLocaleId = \"app.label.watch_out\";\r\n } else {\r\n this.icon = \"success\";\r\n this.titleLocaleId = \"inviteGuest.submitMessage.successTitle\";\r\n }\r\n\r\n this.isSuccessful = true;\r\n // Use custom response if available, otherwise use props response\r\n const customResponse = this.props.combinedResponse;\r\n const response = customResponse || this.props.response;\r\n const responseData = response.response || response;\r\n \r\n const invitationsWithDuplicatedSO = responseData.validInvitations\r\n .filter(\r\n (i) =>\r\n i.invitationProccessMessages &&\r\n i.invitationProccessMessages.length > 0\r\n )\r\n .map((i) => i.invitationProccessMessages);\r\n\r\n if (invitationsWithDuplicatedSO.length) {\r\n console.warn(\r\n \"Duplicated Special Options found creating new invitation(s)\"\r\n );\r\n console.warn(\"Error messages\", invitationsWithDuplicatedSO);\r\n }\r\n\r\n let wicketStatus = \"\";\r\n if (this.validRecords === 1 && responseData.validInvitations && responseData.validInvitations.length > 0) {\r\n wicketStatus = responseData.validInvitations[0].wicketPhotoStatus;\r\n }\r\n\r\n this.popoverContent = (\r\n \r\n \r\n \r\n )}\r\n {invalidInvitationsLen > 0 && (\r\n
\r\n );\r\n }\r\n\r\n setNoInvitations() {\r\n this.titleLocaleId = \"inviteGuest.submitMessage.emptyDataTitle\";\r\n this.icon = \"error\";\r\n this.popoverContent = (\r\n \r\n We’ve received your information and you’re successfully\r\n registered. However, your headshot couldn’t be processed through\r\n our facial recognition system.\r\n
\r\n\r\n A member of our support team will review your photo, and\r\n additional action may be required during your event check-in.\r\n
\r\n \r\n )}\r\n\r\n {invitationsWithDuplicatedSO.length > 0 && (\r\n\r\n \r\n {this.renderInvalidInvitations(ARGUMENT_EXCEPTION)}\r\n {this.renderInvalidInvitations(GUEST_ALREADY_REGISTERED)}\r\n {this.renderInvalidInvitations(GUEST_EXCEEDED_PASS_LIMIT)}\r\n {this.renderInvalidInvitations(PASS_LIMIT_NOT_FOUND)}\r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n if (!invalidInvitations.length) {\r\n return null;\r\n }\r\n if (!identifiers.length && errorCode === GUEST_EXCEEDED_PASS_LIMIT) {\r\n return (\r\n {errorMsg}
\r\n\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n 0 && (\r\n and {remainingCount} more\r\n ),\r\n remainingCount: invalidInvitations.length,\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {list.map(id =>
;\r\n\r\nFileList.propTypes = {\r\n list: arrayOfIds.isRequired,\r\n};\r\n\r\nexport default FileList;\r\n","import { connect } from 'react-redux';\r\n\r\nimport { listTypes } from 'constants/inviteGuests';\r\nimport { getFileListByFilter } from 'reducers/inviteGuests/manageGuests';\r\n\r\nimport FileList from '../components/FileList';\r\n\r\nexport const mapStateToProps = state => ({\r\n list: getFileListByFilter(state, listTypes.ALL),\r\n});\r\n\r\nexport default connect(mapStateToProps)(FileList);\r\n","import styled from 'styled-components';\r\n\r\nexport const ComponentView = styled.div``;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { arrayOfNotificationMethodsType } from 'propTypes/inviteGuests';\r\nimport { arrayOfIds } from 'propTypes';\r\n\r\nimport CheckBox, { CheckBoxGroup } from 'components/common/CheckBox';\r\n\r\nimport { ComponentView } from './styles';\r\n\r\nclass NotificationMethods extends Component {\r\n static propTypes = {\r\n valid: arrayOfNotificationMethodsType.isRequired,\r\n selected: arrayOfIds.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n lastChecked: [],\r\n };\r\n\r\n handleChange = values => {\r\n const { valid, onChange } = this.props;\r\n const selected = values.length ? values : [valid.find(option => option.id !== this.state.lastChecked[0]).id];\r\n this.setState({ lastChecked: selected });\r\n\r\n const unselected = valid\r\n .filter(method => !selected.includes(method.id))\r\n .map(method => method.id);\r\n onChange(selected, unselected);\r\n };\r\n\r\n render() {\r\n const { valid, selected } = this.props;\r\n\r\n return (\r\n \r\n {list.map(id =>
\r\n );\r\n};\r\n\r\nValidGuestList.propTypes = {\r\n list: arrayOfIds.isRequired,\r\n};\r\n\r\nexport default ValidGuestList;\r\n","import styled from 'styled-components';\r\n\r\nimport { redColor } from 'css/variables';\r\n\r\nexport const Message = styled.div`\r\n font-size: 14px;\r\n color: ${redColor};\r\n`;\r\nexport const List = styled.div``;\r\n","import React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { arrayOfIds } from 'propTypes';\r\n\r\nimport Guest from '../../containers/Guest';\r\nimport Section from '../Section';\r\n\r\nimport { Message, List } from './styles';\r\n\r\nconst DuplicatedGuestList = ({ list }) => {\r\n if (!list.length) {\r\n return null;\r\n }\r\n\r\n return (\r\n - \r\n\r\n {list.map(id =>
- \r\n {list.map(item =>
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const actions = {\r\n onSubmit: saveGuestsManagerState,\r\n};\r\n\r\nexport default connect(null, actions)(GuestManagerFooter);\r\n","import styled from 'styled-components';\r\n\r\nexport const ComponentView = styled.div`\r\n`;\r\n\r\nexport const Title = styled.div`\r\n font-size: 14px;\r\n margin: 7px 0 20px;\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { arrayOfIds } from 'propTypes';\r\n\r\nimport Section from '../Section';\r\nimport ValidGuestList from '../ValidGuestList';\r\nimport DuplicatedGuestList from '../DuplicatedGuestList';\r\nimport InvalidGuestList from '../InvalidGuestList';\r\nimport GuestManagerFooter from '../../containers/GuestManagerFooter';\r\n\r\nimport { Title } from './styles';\r\n\r\nconst titleMessages = {\r\n empty: 'inviteGuests.manageGuests.no_guests_selected',\r\n default: 'inviteGuests.manageGuests.list_count_message',\r\n};\r\n\r\nconst GuestLists = ({ lists }) =>\r\n \r\n
\r\n );\r\n};\r\n\r\nGuestManager.propTypes = {\r\n eventId: PropTypes.string,\r\n affiliateId: PropTypes.number,\r\n paymentTypeId: PropTypes.number,\r\n};\r\n\r\nexport default GuestManager;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport EventDetailsView from '../../../../Event/components/EventDetails'\r\nimport { PopoverContainer } from 'common/popover';\r\nimport { hideGuestManagerPopover } from 'actions/inviteGuests';\r\nimport GuestManager from '../components/GuestManager';\r\nimport { getEventDetails } from 'reducers/event';\r\nimport styled from 'styled-components';\r\n\r\nconst Title = styled.div`\r\n margin: 0 0 0.4rem 0;\r\n padding: 0;\r\n opacity: 0.6;\r\n font-style: italic;\r\n font-weight: 300;\r\n`;\r\n\r\n\r\n/**\r\n * Popup window for guest csv import, included showing selected event's information. Note: as for hard card page, no selected event information show up.\r\n * Associated to Bug 7339. \"Advanced\" invitation screen for Media Hard Cards should not show an event identifier\r\n * Note: This is a shared component.\r\n * @param {*} param0 \r\n * @param {*} showEventDetails only work for Hard Card Guest List -> Advanced, bug 7339. By default value = true.\r\n * @returns \r\n */\r\nconst GuestManagerPopover = ({ hidePopover, selectedEvent, showEventDetails = true }) => {\r\n //console.log(\"GuestManagePopover\", selectedEvent);\r\n //\r\n //There is bug 7249 caused by passed null selectedEvent object to the method.\r\n // bug 7339. \r\n const enhancedDetails = {\r\n endTime: selectedEvent ? selectedEvent.EndTime : '',\r\n name: selectedEvent? selectedEvent.Name: '',\r\n eventTypeIconUrl: selectedEvent? selectedEvent.EventTypeIconUrl: '',\r\n eventTypeName: selectedEvent ? selectedEvent.EventTypeName : '',\r\n startTime: selectedEvent ? selectedEvent.StartTime: '',\r\n venueName: selectedEvent? selectedEvent.VenueName: '',\r\n iconUrl: selectedEvent? selectedEvent.IconUrl : ''\r\n }\r\n return \r\n \r\n {eventId ? wrappedUploader : uploader}\r\n \r\n
\r\n {message}
}\r\n />\r\n);\r\n\r\nDuplicatePassIdPopover.propTypes = {\r\n hidePopover: PropTypes.func.isRequired,\r\n message: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default connect(\r\n undefined,\r\n {\r\n hidePopover: hideDuplicatePassIdMessage,\r\n },\r\n)(DuplicatePassIdPopover);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { Row, Column } from \"common/List/styles\";\r\nimport CheckBox from \"common/CheckBox/CheckBox\";\r\nimport \"./EventPassTypes.scss\";\r\nimport { InputNumber } from \"primereact/inputnumber\";\r\n\r\n/**\r\n * Rendering one pass type item.\r\n */\r\nexport class EventPassTypeListItem extends Component {\r\n static propTypes = {\r\n passType: PropTypes.object.isRequired,\r\n onClick: PropTypes.func.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n };\r\n\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n passType: props.passType,\r\n };\r\n }\r\n\r\n handleItemClick = () => {\r\n const { onClick } = this.props;\r\n const { passType } = this.state;\r\n passType.isChecked = !passType.isChecked;\r\n this.setState({passType: passType});\r\n onClick(passType);\r\n };\r\n\r\n // handleChange = (e) => {\r\n // const { passType } = this.state;\r\n // let val = e.target.value;\r\n\r\n // if (val && val.length > 0) {\r\n // // intercept any unwanted characters while still allowing cut/paste/delete/backspace\r\n // val = val.replace(/[^0-9]/g, \"\").replace(/(\\..*?)\\..*/g, \"$1\");\r\n\r\n // let num = parseInt(val);\r\n // if (!isNaN(num) && num < 100000) {\r\n // // new value is valid, update state\r\n // passType.allotment = num;\r\n // this.setState(passType);\r\n // } else {\r\n // return false;\r\n // }\r\n // } else {\r\n // //\r\n // // If user input empty string into the allotment input text box.\r\n // // by default set the allotment as 0.\r\n // //\r\n // passType.allotment = 0;\r\n // this.setState(passType);\r\n // }\r\n // };\r\n\r\n onInputAllotmentChanged = (item) => {\r\n const { onChange } = this.props;\r\n const { passType } = this.state;\r\n\r\n const inputValue = item.value;\r\n\r\n if (inputValue && inputValue!==null && inputValue >= 0) {\r\n passType.allotment = inputValue;\r\n this.setState(passType);\r\n onChange(passType.passTypeId, inputValue);\r\n } else {\r\n //\r\n // If user input empty string into the allotment input text box.\r\n // by default set the allotment as 0.\r\n //\r\n passType.allotment = 0;\r\n this.setState(passType);\r\n onChange(passType.passTypeId, 0);\r\n } \r\n };\r\n\r\n // validateOnBlur = (item) => {\r\n // const { onChange } = this.props;\r\n // if (item.target.validity.valid) {\r\n // item.target.classList.remove(\"input-error\");\r\n // onChange(item.target.name, item.target.value);\r\n // } else {\r\n // item.target.classList.add(\"input-error\");\r\n // }\r\n // };\r\n\r\n getAllotmentInputStyle = (inputPassType) => {\r\n if (inputPassType && inputPassType.isChecked === true && (!inputPassType.allotment || inputPassType.allotment === 0) )\r\n { \r\n return 'allotment-input-error';\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n render() {\r\n const { passType} = this.state;\r\n return (\r\n\r\n Please note that all selected passes require allotment values\r\n
\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n const { hidePopover, request } = this.props;\r\n const { passTypes, isError, searchString } = this.state;\r\n const totalAllotment = this.getAllotmentTotal(passTypes);\r\n\r\n let filteredOptions = orderBy(\r\n passTypes.filter(({ passTypeDisplayName }) =>\r\n passTypeDisplayName.toLowerCase().includes(searchString)\r\n ),\r\n [\"passTypeDisplayName\"],\r\n [\"asc\"]\r\n );\r\n\r\n return (\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.iconUrl &&\r\n
\r\n {this.props.children}\r\n \r\n Are you sure you want to remove this pass limit?
\r\n \r\n );\r\n }\r\n}\r\n\r\nPassLimitRemovalWarning.propTypes = {\r\n dispatch: PropTypes.func,\r\n passLimit: PropTypes.object,\r\n};\r\n\r\nexport default connect()(PassLimitRemovalWarning);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { Row, Column, ChildrenWrapper, ChildrenContent, Wrapper } from \"common/List/styles\";\r\nimport CheckBox from \"common/CheckBox/CheckBox\";\r\nimport \"./EventSpecialOptions.scss\";\r\nimport { InputNumber } from \"primereact/inputnumber\";\r\n\r\n/**\r\n * Rendering one special option item.\r\n */\r\nexport class EventSpecialOptionListItem extends Component {\r\n static propTypes = {\r\n specialOption: PropTypes.object.isRequired,\r\n onClick: PropTypes.func.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n };\r\n\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n specialOption: props.specialOption,\r\n };\r\n }\r\n\r\n handleItemClick = () => {\r\n const { onClick } = this.props;\r\n const { specialOption } = this.state;\r\n specialOption.isChecked = !specialOption.isChecked;\r\n this.setState({specialOption: specialOption}, function() { \r\n onClick(specialOption);\r\n });\r\n };\r\n\r\n onInputAllotmentChanged = (item) => {\r\n const { onChange } = this.props;\r\n const { specialOption } = this.state;\r\n\r\n const inputValue = item.value;\r\n\r\n if (inputValue && inputValue !== null && inputValue >= 0) {\r\n specialOption.allotment = inputValue;\r\n this.setState(specialOption);\r\n onChange(specialOption.id, inputValue);\r\n } else {\r\n //\r\n // If user input empty string into the allotment input text box.\r\n // by default set the allotment as 0.\r\n //\r\n specialOption.allotment = 0;\r\n this.setState(specialOption);\r\n onChange(specialOption.id, 0);\r\n } \r\n };\r\n\r\n getAllotmentInputStyle = (inputSpecialOption) => { \r\n if (inputSpecialOption && inputSpecialOption.isChecked === true && (!inputSpecialOption.allotment || inputSpecialOption.allotment === 0) )\r\n { \r\n return 'allotment-input-error';\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n render() {\r\n const { specialOption} = this.state;\r\n\r\n return (\r\n\r\n
\r\n )}\r\n \r\n Please note that all selected options require allotment values\r\n
\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n const { request, hidePopover } = this.props;\r\n const { specialOptions, isError, searchString } = this.state;\r\n\r\n let filteredOptions = orderBy(\r\n specialOptions.filter(({ name }) =>\r\n name.toLowerCase().includes(searchString)\r\n ),\r\n [\"name\"],\r\n [\"asc\"]\r\n );\r\n\r\n return (\r\n\r\n
\r\n )}\r\n \r\n Please note that all parking passes require allotment values\r\n
\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n request,\r\n hidePopover,\r\n } = this.props;\r\n const {\r\n specialOptions,\r\n isError,\r\n searchString,\r\n } = this.state;\r\n \r\n let filteredOptions = orderBy(specialOptions.filter(({name}) => name.toLowerCase().includes(searchString)), ['name'],['asc']);\r\n\r\n return (\r\n\r\n
)\r\n }\r\n Minor Waivers
\r\n {this.renderMinorList()}\r\n\r\n {this.renderInvalidInvitations(\r\n MEDIA_HARD_CARD_GUEST_ALREADY_REGISTERED\r\n )}\r\n {this.renderInvalidInvitations(PASS_LIMIT_NOT_FOUND)}\r\n {this.renderInvalidInvitations(INVITATION_NOT_FOUND)}\r\n {this.renderInvalidInvitations(ARGUMENT_EXCEPTION)}\r\n
\r\n );\r\n }\r\n\r\n setSuccess() {\r\n this.titleLocaleId = '';\r\n const invalidInvitationsLen = this.invalidInvitations.length;\r\n\r\n if (invalidInvitationsLen) {\r\n this.iconClassName = 'information';\r\n this.titleLocaleId = 'app.label.watch_out';\r\n } else {\r\n this.iconClassName = 'success';\r\n this.titleLocaleId = 'inviteGuest.submitMessage.successTitle';\r\n }\r\n\r\n this.isSuccessful = true;\r\n\r\n this.popoverContent = (\r\n \r\n
\r\n );\r\n }\r\n\r\n setNoInvitations() {\r\n this.titleLocaleId = 'inviteGuest.submitMessage.emptyDataTitle';\r\n this.iconClassName = 'error';\r\n this.popoverContent = (\r\n \r\n \r\n {this.renderInvalidInvitations(\r\n MEDIA_HARD_CARD_GUEST_ALREADY_REGISTERED\r\n )}\r\n {this.renderInvalidInvitations(PASS_LIMIT_NOT_FOUND)}\r\n {this.renderInvalidInvitations(INVITATION_NOT_FOUND)}\r\n {this.renderInvalidInvitations(ARGUMENT_EXCEPTION)}\r\n \r\n
\r\n )}\r\n \r\n 0 && (\r\n and {remainingCount} more\r\n ),\r\n remainingCount: invalidInvitations.length,\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Select Associated Events\r\n
\r\n\r\n \r\n {!this.props.events.length && (\r\n \r\n No upcoming events at this venue available for association.\r\n \r\n )}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default AssociatedEventsList;\r\n","import { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport { hideAssociatedEventsPopover } from \"actions/event/editEvent\";\r\nimport AssociatedEventsList from \"./AssociatedEventsList\";\r\n\r\nconst DIVIDER = \", \";\r\n\r\nconst getEventList = (state, params) => {\r\n const eventsList = state.eventManagement.list.response.byId;\r\n\r\n let eventsListIIds = [];\r\n\r\n if (state.form.editEvent?.venueId?.value) {\r\n eventsListIIds = Object.values(eventsList)\r\n .filter((event) => event.venueId === state.form.editEvent?.venueId?.value)\r\n .map((event) => event.id);\r\n }\r\n const events = eventsListIIds\r\n .filter((eventId) => eventId !== +params.eventId)\r\n .map((eventId) => {\r\n const id = state.eventManagement.list.response.byId[eventId].id;\r\n const name = state.eventManagement.list.response.byId[eventId].name;\r\n const url = state.eventManagement.list.response.byId[eventId].iconUrl;\r\n const eventPassTypes = state.eventManagement.list.response.byId[\r\n eventId\r\n ].eventPassTypes\r\n .map((passType) => passType.passTypeDisplayName)\r\n .join(DIVIDER);\r\n const venueName =\r\n state.eventManagement.list.response.byId[eventId].venueName;\r\n const startTime =\r\n state.eventManagement.list.response.byId[eventId].startTime;\r\n const endTime = state.eventManagement.list.response.byId[eventId].endTime;\r\n const eventType =\r\n state.eventManagement.list.response.byId[eventId].eventTypeName;\r\n\r\n const specialOptions = state.eventManagement.list.response.byId[\r\n eventId\r\n ].eventSpecialOptions\r\n .map((specialOption) => specialOption.name)\r\n .join(DIVIDER);\r\n\r\n return {\r\n id,\r\n name,\r\n url,\r\n eventPassTypes,\r\n venueName,\r\n startTime,\r\n endTime,\r\n eventType,\r\n specialOptions,\r\n };\r\n });\r\n\r\n const returnedEvents = events.map((event) => ({\r\n ...event,\r\n isChecked:\r\n state.form.editEvent &&\r\n state.form.editEvent.associatedEventsIds.value.indexOf(event.id) !== -1,\r\n }));\r\n\r\n return returnedEvents;\r\n};\r\n\r\nconst mapStateToProps = (state, { params }) => {\r\n return {\r\n events: getEventList(state, params),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, { hideAssociatedEventsPopover })(\r\n AssociatedEventsList\r\n )\r\n);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport ReactCSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport * as popoverActionTypes from \"./actionTypes\";\r\nimport EventPopover from \"../../pages/sendInvite/event/EventPopover\";\r\nimport SpecialOptionsListPopover from \"../../pages/sendInvite/special_options/SpecialOptionsPopover\";\r\nimport ParkingPassPopover from \"components/pages/sendInvite/parking_passes/ParkingPassPopover\";\r\n\r\nimport PaymentTypesPopover from \"../../pages/sendInvite/payment_types/PaymentTypesPopover\";\r\nimport SendInviteSubmitPopover from \"../../pages/sendInvite/SendInviteSubmitPopover\";\r\n\r\nimport GuestManagerPopover from \"routes/InviteGuests/sections/GuestManager\";\r\n\r\nimport ResendInvitationPopover from \"routes/InvitationDetails/containers/ResendInvitationPopover\";\r\nimport RevokeInvitationPopover from \"routes/InvitationDetails/containers/RevokeInvitationPopover\";\r\nimport BulkRevokeInvitationPopover from \"routes/InvitationDetails/containers/BulkRevokeInvitationPopover\";\r\nimport ResendEpassPopover from \"routes/InvitationDetails/containers/ResendEpassPopover\";\r\nimport DuplicatePassIdPopover from \"routes/InvitationDetails/containers/DuplicatePassIdPopover\";\r\nimport EditEventPassTypes from \"routes/EditEvent/routes/containers/PassTypes\";\r\nimport PassLimitRemovalWarning from \"components/pages/affiliates/PassLimitRemovalWarning\";\r\nimport EditEventSpecialOptions from \"routes/EditEvent/routes/containers/SpecialOptions\";\r\nimport EditEventParkingPasses from \"routes/EditEvent/routes/containers/ParkingPasses\";\r\nimport EditEventWaivers from \"routes/EditEvent/routes/containers/Waivers\";\r\n\r\nimport AdhocPassTypesPopover from \"routes/AdhocEmail/PassTypesPopover\";\r\nimport AdhocSpecialOptionsPopover from \"routes/AdhocEmail/SpecialOptionsPopover\";\r\nimport AdhocParkingPassPopover from \"routes/AdhocEmail/ParkingPassPopover\";\r\nimport AdhocAffiliatePopover from \"routes/AdhocEmail/AffiliatePopover\";\r\nimport AdhocPaymentTypePopover from \"routes/AdhocEmail/PaymentTypePopover\";\r\nimport AdhocSentbyPopover from \"routes/AdhocEmail/SentByPopover\";\r\nimport AdhocRequestbyPopover from \"routes/AdhocEmail/RequestByPopover\";\r\nimport AdhocStatusPopover from \"routes/AdhocEmail/StatusPopover\";\r\n\r\n// Affiliate Management popovers\r\nimport AddInvitationNoteFormPopover from \"routes/InvitationDetails/containers/AddNoteFormPopover\";\r\nimport SendMediaHardCardInvitationsPopover from \"routes/MediaHardCard/SendMediaHardCardInvitationsPopover\";\r\nimport RejectInvitationPopover from \"routes/InvitationApprovals/components/RejectInvitationPopover\";\r\nimport ApproveInvitationPopover from \"routes/InvitationApprovals/components/ApproveInvitationPopover\";\r\nimport BulkApproveInvitationPopover from \"routes/InvitationApprovals/components/BulkApproveInvitationPopover\";\r\nimport MinorHotInvitationPopover from \"routes/MinorHotInvitations/components/MinorHotInvitationPopover\";\r\nimport ApproveSpecialOptionPopover from \"routes/InvitationApprovals/components/ApproveSpecialOptionPopover\";\r\nimport RejectSpecialOptionPopover from \"routes/InvitationApprovals/components/RejectSpecialOptionPopover\";\r\nimport ShowAssociatedEventsPopover from \"routes/EditEvent/components/ShowAssociatedEventsPopover/AssociatedEvents\";\r\n\r\nconst POPOVER_COMPONENTS = {\r\n [popoverActionTypes.EVENT_DROPDOWN_POPOVER]: EventPopover,\r\n [popoverActionTypes.SPECIAL_OPTIONS_LIST_POPOVER]: SpecialOptionsListPopover,\r\n [popoverActionTypes.PARKING_PASSES_LIST_POPOVER]: ParkingPassPopover,\r\n [popoverActionTypes.PAYMENT_TYPES_LIST_POPOVER]: PaymentTypesPopover,\r\n [popoverActionTypes.SEND_INVITE_SUBMIT_POPOVER]: SendInviteSubmitPopover,\r\n [popoverActionTypes.SEND_MEDIA_HARD_CARD_INVITE_SUBMIT_POPOVER]: SendMediaHardCardInvitationsPopover,\r\n [popoverActionTypes.GUEST_LIST_MANAGER_POPOVER]: GuestManagerPopover,\r\n [popoverActionTypes.RESEND_INVITATION_POPOVER]: ResendInvitationPopover,\r\n [popoverActionTypes.REVOKE_INVITATION_POPOVER]: RevokeInvitationPopover,\r\n [popoverActionTypes.BULK_REVOKE_INVITATION_POPOVER]: BulkRevokeInvitationPopover,\r\n [popoverActionTypes.RESEND_EPASS_POPOVER]: ResendEpassPopover,\r\n [popoverActionTypes.DUPLICATE_PASS_ID]: DuplicatePassIdPopover,\r\n [popoverActionTypes.EDIT_EVENT_PASS_TYPES_POPOVER]: EditEventPassTypes,\r\n [popoverActionTypes.EDIT_EVENT_SPECIAL_OPTIONS_POPOVER]: EditEventSpecialOptions,\r\n [popoverActionTypes.EDIT_EVENT_PARKING_PASSES_POPOVER]: EditEventParkingPasses,\r\n [popoverActionTypes.EDIT_EVENT_WAIVERS_POPOVER]: EditEventWaivers,\r\n [popoverActionTypes.ADD_INVITATION_NOTE_FORM_POPOVER]: AddInvitationNoteFormPopover,\r\n [popoverActionTypes.PASS_LIMIT_REMOVAL_WARNING]: PassLimitRemovalWarning,\r\n [popoverActionTypes.MINOR_HOT_INVITATION_POPOVER]: MinorHotInvitationPopover,\r\n [popoverActionTypes.APPROVAL_APPROVE_POPOVER]: ApproveInvitationPopover,\r\n [popoverActionTypes.BULK_APPROVAL_APPROVE_POPOVER]: BulkApproveInvitationPopover,\r\n [popoverActionTypes.APPROVAL_REJECT_POPOVER]: RejectInvitationPopover,\r\n [popoverActionTypes.SPECIAL_OPTION_APPROVE_POPOVER]: ApproveSpecialOptionPopover,\r\n [popoverActionTypes.SPECIAL_OPTION_REJECT_POPOVER]: RejectSpecialOptionPopover,\r\n [popoverActionTypes.ADHOC_PASS_TYPE_POPOVER]: AdhocPassTypesPopover,\r\n [popoverActionTypes.ADHOC_SPECIAL_OPTIONS_POPOVER]: AdhocSpecialOptionsPopover,\r\n [popoverActionTypes.ADHOC_PARKING_PASS_POPOVER]: AdhocParkingPassPopover,\r\n [popoverActionTypes.ADHOC_AFFILIATE_POPOVER]: AdhocAffiliatePopover,\r\n [popoverActionTypes.ADHOC_PAYMENT_TYPE_POPOVER]: AdhocPaymentTypePopover,\r\n [popoverActionTypes.ADHOC_SENT_TYPE_POPOVER]: AdhocSentbyPopover,\r\n [popoverActionTypes.ADHOC_REQUEST_BY_POPOVER]: AdhocRequestbyPopover,\r\n [popoverActionTypes.ADHOC_STATUS_POPOVER]: AdhocStatusPopover,\r\n [popoverActionTypes.ADHOC_AFFILIATE_POPOVER]: AdhocAffiliatePopover,\r\n [popoverActionTypes.SHOW_ASSOCIATED_EVENTS_POPOVER]: ShowAssociatedEventsPopover,\r\n};\r\n\r\nconst PopoverRoot = ({ popoverType, popoverProps, extraProps = {} }) => {\r\n let rootPopover = null;\r\n if (!popoverType) {\r\n rootPopover = null;\r\n } else {\r\n rootPopover = React.createElement(\r\n POPOVER_COMPONENTS[popoverType],\r\n popoverProps\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n {rootPopover}\r\n \r\n
\r\n );\r\n};\r\n\r\nPopoverRoot.propTypes = {\r\n popoverType: PropTypes.string,\r\n popoverProps: PropTypes.object,\r\n extraProps: PropTypes.object,\r\n};\r\n\r\nexport default connect((state) => state.popoverState)(PopoverRoot);\r\n","import { Schema, arrayOf } from 'normalizr';\r\n\r\nexport const element = new Schema('affiliates');\r\nexport const arrayOfElements = arrayOf(element);\r\n","import { normalize } from 'normalizr';\r\n\r\nimport { arrayOfElements } from './schema';\r\n\r\nimport { RECEIVE_ELEMENTS } from '../constants';\r\n\r\nexport const receiveAffiliates = payload => ({\r\n type: RECEIVE_ELEMENTS,\r\n payload: normalize(payload, arrayOfElements),\r\n});\r\n","import apiHelper from 'shared/utils/apiHelper';\r\n\r\nimport CONSTANTS from 'shared/utils/constants';\r\n\r\nimport { receiveAffiliates } from './common';\r\nimport { AFFILIATE_LIST_REQUEST_ID } from '../constants';\r\n\r\nexport const fetchAffiliates = ({\r\n endpoint = CONSTANTS.API.AFFILIATES.ALL,\r\n method = CONSTANTS.METHODS.GET,\r\n onSuccess = receiveAffiliates,\r\n requestId = AFFILIATE_LIST_REQUEST_ID,\r\n} = {}) =>\r\n apiHelper.formatRequest({\r\n endpoint,\r\n method,\r\n onSuccess,\r\n options: {\r\n onSuccess,\r\n requestId,\r\n },\r\n });\r\n\r\nexport const fetchAffiliatesNew = ({\r\n endpoint = CONSTANTS.API.AFFILIATES.ALL_NEW,\r\n method = CONSTANTS.METHODS.GET,\r\n onSuccess = receiveAffiliates,\r\n requestId = AFFILIATE_LIST_REQUEST_ID,\r\n } = {}) =>\r\n apiHelper.formatRequest({\r\n endpoint,\r\n method,\r\n onSuccess,\r\n options: {\r\n onSuccess,\r\n requestId,\r\n },\r\n });\r\n\r\nexport const checkAffiliateAssociatedAccounts = affiliateId =>\r\n apiHelper.formatRequest({\r\n endpoint: apiHelper.buildPath(\r\n CONSTANTS.API.AFFILIATES.AFFILIATE.CHECK_ASSOCIATED_ACCOUNTS,\r\n affiliateId\r\n ),\r\n method: CONSTANTS.METHODS.POST,\r\n });\r\n\r\nexport const updateAffiliateActivation = (isActive, affiliateId) =>\r\n apiHelper.formatRequest({\r\n endpoint: apiHelper.buildPath(\r\n CONSTANTS.API.AFFILIATES.AFFILIATE.UPDATE_ACTIVATION,\r\n affiliateId\r\n ),\r\n method: CONSTANTS.METHODS.PUT,\r\n body: {\r\n isActive,\r\n id: affiliateId,\r\n },\r\n });\r\n\r\nexport const fetchCurrentAffiliateById = (id, options) =>\r\n apiHelper.formatRequest({\r\n endpoint: apiHelper.buildPath(CONSTANTS.API.ACCOUNTS.CURRENT_AFFILIATE, id),\r\n ...options,\r\n });\r\n\r\nexport const fetchCurrentAffiliateTypePassLimitsById = (id, options) =>\r\n apiHelper.formatRequest({\r\n endpoint: apiHelper.buildPath(CONSTANTS.API.PASS_LIMITS.BY_AFFILIATE_TYPE_ID, id),\r\n ...options,\r\n});","import { bindActionCreators } from 'redux';\r\nimport { openModal, appendModalSteps, MODAL_STEPS } from 'components/Modals';\r\n\r\nimport {\r\n checkAffiliateAssociatedAccounts,\r\n updateAffiliateActivation,\r\n} from '../api';\r\nimport { withUserPermissions } from 'components/withPermissions';\r\nimport { MANAGE_AFFILIATE } from 'constants/permissions';\r\n\r\nimport { updateEntities } from 'modules/collection';\r\n\r\nconst confirmAffiliateDeactivation = affiliateHasAssociatedAccounts =>\r\n MODAL_STEPS.confirmation(\r\n affiliateHasAssociatedAccounts\r\n ? 'editAffiliate.messages.deactivationWarningWithAssociatedAccounts'\r\n : 'editAffiliate.messages.deactivationWarning'\r\n );\r\n\r\nconst deactivateAffiliate = id => dispatch =>\r\n MODAL_STEPS.processing('editAffiliate.messages.deactivationProcess', () =>\r\n dispatch(updateAffiliateActivation(false, id))\r\n );\r\n\r\nconst completeDeactivation = (id, listId, successFn) => dispatch =>\r\n MODAL_STEPS.complete('editAffiliate.messages.deactivationSuccess', {\r\n onAccept: () => {\r\n dispatch(\r\n updateEntities(listId, [\r\n {\r\n id,\r\n isActive: false,\r\n },\r\n ])\r\n )\r\n if(successFn) {\r\n successFn(id, false);\r\n }\r\n }\r\n });\r\n\r\nexport default (id, listId, successFn) => dispatch => {\r\n const actions = bindActionCreators(\r\n {\r\n openModal,\r\n checkAffiliateAssociatedAccounts,\r\n appendModalSteps,\r\n deactivateAffiliate,\r\n completeDeactivation,\r\n },\r\n dispatch\r\n );\r\n\r\n return dispatch(\r\n withUserPermissions([MANAGE_AFFILIATE], () =>\r\n actions.openModal([\r\n MODAL_STEPS.processing(\r\n 'editAffiliate.messages.checkingAffiliateAccounts',\r\n () =>\r\n actions\r\n .checkAffiliateAssociatedAccounts(id)\r\n .then(affiliateHasAccounts => {\r\n actions.appendModalSteps([\r\n confirmAffiliateDeactivation(affiliateHasAccounts),\r\n actions.deactivateAffiliate(id),\r\n actions.completeDeactivation(id, listId, successFn),\r\n ]);\r\n })\r\n ),\r\n ])\r\n )\r\n );\r\n};\r\n","import store, { dispatch } from 'shared/store';\r\nimport deactivateAffiliate from './activation/deactivate';\r\nimport activateAffiliate from './activation/activate';\r\nimport { getAccountPermissions, isUserAdminOrSuperAdmin } from 'reducers/account';\r\nimport { canCreateOrActivateAffiliate } from 'routes/AffiliateManagement/utils/affiliateManagePermissions';\r\n\r\nexport const activation = (item, props) => ({\r\n name: item.isActive ? 'De-activate' : 'Activate',\r\n handler: (successFn = {}) => {\r\n const account = store.getState().account;\r\n\r\n if (\r\n !canCreateOrActivateAffiliate(\r\n getAccountPermissions(account),\r\n isUserAdminOrSuperAdmin(account)\r\n )\r\n ) {\r\n return;\r\n }\r\n\r\n if (item.isActive) {\r\n dispatch(deactivateAffiliate(item.id, props.listId, successFn));\r\n } else {\r\n dispatch(activateAffiliate(item.id, props.listId, successFn));\r\n }\r\n },\r\n});\r\n","import { dispatch } from 'shared/store';\r\nimport { openModal, MODAL_STEPS } from 'components/Modals';\r\n\r\nimport { updateAffiliateActivation } from '../api';\r\n\r\nimport { updateEntities } from 'modules/collection';\r\n\r\nexport default (id, listId, successFn) =>\r\n dispatch(\r\n openModal([\r\n MODAL_STEPS.confirmation('editAffiliate.messages.activationWarning'),\r\n MODAL_STEPS.processing('editAffiliate.messages.activationProcess', () =>\r\n dispatch(updateAffiliateActivation(true, id))\r\n ),\r\n MODAL_STEPS.complete('editAffiliate.messages.activationSuccess', {\r\n onAccept: () => {\r\n dispatch(\r\n updateEntities(listId, [\r\n {\r\n id,\r\n isActive: true,\r\n },\r\n ])\r\n )\r\n if(successFn) {\r\n successFn(id, true);\r\n }\r\n }\r\n }),\r\n ])\r\n );\r\n","import { normalize, Schema, arrayOf } from 'normalizr';\r\nimport { toArray } from 'shared/utils/arrayUtils';\r\nimport { ACTION_TYPES } from '../constants';\r\n\r\n\r\nexport const receiveEntities = (collectionId, entities, params = {}) => {\r\n const schemaParams = params.primaryId ? { idAttribute: params.primaryId } : undefined;\r\n const entity = new Schema('collection', schemaParams);\r\n const arrayOfEntities = arrayOf(entity);\r\n\r\n return {\r\n type: ACTION_TYPES.RECEIVE_ENTITIES,\r\n payload: {\r\n collectionId,\r\n ...normalize(entities, arrayOfEntities),\r\n },\r\n };\r\n};\r\n\r\nexport const updateEntities = (collectionId, entities) => ({\r\n type: ACTION_TYPES.UPDATE_ENTITIES,\r\n payload: {\r\n collectionId,\r\n entities: toArray(entities),\r\n },\r\n});\r\n\r\nexport const appendEntities = (collectionId, entities, params = {}) => {\r\n const schemaParams = params.primaryId ? { idAttribute: params.primaryId } : undefined;\r\n const entity = new Schema('collection', schemaParams);\r\n const arrayOfEntities = arrayOf(entity);\r\n\r\n return {\r\n type: ACTION_TYPES.APPEND_ENTITIES,\r\n payload: {\r\n collectionId,\r\n ...normalize(entities, arrayOfEntities),\r\n },\r\n };\r\n};\r\n\r\n","import { authService } from '../../components/auth';\r\nimport CONSTANTS from '../utils/constants';\r\nimport AuthError from '../errors/AuthError';\r\nimport { normalizeObjectKeys } from 'shared/utils/objectUtils';\r\n\r\n/*\r\n * Calls protected endpoints in our API, applying the bearer token to each of those requests\r\n * @param {string} endpoint - The endpoint to consume\r\n * @param {string} method - HTTP action method\r\n * @param {object} config - Fetch configuration\r\n * @param {bool} retryOnUnauthorizedFailure - Flag to indicate we only want to try\r\n * to retry when we receive a 401 response, indicating we should try to refresh\r\n * our token, but only *once*!\r\n */\r\nfunction callApi(\r\n endpoint,\r\n method,\r\n config = {},\r\n retryOnUnauthorizedFailure = true\r\n) {\r\n /*\r\n * When we receive a 401 response from the API, it could be due to our auth token\r\n * having expired. We will attempt to refresh it in that case.\r\n */\r\n function attemptTokenRefresh() {\r\n return authService\r\n .refreshToken()\r\n .then(() => callApi(endpoint, method, config, false));\r\n }\r\n\r\n /*\r\n * When we expect no json body, return the response directly\r\n */\r\n function returnResponse(requestConfig) {\r\n return fetch(endpoint, requestConfig).then(response => {\r\n if (response.ok) {\r\n return Promise.resolve(response);\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.UNAUTHORIZED) {\r\n if (retryOnUnauthorizedFailure) {\r\n return attemptTokenRefresh();\r\n }\r\n throw new AuthError('Could not authenticate with api');\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.BAD_REQUEST) {\r\n return response\r\n .json()\r\n .then(json => Promise.reject(json))\r\n .catch(json =>\r\n Promise.reject({\r\n status: response.status,\r\n error: json,\r\n message: response.statusText,\r\n })\r\n );\r\n }\r\n return Promise.reject(response);\r\n });\r\n }\r\n\r\n /*\r\n * When we expect JSON in the response body, we will return that.\r\n */\r\n function returnResponseWithJson(requestConfig) {\r\n return fetch(endpoint, requestConfig)\r\n .then(response => {\r\n return response\r\n .json()\r\n .then(json => {\r\n return { json, response };\r\n })\r\n .catch(() => {\r\n return { response };\r\n });\r\n })\r\n .then(({ json, response }) => {\r\n if (response.ok) {\r\n return json;\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.UNAUTHORIZED) {\r\n if (retryOnUnauthorizedFailure) {\r\n return attemptTokenRefresh();\r\n }\r\n throw new AuthError('Could not authenticate with api');\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.BAD_REQUEST) {\r\n // Code below is temporary. Must be removed when backend starts\r\n // sending error shape for invalid csv extension\r\n let responseShape = json;\r\n const invalidCSVFileExtensionErrorText =\r\n 'You must upload a file with a .csv extension.';\r\n if (response.statusText === invalidCSVFileExtensionErrorText) {\r\n responseShape = ['Error: api_error.invalid_csv_file_extension'];\r\n }\r\n return Promise.reject(normalizeObjectKeys(responseShape));\r\n }\r\n\r\n return Promise.reject(\r\n normalizeObjectKeys({\r\n status: response.status,\r\n statusText: response.statusText,\r\n url: response.url,\r\n responseJSON: json,\r\n })\r\n );\r\n });\r\n }\r\n\r\n const token = authService.getAuthToken();\r\n const headers = {};\r\n const userHeaders = config ? config.headers || {} : {};\r\n\r\n if (token) {\r\n headers.Authorization = `Bearer ${token}`;\r\n }\r\n\r\n headers['Content-Type'] = CONSTANTS.CONTENT_TYPES.APPLICATION_JSON;\r\n\r\n // If the HTTP method is GET, we'll supply a default Accept header of APPLICATION_JSON\r\n if (method.toUpperCase() === CONSTANTS.METHODS.GET && !userHeaders.Accept) {\r\n Object.assign(headers, {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n });\r\n }\r\n\r\n Object.assign(headers, userHeaders);\r\n\r\n // By convention, if we have a content-type of \"undefined\" we will remove the\r\n // content-type header entirely. Multipaqrt form must be submitted without that header\r\n // so the browser will know to supply it itself along with a random form part boundary.\r\n if (headers['Content-Type'] === undefined) {\r\n delete headers['Content-Type'];\r\n }\r\n\r\n const requestConfig = { ...config, method, headers };\r\n\r\n if (headers.Accept === CONSTANTS.CONTENT_TYPES.APPLICATION_JSON) {\r\n return returnResponseWithJson(requestConfig);\r\n }\r\n return returnResponse(requestConfig);\r\n}\r\n\r\nexport default callApi;\r\n","import React from 'react';\r\nimport createClass from 'create-react-class';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nconst gridClassGenerator = (Component) => {\r\n const GridClassGenerator = createClass({\r\n propTypes: {\r\n s: PropTypes.number,\r\n m: PropTypes.number,\r\n l: PropTypes.number,\r\n xl: PropTypes.number,\r\n 's-offset': PropTypes.number,\r\n 'm-offset': PropTypes.number,\r\n 'l-offset': PropTypes.number,\r\n children: PropTypes.node,\r\n },\r\n\r\n buildClassList(props) {\r\n const sizes = ['s', 'm', 'l', 'xl'];\r\n const classes = [];\r\n sizes.forEach(s => {\r\n // Emits classes like s12\r\n if (props[s]) {\r\n classes.push(s + props[s]);\r\n }\r\n\r\n // Emits offset classes like offset-s6\r\n if (props[`${s}-offset`]) {\r\n classes.push(`offset-${s}${props[`${s}-offset`]}`);\r\n }\r\n });\r\n\r\n return classNames(classes);\r\n },\r\n\r\n render() {\r\n return (\r\n {searchComponent && (\r\n
\r\n );\r\n}\r\n\r\nFilters.propTypes = {\r\n searchComponent: PropTypes.node,\r\n sortComponent: PropTypes.node,\r\n orderComponent: PropTypes.node,\r\n classes: PropTypes.any,\r\n};\r\n\r\nexport default Filters;\r\n","import React from 'react';\r\nimport svgIconGenerator from './../utils/svgIconGenerator';\r\n\r\nconst IconSearch = (props) => (\r\n \r\n);\r\n\r\nexport default svgIconGenerator(IconSearch);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { orangeColor } from 'css/variables';\r\n\r\nconst Svg = styled.svg`\r\n display: block;\r\n`;\r\n\r\nconst StyledPath = styled.path``;\r\n\r\nconst Arrow = ({\r\n width,\r\n height,\r\n viewBox,\r\n preserveAspectRatio,\r\n fill,\r\n strokeWidth,\r\n stroke,\r\n}) => (\r\n {searchComponent}
\r\n )}\r\n {additionalComponent && {additionalComponent}
}\r\n {sortComponent && {sortComponent}
}\r\n \r\n {orderComponent && {orderComponent}
}\r\n {this.props.children}
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default ClickOutside;\r\n","import styled from 'styled-components';\r\n\r\nconst ExtraValue = styled.span`\r\n &:not(:empty) {\r\n opacity: .6;\r\n &:before {\r\n content: '/';\r\n margin-left: 6px;\r\n margin-right: 4px;\r\n }\r\n }\r\n`;\r\n\r\nexport default ExtraValue;\r\n","import React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport styled from 'styled-components';\r\n\r\nimport { errorColor } from 'css/variables';\r\n\r\nimport { toArray } from 'utils/arrayUtils';\r\n\r\nconst Error = ({ errors, align, className }) => (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nSpecialOptionSelector.propTypes = {\r\n title: PropTypes.string,\r\n onClick: PropTypes.func.isRequired,\r\n specialOptions: PropTypes.array,\r\n};\r\n\r\nexport default SpecialOptionSelector;\r\n","import * as types from 'provisioning/constants/layout';\r\n\r\nconst breadcrumbs = (state = [], action) => {\r\n if (action.type === types.SET_BREADCRUMBS) {\r\n return action.breadcrumbs;\r\n }\r\n return state;\r\n};\r\n\r\nexport default breadcrumbs;\r\n\r\nexport const getBreadcrumbs = (state) => state;\r\n","import * as types from 'provisioning/constants/layout';\r\n\r\nconst sidebar = (state = false, action) => {\r\n switch (action.type) {\r\n case types.TOGGLE_SIDEBAR_OPEN:\r\n return !state;\r\n case types.HIDE_SIDEBAR:\r\n return false;\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default sidebar;\r\n\r\nexport const getSidebarIsOpen = (state) => state;\r\n","import { combineReducers } from 'redux';\r\nimport breadcrumbs, * as fromBreadcrumbs from './breadcrumbs';\r\nimport sidebar, * as fromSidebar from './sidebar';\r\n\r\nconst layout = combineReducers({\r\n breadcrumbs,\r\n sidebar,\r\n});\r\n\r\nexport default layout;\r\n\r\nexport const getBreadcrumbs = (state) => fromBreadcrumbs.getBreadcrumbs(state.breadcrumbs);\r\nexport const getSidebarIsOpen = (state) => fromSidebar.getSidebarIsOpen(state.sidebar);\r\n","import CONSTANTS from 'shared/utils/constants';\r\nimport apiHelper from 'shared/utils/apiHelper';\r\n\r\nimport { createApiRequest } from 'shared/helpers/actions';\r\n\r\n/**\r\n * Call web API \"minorflow/{inviteId}/invitecold\". Method \"InviteCold\" in MinorFlowController.cs.\r\n * \r\n * @param {*} id \r\n * @param {*} invitation \r\n * @returns \r\n */\r\nexport const inviteMinorColdPass = (id, invitation = {}) => createApiRequest({\r\n\tendpoint: apiHelper.buildPath(CONSTANTS.API.MINORS.INVITE_COLD, id),\r\n\tmethod: CONSTANTS.METHODS.POST,\r\n\tbody: { ...invitation },\r\n});\r\n\r\nexport const registerMinorColdPass = (invitation = {}) => createApiRequest({\r\n\tendpoint: CONSTANTS.API.MINORS.REGISTER_COLD,\r\n\tmethod: CONSTANTS.METHODS.POST,\r\n\tbody: { ...invitation },\r\n});","import { reset } from \"redux-form\";\r\nimport moment from \"moment\";\r\nimport { openModal, closeModal, MODAL_STEPS } from \"components/Modals\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport * as api from \"api/minorCold\";\r\nimport { fetchPassTypes } from \"actions/passTypesByEvent\";\r\nimport { getEventDetails } from \"reducers/event\";\r\nimport { ACCOUNT_ROLES } from \"constants/roles\";\r\nimport { checkAccountForDefaultUserPermission } from \"utils/permissionUtils\";\r\n\r\nconst getMinorFullName = (minor) =>\r\n `${minor.MinorFirstName} ${minor.MinorLastName}`;\r\nconst locale = \"minor_cold_invitation.invite_action.\";\r\nconst successLocale = (str) => `${locale}success.${str}`;\r\nconst errorLocale = (str) => `${locale}error.${str}`;\r\n\r\nconst DEFAULT_CONFIRM_SEND_DEADLINE_DESC =\r\n \"inviteGuests.invitation.deadLine.confirm_send.warning\";\r\nconst DEFAULT_WARN_CANNOT_SEND_DEADLINE_DESC =\r\n \"inviteGuests.invitation.deadLine.no_invite_deadline.warning\";\r\nconst DEADLINE_INVITATION_WARNING = \"inviteGuests.invitation.deadLine.warning\";\r\n\r\nfunction extractPasslimitById(passObjects, passTypeId, paymentTypeId) {\r\n if (!!passObjects && Object.keys(passObjects).length > 0) {\r\n for (const passKey in passObjects) {\r\n const passSummary = passObjects[passKey];\r\n if (!!passSummary.passLimit) {\r\n const { passLimit } = passSummary;\r\n if (\r\n passLimit.passTypeId === passTypeId &&\r\n passLimit.paymentTypeId === paymentTypeId\r\n )\r\n return passLimit;\r\n }\r\n }\r\n return null;\r\n }\r\n return null;\r\n}\r\n\r\nconst { complete, processing, confirmation, warning } = MODAL_STEPS;\r\n\r\nexport const inviteMinorColdPass = ({\r\n formId,\r\n inviterId,\r\n invitation,\r\n closeModal: closeModalCallback,\r\n age,\r\n eventId,\r\n affiliateId,\r\n passTypeId,\r\n paymentTypeId,\r\n isPriceForMinor,\r\n}) => (dispatch, getState) => {\r\n const state = getState();\r\n const { Invitations } = invitation;\r\n let modalStack = [];\r\n\r\n const resetAndClose = () => {\r\n window.setTimeout(() => {\r\n dispatch(reset(formId));\r\n closeModalCallback();\r\n }, 0);\r\n };\r\n\r\n const addPendingModalCallback = (successCount) => {\r\n const pendingApprovalModal = complete(successLocale(\"invited\"), {\r\n values: { fullName: getMinorFullName(Invitations[0]), count: successCount },\r\n onAccept: resetAndClose,\r\n });\r\n modalStack.push(pendingApprovalModal);\r\n };\r\n\r\n /**\r\n * Submit oneMinor Code Invitation.\r\n * Note: 6145 Submit Bulk Minor Invitations logic refered old code here.\r\n * Bug fix for 7740. Display validation for #4 issue.\r\n * @returns\r\n */\r\n const postMinorColdInvitation = () =>\r\n api\r\n .inviteMinorColdPass(inviterId, invitation)\r\n .then((data) => addPendingModalCallback(data.ValidInvitations.length))\r\n .catch((error) => {\r\n if (error) {\r\n if (error.invalidInvitations && error.invalidInvitations.length > 0) {\r\n error.invalidInvitations.forEach((invalidResponse) => {\r\n if (invalidResponse.validations.length > 0) {\r\n invalidResponse.validations.forEach((validation) => {\r\n switch (validation.error) {\r\n case \"InvitationHasDuplicateValidation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(errorLocale(\"duplicate_invitation\"))\r\n );\r\n break;\r\n case \"InvitationToChildHasAnExistingAdultInvitation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n \"minor_hot_invitation.invite_action.error.existing_adult_invitation\",\r\n null,\r\n {\r\n values: { passTypeName: validation.passType },\r\n }\r\n )\r\n );\r\n break;\r\n case \"GuestOverAgeValidation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n errorLocale(\"minor_invite_too_old\"),\r\n null,\r\n {\r\n values: { ageOfMajority: age },\r\n }\r\n )\r\n );\r\n break;\r\n case \"InvalidPhoneValidation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n errorLocale(\"invalid_phone_number\"),\r\n null,\r\n {\r\n values: { message: validation.message },\r\n }\r\n )\r\n );\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n //\r\n // Display ValidateInvitesForLogonUserAffiliates error and other errors in responseJSON.errors collection.\r\n // Associated to bug fix 7740.\r\n //\r\n if (error.responseJSON) {\r\n // Handle array of error objects (e.g., PassLimitNotFoundForInvitationException)\r\n if (Array.isArray(error.responseJSON) && error.responseJSON.length > 0) {\r\n error.responseJSON.forEach((e) => {\r\n if (e.Message && e.Message.length > 0) {\r\n modalStack.push(MODAL_STEPS.warning(e.Message));\r\n }\r\n });\r\n } else if (\r\n error.responseJSON.errors &&\r\n error.responseJSON.errors.length > 0\r\n ) {\r\n error.responseJSON.errors.forEach((e) => {\r\n if (e.message && e.message.length>0) {\r\n modalStack.push(MODAL_STEPS.warning(e.message));\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n //\r\n // Handle model validation errors (flat object format from ASP.NET Core)\r\n // Example: { \"Invitations[0].GuardianEmail\": \"GuardianEmail has an invalid email format.\" }\r\n //\r\n if (error && typeof error === 'object' && !Array.isArray(error)) {\r\n // Check if error is a flat object with field paths as keys (model validation errors)\r\n // Field paths typically contain brackets [ or dots . (e.g., \"Invitations[0].GuardianEmail\")\r\n const errorKeys = Object.keys(error);\r\n const hasModelValidationErrors = errorKeys.some(key => \r\n (key.includes('[') || key.includes('.')) && typeof error[key] === 'string'\r\n );\r\n \r\n if (hasModelValidationErrors) {\r\n // Extract all error messages from the flat object\r\n errorKeys.forEach(key => {\r\n const errorMessage = error[key];\r\n if (typeof errorMessage === 'string' && errorMessage.length > 0) {\r\n modalStack.push(MODAL_STEPS.warning(errorMessage));\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Also check error.responseJSON for model validation errors\r\n if (error.responseJSON && typeof error.responseJSON === 'object' && !Array.isArray(error.responseJSON)) {\r\n const responseKeys = Object.keys(error.responseJSON);\r\n const hasModelValidationErrors = responseKeys.some(key => \r\n (key.includes('[') || key.includes('.')) && typeof error.responseJSON[key] === 'string'\r\n );\r\n \r\n if (hasModelValidationErrors) {\r\n responseKeys.forEach(key => {\r\n const errorMessage = error.responseJSON[key];\r\n if (typeof errorMessage === 'string' && errorMessage.length > 0) {\r\n modalStack.push(MODAL_STEPS.warning(errorMessage));\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n\r\n // Use modalStack for the processing modal so error modals pushed to it are displayed\r\n const openProcessingModal = () => {\r\n modalStack = [processing(\"Inviting...\", postMinorColdInvitation)];\r\n return dispatch(openModal(modalStack));\r\n };\r\n\r\n // Extract deadline check parameters from invitation payload if not provided\r\n const firstInvitation = Invitations && Invitations[0];\r\n const effectiveEventId = eventId || (firstInvitation && firstInvitation.EventId);\r\n const effectiveAffiliateId = affiliateId || (firstInvitation && (firstInvitation.InviterAffiliateId || firstInvitation.inviterAffiliateId));\r\n const effectivePassTypeId = passTypeId || (firstInvitation && firstInvitation.PassTypeIds && firstInvitation.PassTypeIds[0]);\r\n const effectivePaymentTypeId = paymentTypeId || (firstInvitation && firstInvitation.PaymentTypeId);\r\n\r\n // Check deadline if all required parameters are available\r\n if (effectiveEventId && effectiveAffiliateId && effectivePassTypeId && effectivePaymentTypeId) {\r\n return dispatch(\r\n fetchPassTypes(effectiveEventId, effectiveAffiliateId, effectivePaymentTypeId, {\r\n isPriceForMinor: isPriceForMinor === true,\r\n })\r\n )\r\n .then((passObject) => {\r\n if (\r\n passObject &&\r\n passObject.passTypes &&\r\n passObject.passTypes.entities &&\r\n passObject.passTypes.entities.summaryOfPassTypes\r\n ) {\r\n const { summaryOfPassTypes } = passObject.passTypes.entities;\r\n const event = getEventDetails(state.event);\r\n\r\n if (event && event.startTime) {\r\n const passLimit = extractPasslimitById(\r\n summaryOfPassTypes,\r\n effectivePassTypeId,\r\n effectivePaymentTypeId\r\n );\r\n\r\n if (passLimit) {\r\n const { deadLine, lateFee } = passLimit;\r\n\r\n if ((deadLine || deadLine === 0) && lateFee) {\r\n const eventTime = moment(event.startTime);\r\n const currTime = moment();\r\n const secondsTimeDiff = eventTime.diff(currTime, \"seconds\");\r\n const dateDiff = secondsTimeDiff / 60 / 60 / 24;\r\n\r\n // If past deadline\r\n if (dateDiff <= deadLine) {\r\n if (lateFee === -1) {\r\n if (\r\n checkAccountForDefaultUserPermission(state.account, [\r\n ACCOUNT_ROLES.ADMIN,\r\n ACCOUNT_ROLES.SUPER_ADMIN,\r\n ])\r\n ) {\r\n return dispatch(\r\n openModal([\r\n confirmation(DEFAULT_CONFIRM_SEND_DEADLINE_DESC, {\r\n onAccept: () => {\r\n setTimeout(() => {\r\n openProcessingModal();\r\n }, 0);\r\n },\r\n }),\r\n ])\r\n );\r\n }\r\n\r\n return dispatch(\r\n openModal([\r\n warning(\r\n DEFAULT_WARN_CANNOT_SEND_DEADLINE_DESC,\r\n () => {\r\n dispatch(closeModal());\r\n },\r\n {\r\n values: {\r\n payment_type: CONSTANTS.UI_PAYMENT_TYPES[\r\n passLimit.paymentTypeId\r\n ].toLowerCase(),\r\n },\r\n }\r\n ),\r\n ])\r\n );\r\n }\r\n\r\n return dispatch(\r\n openModal([\r\n confirmation(DEADLINE_INVITATION_WARNING, {\r\n values: {\r\n lateFee,\r\n invitations: Invitations.length,\r\n },\r\n onClose: () => {\r\n dispatch(closeModal());\r\n },\r\n onAccept: () => {\r\n setTimeout(() => {\r\n openProcessingModal();\r\n }, 0);\r\n },\r\n }),\r\n ])\r\n );\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // No deadline issues, proceed normally\r\n return openProcessingModal();\r\n })\r\n .catch(() => {\r\n // If deadline check fails, proceed anyway\r\n return openProcessingModal();\r\n });\r\n }\r\n\r\n // No deadline check parameters provided, proceed normally\r\n return openProcessingModal();\r\n};\r\n\r\nexport const registerMinorColdPass = ({\r\n formId,\r\n invitation,\r\n closeModal,\r\n age,\r\n}) => (dispatch) => {\r\n\r\n const { Invitations } = invitation;\r\n let modalStack = [];\r\n\r\n const resetAndClose = () => {\r\n window.setTimeout(() => {\r\n dispatch(reset(formId));\r\n closeModal();\r\n }, 0);\r\n };\r\n\r\n const addPendingModalRegCallback = (successCount) => {\r\n const pendingApprovalModal = complete(successLocale(\"register\"), {\r\n values: { fullName: getMinorFullName(Invitations[0]), count: successCount },\r\n onAccept: resetAndClose,\r\n });\r\n modalStack.push(pendingApprovalModal);\r\n };\r\n\r\n /**\r\n * Submit oneMinor Code Invitation.\r\n * Note: 6145 Submit Bulk Minor Invitations logic refered old code here.\r\n * Bug fix for 7740. Display validation for #4 issue.\r\n * @returns\r\n */\r\n const postMinorColdRegistration = () =>\r\n api\r\n .registerMinorColdPass(invitation)\r\n .then((data) => addPendingModalRegCallback(data.ValidInvitations.length))\r\n .catch((error) => {\r\n if (error) {\r\n if (error.invalidInvitations && error.invalidInvitations.length > 0) {\r\n error.invalidInvitations.forEach((invalidResponse) => {\r\n if (invalidResponse.validations.length > 0) {\r\n invalidResponse.validations.forEach((validation) => {\r\n switch (validation.error) {\r\n case \"InvitationHasDuplicateValidation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(errorLocale(\"duplicate_registration\"), null,\r\n {\r\n values: { name: invalidResponse.invite.firstName }\r\n }\r\n )\r\n );\r\n break;\r\n case \"InvitationToChildHasAnExistingAdultInvitation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n errorLocale(\"existing_adult_registration\"),\r\n null,\r\n {\r\n values: { passTypeName: validation.passType },\r\n }\r\n )\r\n );\r\n break;\r\n case \"GuestOverAgeValidation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n errorLocale(\"minor_register_too_old\"),\r\n null,\r\n {\r\n values: { ageOfMajority: age },\r\n }\r\n )\r\n );\r\n break;\r\n case \"InvalidPhoneValidation\":\r\n modalStack.push(\r\n MODAL_STEPS.warning(\r\n errorLocale(\"invalid_phone_number\"),\r\n null,\r\n {\r\n values: { message: validation.message },\r\n }\r\n )\r\n );\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n //\r\n // Display ValidateInvitesForLogonUserAffiliates error and other errors in responseJSON.errors collection.\r\n // Associated to bug fix 7740.\r\n //\r\n if (error.responseJSON) {\r\n // Handle array of error objects (e.g., PassLimitNotFoundForInvitationException)\r\n if (Array.isArray(error.responseJSON) && error.responseJSON.length > 0) {\r\n error.responseJSON.forEach((e) => {\r\n if (e.Message && e.Message.length > 0) {\r\n modalStack.push(MODAL_STEPS.warning(e.Message));\r\n }\r\n });\r\n } else if (\r\n error.responseJSON.errors &&\r\n error.responseJSON.errors.length > 0\r\n ) {\r\n error.responseJSON.errors.forEach((e) => {\r\n if (e.message && e.message.length>0) {\r\n modalStack.push(MODAL_STEPS.warning(e.message));\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n //\r\n // Handle model validation errors (flat object format from ASP.NET Core)\r\n // Example: { \"Invitations[0].GuardianEmail\": \"GuardianEmail has an invalid email format.\" }\r\n //\r\n if (error && typeof error === 'object' && !Array.isArray(error)) {\r\n // Check if error is a flat object with field paths as keys (model validation errors)\r\n // Field paths typically contain brackets [ or dots . (e.g., \"Invitations[0].GuardianEmail\")\r\n const errorKeys = Object.keys(error);\r\n const hasModelValidationErrors = errorKeys.some(key => \r\n (key.includes('[') || key.includes('.')) && typeof error[key] === 'string'\r\n );\r\n \r\n if (hasModelValidationErrors) {\r\n // Extract all error messages from the flat object\r\n errorKeys.forEach(key => {\r\n const errorMessage = error[key];\r\n if (typeof errorMessage === 'string' && errorMessage.length > 0) {\r\n modalStack.push(MODAL_STEPS.warning(errorMessage));\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Also check error.responseJSON for model validation errors\r\n if (error.responseJSON && typeof error.responseJSON === 'object' && !Array.isArray(error.responseJSON)) {\r\n const responseKeys = Object.keys(error.responseJSON);\r\n const hasModelValidationErrors = responseKeys.some(key => \r\n (key.includes('[') || key.includes('.')) && typeof error.responseJSON[key] === 'string'\r\n );\r\n \r\n if (hasModelValidationErrors) {\r\n responseKeys.forEach(key => {\r\n const errorMessage = error.responseJSON[key];\r\n if (typeof errorMessage === 'string' && errorMessage.length > 0) {\r\n modalStack.push(MODAL_STEPS.warning(errorMessage));\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n\r\n modalStack = [processing(\"Registering...\", postMinorColdRegistration)];\r\n\r\n return dispatch(openModal(modalStack));\r\n};\r\n","import styled from 'styled-components';\r\nimport { getStyles } from 'shared/helpers/styles';\r\n\r\nconst TextFieldLabel = styled.label`\r\n position: absolute;\r\n top: ${getStyles('isActive', '0', '50%')};\r\n left: 0;\r\n cursor: text;\r\n pointer-events: none;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n pointer-events: none;\r\n max-width: 100%;\r\n text-overflow: ellipsis;\r\n\r\n ${props => {\r\n const defaultStyle = `\r\n font-size: .9em;\r\n transform: translateY(-50%);\r\n @media screen and (min-width: 993px) {\r\n font-size: 1em;\r\n }\r\n `;\r\n\r\n if (props.isActive) {\r\n return `\r\n font-size: .75em;\r\n transform: translateY(-100%);\r\n `;\r\n }\r\n\r\n if (props.inputType === 'textarea') {\r\n return `\r\n ${defaultStyle}\r\n left: 5px;\r\n `;\r\n }\r\n\r\n return defaultStyle;\r\n }};\r\n transition: 0.2s;\r\n`;\r\n\r\nexport default TextFieldLabel;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport Asterix from 'css/components/Asterix';\r\nimport FieldLabel from 'css/components/FieldLabel';\r\n\r\nconst FormFieldLabel = ({\r\n text,\r\n isActive,\r\n isRequired,\r\n hideWhenActive,\r\n className,\r\n inputType,\r\n labelData,\r\n}) => {\r\n if (text) {\r\n if (hideWhenActive && isActive) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n {title}
\r\n \r\n {prefixIcon &&\r\n \r\n {label}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTextBox.propTypes = {\r\n placeholder: PropTypes.string,\r\n type: PropTypes.string,\r\n isDisabled: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onFocus: PropTypes.func,\r\n field: PropTypes.object,\r\n label: PropTypes.string,\r\n classList: PropTypes.string,\r\n prefixIcon: PropTypes.any,\r\n value: PropTypes.any,\r\n noValidate: PropTypes.bool,\r\n};\r\n\r\nexport default gridClassGenerator(TextBox);\r\n","export const UPDATE_ROLE_REDUCER = 'UPDATE_ROLE_REDUCER';\r\nexport const ROLES_REDUCER = 'ROLES_REDUCER';\r\nexport const ROLES_FILTER_REDUCER = 'ROLES_FILTER_REDUCER';\r\nexport const PASS_TYPES_BY_AFFILIATE_REDUCER = 'PASS_TYPES_BY_AFFILIATE_REDUCER';\r\n\r\n// ===== edit/add user details =====\r\n// TODO: the constant below value must be in uppercase.\r\n// Will fix it on a refactoring period;\r\nexport const EDIT_USER_REDUCER = 'editUser';\r\nexport const ADD_USER_REDUCER = 'addUser';\r\n\r\nexport const INVITATION_AFFILIATES_REDUCER = 'INVITATION_AFFILIATES_REDUCER';\r\n","export const fitImageInArea = (data, width, height) => (\r\n new Promise((resolve, reject) => {\r\n const image = new Image();\r\n image.onload = (e) => {\r\n try {\r\n const canvas = document.createElement('canvas');\r\n const ctx = canvas.getContext('2d');\r\n let setWidth = 0;\r\n let setHeight = 0;\r\n\r\n if (image.naturalWidth >= image.naturalHeight) {\r\n setWidth = width;\r\n setHeight = image.naturalHeight * width / image.naturalWidth;\r\n } else {\r\n setWidth = image.naturalWidth * height / image.naturalHeight;\r\n setHeight = height;\r\n }\r\n\r\n ctx.canvas.width = setWidth;\r\n ctx.canvas.height = setHeight;\r\n\r\n ctx.drawImage(image, 0, 0, setWidth, setHeight);\r\n resolve(canvas.toDataURL());\r\n } catch (e) {\r\n reject(e);\r\n }\r\n };\r\n\r\n image.src = data;\r\n })\r\n);\r\n\r\nexport const getDummyBase64Image = (width = 50, height = 50, bgColor = '#ffffff', text = '') => {\r\n const canvas = document.createElement('canvas');\r\n const ctx = canvas.getContext('2d');\r\n ctx.canvas.width = width;\r\n ctx.canvas.height = height;\r\n ctx.fillStyle = bgColor;\r\n ctx.fillRect(0, 0, width, height);\r\n ctx.font = \"14px Georgia\";\r\n ctx.textBaseline = 'middle';\r\n ctx.textAlign = 'center';\r\n ctx.fillStyle = '#ffffff';\r\n ctx.fillText(text, width / 2, height / 2);\r\n return canvas.toDataURL();\r\n};\r\n\r\nexport const getRandomHexColor = () => `#${Math.floor(Math.random() * 16777215).toString(16)}`;\r\n","export const getErrorMessage = (state) => state.errorMessage;\r\nexport const getIsFetching = (state) => state.isFetching;\r\nexport const getDetails = (state) => state.details;\r\nexport const getFilters = (state) => state.filters;\r\n","export const RESET_LOGIN_PASSWORD_REDUCER_NAME = 'resetLoginPassword';\r\n","import { normalize } from 'normalizr';\r\n\r\nimport CONSTANTS from 'shared/utils/constants';\r\n\r\nimport apiHelper from 'shared/utils/apiHelper';\r\nimport { createGuestFromData } from 'actions/inviteGuests';\r\nimport * as schema from 'actions/inviteGuests/schema';\r\n\r\nimport {\r\n listTypes,\r\n ADD_GUESTS_SECTION__RECEIVE_GUESTS_CSV_FILE,\r\n ADD_GUESTS_SECTION__UPLOAD_CSV_FILE_SUCCESS,\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__RECEIVE_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH_FAILURE,\r\n} from 'constants/inviteGuests';\r\n\r\nimport { getFileListByFilter } from 'reducers/inviteGuests/manageGuests';\r\n\r\nexport const receiveCSVFile = file => ({\r\n type: ADD_GUESTS_SECTION__RECEIVE_GUESTS_CSV_FILE,\r\n response: normalize(file, schema.file),\r\n payload: {\r\n filter: listTypes.ALL,\r\n },\r\n});\r\n\r\nexport const createGuestsFromResponse = (response, fileId) => {\r\n let num = 0;\r\n return schema.mapResponseItemsToSchema(response, responseItem => {\r\n const id = `${fileId}__${num++}`;\r\n const guestShape = {\r\n ...createGuestFromData(responseItem, id),\r\n uploadedFrom: fileId,\r\n };\r\n return guestShape;\r\n });\r\n};\r\n\r\nexport const createGuestsFromInvitationsResponse = (response, fileId) => {\r\n return schema.mapResponseInvitationsToSchema(response, responseItem => {\r\n const guestShape = {\r\n ...createGuestFromData(responseItem),\r\n uploadedFrom: fileId,\r\n };\r\n return guestShape;\r\n });\r\n};\r\n\r\nexport const importGuestsFromCSV = (data, eventId, affiliateId, paymentTypeId) => (dispatch, getState) => {\r\n const state = getState();\r\n const fileIds = getFileListByFilter(state, listTypes.ALL);\r\n\r\n const form = new FormData();\r\n form.append('Content', data, data.name);\r\n const fileId = data.name;\r\n\r\n const endPoint = (eventId && affiliateId && paymentTypeId)\r\n ? apiHelper.buildEndpoint(CONSTANTS.API.INVITATIONS.VERIFY, { eventId, affiliateId, paymentTypeId, })\r\n : `${CONSTANTS.API.INVITATIONS.VERIFY}`;\r\n\r\n return dispatch(\r\n apiHelper.formatRequest({\r\n endpoint: endPoint,\r\n method: CONSTANTS.METHODS.POST,\r\n body: form,\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n 'Content-Type': undefined,\r\n },\r\n stringifyBody: false,\r\n options: {\r\n requestId: 'importGuestsFromCSV',\r\n onSuccess: ({\r\n invalidInvitations,\r\n duplicateInvitations,\r\n validInvitations,\r\n }) => {\r\n const invitations = duplicateInvitations\r\n .concat(validInvitations)\r\n .concat(invalidInvitations);\r\n const guests = createGuestsFromResponse(invitations, fileId);\r\n const normalizedGuests = normalize(guests, schema.arrayOfGuests);\r\n const isFileExists = fileIds.includes(fileId);\r\n const payload = {\r\n notificationMethods: normalizedGuests.notificationMethods,\r\n };\r\n\r\n if (!isFileExists) {\r\n payload.uploadedFile = normalize(\r\n {\r\n id: fileId,\r\n name: data.name,\r\n guests: normalizedGuests.result,\r\n },\r\n schema.file\r\n );\r\n }\r\n\r\n return dispatch({\r\n type: ADD_GUESTS_SECTION__UPLOAD_CSV_FILE_SUCCESS,\r\n payload,\r\n response: normalizedGuests,\r\n });\r\n },\r\n },\r\n })\r\n );\r\n};\r\n\r\nexport const requestGuestsByQuery = query => dispatch => {\r\n const payload = {\r\n searchValue: query,\r\n };\r\n\r\n return dispatch({\r\n [CONSTANTS.CALL_API]: {\r\n types: [\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__RECEIVE_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH_FAILURE,\r\n ],\r\n endpoint: `${\r\n CONSTANTS.API.USERS.SEARCH\r\n }?query=${window.encodeURIComponent(query)}&page=1&size=20`,\r\n method: CONSTANTS.METHODS.GET,\r\n normalizeResponse: true,\r\n requestPayload: payload,\r\n responsePayload: response => {\r\n const { notificationMethods = {} } = response.entities;\r\n return {\r\n ...payload,\r\n notificationMethods: Object.keys(notificationMethods),\r\n };\r\n },\r\n transformResponse: ({ results }) => {\r\n const guests = createGuestsFromResponse(results);\r\n return normalize(guests, schema.arrayOfGuests);\r\n },\r\n },\r\n });\r\n};\r\nexport const requestGuestsByQueryAnnual = () => dispatch => {\r\n return dispatch({\r\n [CONSTANTS.CALL_API]: {\r\n types: [\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__RECEIVE_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH_FAILURE,\r\n ],\r\n endpoint: `${\r\n CONSTANTS.API.ANNUAL_PASSES.ALL\r\n }`,\r\n method: CONSTANTS.METHODS.GET,\r\n normalizeResponse: true,\r\n responsePayload: response => {\r\n const { notificationMethods = {} } = response.entities;\r\n return {\r\n notificationMethods: Object.keys(notificationMethods),\r\n };\r\n },\r\n transformResponse: (results) => {\r\n const allActiveAnnual = results.filter(item => item.isActive);\r\n const guests = createGuestsFromResponse(allActiveAnnual);\r\n return normalize(guests, schema.arrayOfGuests);\r\n },\r\n },\r\n });\r\n};\r\n\r\nexport const requestGuestsFromEventByQuery = (eventId, { query, status }) => dispatch => {\r\n const payload = {\r\n searchValue: query,\r\n };\r\n\r\n const encodedQuery = `?searchCriteria.searchTerm=${window.encodeURIComponent(query)}&page=1&size=20`; \r\n\r\n return dispatch({\r\n [CONSTANTS.CALL_API]: {\r\n types: [\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__RECEIVE_GUESTS_FROM_SEARCH,\r\n ADD_GUESTS_SECTION__REQUEST_GUESTS_FROM_SEARCH_FAILURE,\r\n ],\r\n endpoint: `${\r\n apiHelper.buildPath(CONSTANTS.API.EVENTS.GUESTS, eventId)\r\n }${status ? `${encodedQuery}&searchCriteria.status=${status}` : encodedQuery}`,\r\n method: CONSTANTS.METHODS.GET,\r\n normalizeResponse: true,\r\n requestPayload: payload,\r\n responsePayload: response => {\r\n const { notificationMethods = {} } = response.entities;\r\n return {\r\n ...payload,\r\n notificationMethods: Object.keys(notificationMethods),\r\n };\r\n },\r\n transformResponse: ({ results }) => {\r\n const guests = createGuestsFromInvitationsResponse(results);\r\n const data = normalize(guests, schema.arrayOfGuests);\r\n return data;\r\n },\r\n },\r\n });\r\n};\r\n","import { combineReducers } from 'redux';\r\nimport createRequestStatusReducer, {\r\n isFetchingState,\r\n isLoadedState,\r\n} from 'shared/helpers/reducers/requestStatus';\r\nimport createErrorMessageReducer from 'shared/helpers/reducers/errorMessage';\r\nimport { RESET_PASSWORD_REDUCER_NAME } from './resources';\r\n\r\nconst requestState = createRequestStatusReducer(RESET_PASSWORD_REDUCER_NAME);\r\nconst errorMessage = createErrorMessageReducer(RESET_PASSWORD_REDUCER_NAME);\r\n\r\nexport default combineReducers({\r\n errorMessage,\r\n requestState,\r\n});\r\n\r\nexport const isUpdating = (state) => isFetchingState(state.requestState);\r\nexport const isUpdated = (state) => isLoadedState(state.requestState);\r\nexport const getErrorMessage = (state) => state.errorMessage;\r\n","import { SHOW_RESET_PASSWORD_MODAL, HIDE_RESET_PASSWORD_MODAL } from 'constants/resetPassword';\r\n\r\nconst resetPasswordInitialState = {\r\n isOpened: false,\r\n};\r\n\r\nconst resetPasswordModal = (state = resetPasswordInitialState, action) => {\r\n switch (action.type) {\r\n case SHOW_RESET_PASSWORD_MODAL:\r\n return {\r\n isOpened: true,\r\n };\r\n case HIDE_RESET_PASSWORD_MODAL:\r\n return {\r\n isOpened: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default resetPasswordModal;\r\n\r\nexport const isOpened = (state) => state.isOpened;\r\n","export const SHOW_RESET_PASSWORD_MODAL = 'SHOW_RESET_PASSWORD_MODAL';\r\nexport const HIDE_RESET_PASSWORD_MODAL = 'HIDE_RESET_PASSWORD_MODAL';","import { combineReducers } from 'redux';\r\n\r\nimport createIsFetchingReducer from 'shared/helpers/reducers/isFetching';\r\nimport createReducer from 'helpers/reducers/reducer';\r\nimport createUpdatingReducer, * as fromResetPasswordForm from 'helpers/reducers/updateReducer';\r\nimport { RESET_PASSWORD_REDUCER } from 'constants/reducers';\r\n\r\nimport { RESET_PASSWORD_REDUCER_NAME } from './resources';\r\nimport updateForm, * as fromForm from './updateForm';\r\nimport resetPasswordModal, * as fromModal from './resetPasswordModal';\r\n\r\nconst isFetching = createIsFetchingReducer(RESET_PASSWORD_REDUCER_NAME);\r\n\r\nexport default combineReducers({\r\n resetExistingPassword: createUpdatingReducer(RESET_PASSWORD_REDUCER),\r\n updateForm: createReducer(RESET_PASSWORD_REDUCER_NAME, updateForm),\r\n isFetching,\r\n resetPasswordModal,\r\n});\r\n\r\nexport const isFormUpdating = (state) =>\r\n fromForm.isUpdating(state.updateForm);\r\n\r\nexport const isFormUpdated = (state) =>\r\n fromForm.isUpdated(state.updateForm);\r\n\r\nexport const getErrorMessage = (state) =>\r\n fromForm.getErrorMessage(state.updateForm);\r\n\r\nexport const isPasswordReset = (state) =>\r\n fromResetPasswordForm.isUpdated(state.resetExistingPassword);\r\n\r\nexport const isPasswordResetting = (state) =>\r\n fromResetPasswordForm.isUpdating(state.resetExistingPassword);\r\n\r\nexport const getResetPasswordErrorMessage = (state) =>\r\n fromResetPasswordForm.getErrorMessage(state.resetExistingPassword);\r\n\r\nexport const isResetPasswordModalOpened = (state) =>\r\n fromModal.isOpened(state.resetPasswordModal);\r\n","import React from 'react';\r\nimport { injectIntl, FormattedMessage } from 'react-intl';\r\n\r\nconst getLocaleMessage = (id, intl) => id ? intl.formatMessage({ id }) : '';\r\n\r\nconst TextBoxLabel = ({\r\n field,\r\n label,\r\n intl,\r\n}) => (\r\n \r\n {prefixIcon}\r\n
\r\n }\r\n\r\n \r\n \r\n {prefixIcon &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nTextBox.propTypes = {\r\n placeholder: PropTypes.string,\r\n type: PropTypes.string,\r\n isDisabled: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n onFocus: PropTypes.func,\r\n field: PropTypes.object,\r\n label: PropTypes.string,\r\n classList: PropTypes.string,\r\n prefixIcon: PropTypes.any,\r\n value: PropTypes.any,\r\n noValidate: PropTypes.bool,\r\n};\r\n\r\nexport default gridClassGenerator(TextBox);\r\n","\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js??ref--7-oneOf-7-1!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-7-2!./allocations-summary.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../../node_modules/css-loader/index.js??ref--7-oneOf-7-1!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-7-2!./allocations-summary.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../../node_modules/css-loader/index.js??ref--7-oneOf-7-1!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-7-2!./allocations-summary.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import * as actionTypes from './actionTypes';\r\n\r\nconst initialState = {\r\n isAuthenticated: false,\r\n invalidCredentials: false,\r\n message: '',\r\n isLoggingOut: false,\r\n isLoading: false,\r\n};\r\n\r\nconst authReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SEND_AUTHENTICATION_REQUEST:\r\n return { ...state, isLoading: true };\r\n case actionTypes.AUTHENTICATION_SUCCESS:\r\n return {\r\n ...state,\r\n isAuthenticated: true,\r\n isLoggingOut: false,\r\n message: '',\r\n invalidCredentials: false,\r\n isLoading: false,\r\n };\r\n case actionTypes.AUTHENTICATION_FAILURE:\r\n return {\r\n ...state,\r\n isAuthenticated: false,\r\n isLoggingOut: false,\r\n message: action.message,\r\n invalidCredentials: false,\r\n isLoading: false,\r\n };\r\n case actionTypes.CLEAR_AUTHENTICATION_ERRORS:\r\n return {\r\n ...state,\r\n isAuthenticated: false,\r\n isLoggingOut: false,\r\n message: '',\r\n invalidCredentials: false,\r\n isLoading: false,\r\n };\r\n case actionTypes.AUTHENTICATION_LOGOUT:\r\n return {\r\n ...state,\r\n isAuthenticated: false,\r\n invalidCredentials: false,\r\n isLoggingOut: true,\r\n message: '',\r\n isLoading: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default authReducer;\r\n","import * as actionTypes from './actionTypes';\r\n\r\nconst initialState = {\r\n globalType: null,\r\n popoverType: null,\r\n popoverProps: {},\r\n extraProps: {},\r\n};\r\n\r\nconst popoverReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SHOW_POPOVER:\r\n return {\r\n globalType: action.globalType,\r\n popoverType: action.popoverType,\r\n popoverProps: action.popoverProps,\r\n extraProps: action.extraProps,\r\n };\r\n case actionTypes.HIDE_POPOVER:\r\n return { ...initialState, extraProps: action.extraProps };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default popoverReducer;\r\n","import PropTypes from 'prop-types';\r\n\r\nexport const errorType = PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.object,\r\n PropTypes.arrayOf(PropTypes.string),\r\n PropTypes.arrayOf(PropTypes.object),\r\n]);\r\n","import * as actionTypes from './actionTypes';\r\nimport { getShortDate } from 'shared/utils/dateUtils';\r\nimport 'babel-polyfill';\r\nimport sortBy from 'lodash/sortBy';\r\n\r\nconst initialState = {\r\n events: [],\r\n filteredEvents: [],\r\n isLoading: false,\r\n hasError: false,\r\n message: '',\r\n autocompleteVisible: false,\r\n selectedEvent: null,\r\n featuredEvent: null,\r\n upcomingEvent: null,\r\n formValue: '',\r\n noMatches: false,\r\n};\r\n\r\nconst eventsReducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.GET_EVENTS_REQUEST:\r\n return { ...state, isLoading: true, hasError: false, events: [] };\r\n case actionTypes.GET_EVENTS_SUCCESS: {\r\n let futureEvents = [];\r\n let selectedEvent = null;\r\n\r\n if (action.response && action.response.length) {\r\n futureEvents = action.response.map(e => {\r\n const event = e;\r\n event.displayStartDate = getShortDate(event.StartTime);\r\n return event;\r\n });\r\n\r\n futureEvents = sortBy(futureEvents, 'StartTime');\r\n\r\n selectedEvent = futureEvents[0];\r\n }\r\n\r\n return {\r\n ...state,\r\n isLoading: false,\r\n hasError: false,\r\n events: futureEvents,\r\n filteredEvents: futureEvents,\r\n selectedEvent,\r\n featuredEvent: selectedEvent,\r\n upcomingEvent: selectedEvent,\r\n noMatches: false,\r\n };\r\n }\r\n\r\n case actionTypes.GET_EVENTS_FAILURE:\r\n return { ...state, isLoading: false, hasError: true, message: 'Could not load events' };\r\n\r\n case actionTypes.GET_FILTERED_EVENTS: {\r\n const filteredEvents = state.events\r\n .filter(ev => {\r\n const hasName = ev.Name.toLowerCase().indexOf(action.suggestion.toLowerCase()) > -1;\r\n const hasVenue = ev.VenueName.toLowerCase().indexOf(action.suggestion.toLowerCase()) > -1;\r\n const hasEventTypes = ev.EventTypeName.toLowerCase().indexOf(action.suggestion.toLowerCase()) > -1;\r\n return hasName || hasVenue || hasEventTypes;\r\n });\r\n\r\n let noMatches = false;\r\n\r\n if (!filteredEvents.length) {\r\n noMatches = true;\r\n filteredEvents.unshift(state.upcomingEvent);\r\n }\r\n\r\n return {\r\n ...state,\r\n noMatches,\r\n filteredEvents,\r\n };\r\n }\r\n\r\n case actionTypes.SELECT_EVENT: {\r\n const selectedEvent =\r\n action.eventId === '' || action.eventId == null\r\n ? null\r\n : state.events.find(ev => Number(ev.Id) === Number(action.eventId)) ||\r\n null;\r\n let featuredEvent = state.featuredEvent;\r\n let filteredEvents = state.events.slice(0);\r\n\r\n if (selectedEvent) {\r\n featuredEvent = selectedEvent;\r\n }\r\n\r\n if (featuredEvent) {\r\n filteredEvents = filteredEvents.filter(\r\n event => Number(event.Id) !== Number(featuredEvent.Id)\r\n );\r\n filteredEvents.unshift(featuredEvent);\r\n }\r\n\r\n return {\r\n ...state,\r\n selectedEvent,\r\n featuredEvent,\r\n filteredEvents,\r\n noMatches: false,\r\n };\r\n }\r\n case actionTypes.UPDATE_EVENT_FORM_VALUE: {\r\n return {\r\n ...state,\r\n formValue: action.value,\r\n };\r\n }\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default eventsReducer;\r\n\r\nexport const getSelectedEvent = (state) => state.selectedEvent || {};\r\n\r\nexport const getEventPassTypes = (state) => getSelectedEvent(state).EventPassTypes || [];\r\n\r\nexport const getSortedEventPassTypes = (state) => {\r\n const eventPassTypes = getEventPassTypes(state);\r\n if (!eventPassTypes || eventPassTypes.length === 0) return [];\r\n\r\n let hotPassType = null;\r\n let coldPassType = null;\r\n let vipPassType = null;\r\n eventPassTypes.forEach((passType) => {\r\n if (passType.Name.toLowerCase() === 'cold') coldPassType = passType;\r\n if (passType.Name.toLowerCase() === 'hot') hotPassType = passType;\r\n if (passType.Name.toLowerCase() === 'vip') vipPassType = passType;\r\n });\r\n\r\n const sortedPassTypes = [];\r\n if (coldPassType) sortedPassTypes.push(coldPassType);\r\n if (hotPassType) sortedPassTypes.push(hotPassType);\r\n if (vipPassType) sortedPassTypes.push(vipPassType);\r\n return sortedPassTypes;\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\n\r\nconst ModalTemplate = ({ children }) => \r\n {prefixIcon}\r\n
\r\n }\r\n\r\n \r\n {label && \r\n \r\n Version {versionNumber}\r\n \r\n
\r\n );\r\n};\r\n\r\nLogin.propTypes = {\r\n fields: PropTypes.object.isRequired,\r\n handleSubmit: PropTypes.func,\r\n authState: authStateProps.isRequired,\r\n versionNumber: PropTypes.string,\r\n};\r\n\r\nexport default reduxForm({\r\n form: 'login',\r\n fields: ['email', 'password'],\r\n validate: loginValidator,\r\n})(Login);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { push } from 'react-router-redux';\r\nimport $ from 'jquery';\r\nimport autobind from 'react-autobind';\r\nimport Materialize from 'materialize-css';\r\nimport Login from './LoginView.jsx';\r\nimport Logger from 'provisioning/shared/utils/Logger';\r\nimport {\r\n authenticate,\r\n showInvalidCredentialsWarning,\r\n sendAuthenticationRequest,\r\n fetchVersion,\r\n} from './actions';\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport { authStateProps } from 'provisioning/propTypes/auth';\r\nimport { locationProps } from 'provisioning/propTypes/react-router';\r\nimport { startScanner } from 'provisioning/actions/scan';\r\n\r\nclass LoginContainer extends PureComponent {\r\n static propTypes = {\r\n loginRoute: PropTypes.func.isRequired,\r\n notifyScanner: PropTypes.func.isRequired,\r\n showInvalidCredentials: PropTypes.func.isRequired,\r\n sendAuthentication: PropTypes.func.isRequired,\r\n doLogin: PropTypes.func.isRequired,\r\n authState: authStateProps.isRequired,\r\n location: locationProps,\r\n getVersion: PropTypes.func.isRequired,\r\n };\r\n\r\n constructor() {\r\n super();\r\n\r\n autobind(this);\r\n\r\n this.state = {\r\n version: $('meta[name=\\'version\\']').attr('content'),\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { getVersion } = this.props;\r\n\r\n if (Materialize.updateTextFields) {\r\n Materialize.updateTextFields();\r\n }\r\n\r\n getVersion()\r\n .then(({ version }) => {\r\n this.setState({\r\n version,\r\n });\r\n })\r\n .catch((data) => {\r\n Logger.error('Unable to get version', data);\r\n this.setState({\r\n version: null,\r\n });\r\n });\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n const { loginRoute, notifyScanner, showInvalidCredentials, location: { query } } = this.props;\r\n const { authState: { invalidCredentials, isAuthenticated, message } } = nextProps;\r\n\r\n if (invalidCredentials) {\r\n showInvalidCredentials({ message });\r\n } else if (isAuthenticated) {\r\n notifyScanner();\r\n const redirect = query.next || CONSTANTS.URLS.LANDING;\r\n loginRoute(redirect);\r\n }\r\n }\r\n\r\n handleSubmit(data) {\r\n const { sendAuthentication, doLogin } = this.props;\r\n\r\n const authRequest = {\r\n email: data.email,\r\n password: data.password,\r\n };\r\n $('input').blur();\r\n sendAuthentication();\r\n doLogin(authRequest);\r\n }\r\n\r\n render() {\r\n const { authState } = this.props;\r\n const { version } = this.state;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {authState.criticalMessage}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {this.props.authState.isAuthenticated\r\n ?
\r\n );\r\n },\r\n });\r\n\r\n const mapStateToProps = (state) => ({\r\n authState: state.authState,\r\n });\r\n\r\n return connect(mapStateToProps)(SecuredComponent);\r\n}\r\n\r\nexport default secured;\r\n","import { authService } from '../../components/auth';\r\nimport CONSTANTS from '../utils/constants';\r\nimport AuthError from '../errors/AuthError';\r\n\r\n/*\r\n * Calls protected endpoints in our API, applying the bearer token to each of those requests\r\n * @param {string} endpoint - The endpoint to consume\r\n * @param {string} method - HTTP action method\r\n * @param {object} config - Fetch configuration\r\n * @param {bool} retryOnUnauthorizedFailure - Flag to indicate we only want to try\r\n * to retry when we receive a 401 response, indicating we should try to refresh\r\n * our token, but only *once*!\r\n */\r\nfunction callApi(endpoint, method, config = {}, retryOnUnauthorizedFailure = true) {\r\n /*\r\n * When we receive a 401 response from the API, it could be due to our auth token\r\n * having expired. We will attempt to refresh it in that case.\r\n */\r\n function attemptTokenRefresh() {\r\n return authService.refreshToken()\r\n .then(() => callApi(endpoint, method, config, false));\r\n }\r\n\r\n /*\r\n * When we expect no json body, return the response directly\r\n */\r\n function returnResponse(requestConfig) {\r\n return fetch(endpoint, requestConfig)\r\n .then(response => {\r\n if (response.ok) {\r\n return Promise.resolve(response);\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.UNAUTHORIZED) {\r\n if (retryOnUnauthorizedFailure) {\r\n return attemptTokenRefresh();\r\n }\r\n throw new AuthError('Could not authenticate with api');\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.BAD_REQUEST) {\r\n return response.json()\r\n .then(json => Promise.reject(json))\r\n .catch((json) => Promise.reject({\r\n status: response.status,\r\n error: json,\r\n message: response.statusText,\r\n }));\r\n }\r\n return response.json()\r\n .then((o) => Promise.reject(o))\r\n .catch((json) => Promise.reject({\r\n status: response.status,\r\n error: json,\r\n message: response.statusText,\r\n }));\r\n }\r\n );\r\n }\r\n\r\n /*\r\n * When we expect JSON in the response body, we will return that.\r\n */\r\n function returnResponseWithJson(requestConfig) {\r\n return fetch(endpoint, requestConfig)\r\n .then(response => {\r\n return response.json().then(json => {\r\n return { json, response };\r\n }).catch(() => {\r\n return { response };\r\n })\r\n })\r\n\r\n .then(({ json, response }) => {\r\n if (response.ok) {\r\n return json;\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.UNAUTHORIZED) {\r\n if (retryOnUnauthorizedFailure) {\r\n return attemptTokenRefresh();\r\n }\r\n throw new AuthError('Could not authenticate with api');\r\n }\r\n\r\n if (response.status === CONSTANTS.STATUS_CODES.BAD_REQUEST) {\r\n return Promise.reject(json);\r\n }\r\n return Promise.reject({...response, response: json});\r\n }\r\n );\r\n }\r\n\r\n const token = authService.getAuthToken();\r\n const headers = {};\r\n const userHeaders = config ? config.headers || {} : {};\r\n\r\n if (token) {\r\n headers.Authorization = `Bearer ${token}`;\r\n }\r\n\r\n\r\n headers['Content-Type'] = CONSTANTS.CONTENT_TYPES.APPLICATION_JSON;\r\n headers['Application'] = 'Provisioning';\r\n\r\n // If the HTTP method is GET, we'll supply a default Accept header of APPLICATION_JSON\r\n if (method.toUpperCase() === CONSTANTS.METHODS.GET && !userHeaders.Accept) {\r\n Object.assign(headers, { Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON });\r\n }\r\n\r\n Object.assign(headers, userHeaders);\r\n\r\n // By convention, if we have a content-type of \"undefined\" we will remove the\r\n // content-type header entirely. Multipaqrt form must be submitted without that header\r\n // so the browser will know to supply it itself along with a random form part boundary.\r\n if (headers['Content-Type'] === undefined) {\r\n delete headers['Content-Type'];\r\n }\r\n\r\n const requestConfig = { ...config, method, headers }; \r\n\r\n if (headers.Accept === CONSTANTS.CONTENT_TYPES.APPLICATION_JSON) {\r\n return returnResponseWithJson(requestConfig);\r\n }\r\n return returnResponse(requestConfig);\r\n}\r\n\r\nexport default callApi;\r\n","import { createValidator, required } from 'shared/utils/validation';\r\n\r\nconst passFormValidator = createValidator({\r\n passId: required,\r\n});\r\n\r\nexport default passFormValidator;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport HeroButton from 'common/HeroButton';\r\nimport { reduxForm } from 'redux-form';\r\nimport { Row, Col } from 'common/layout';\r\nimport TextBox from 'common/forms/textfields/TextBox.jsx';\r\nimport passFormValidator from './passFormValidator';\r\n\r\nconst PassForm = (props) => {\r\n const { fields: { passId }, handleSubmit } = props;\r\n const fieldProps = {\r\n autoCorrect: 'off',\r\n autoCapitalize: 'off',\r\n spellCheck: false,\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nPassForm.propTypes = {\r\n fields: PropTypes.object.isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default reduxForm({\r\n form: 'pass',\r\n fields: ['passId'],\r\n validate: passFormValidator,\r\n})(PassForm);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { ModalCustomContainer } from 'common/modal';\r\nimport PassForm from './PassForm.jsx';\r\nimport { hidePassModal } from './actionCreators';\r\nimport {\r\n submitInvitationDetails,\r\n loadInvitationDetails,\r\n} from '../invitations/invitation/actionCreators';\r\nimport Materialize from 'materialize-css';\r\n\r\nclass GuestPassFormContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.handleCancel = this.handleCancel.bind(this);\r\n this.state = {\r\n passId: '',\r\n };\r\n this.props.dispatch(loadInvitationDetails(this.props.guestId)).then(() => {\r\n this.setState({ passId: this.props.invitationDetailState.passNumber });\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n window.setTimeout(() => Materialize.updateTextFields && Materialize.updateTextFields(), 0);\r\n }\r\n\r\n handleSubmit(passData) {\r\n const { invitationDetailState } = this.props;\r\n\r\n if (passData.passId) {\r\n this.props.dispatch(submitInvitationDetails({\r\n passNumber: passData.passId,\r\n token: invitationDetailState.token,\r\n paymentTypeId: invitationDetailState.paymentTypeId,\r\n })).then(result => {\r\n if (result.response.ok) {\r\n this.props.dispatch(hidePassModal());\r\n }\r\n });\r\n }\r\n }\r\n\r\n handleCancel() {\r\n this.props.dispatch(hidePassModal());\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nToggle.propTypes = {\r\n field: PropTypes.object,\r\n offLabel: PropTypes.string,\r\n onLabel: PropTypes.string,\r\n};\r\n\r\nToggle.defaultProps = {\r\n offLabel: 'Off',\r\n onLabel: 'On',\r\n};\r\n\r\nexport default Toggle;\r\n","import { INVITATION_PURPOSE } from 'constants/inviteGuest';\r\n\r\nexport const FULL_SIZE_ROW = { s: 12 };\r\nexport const HALF_SIZE_ROW = { s: 12, m: 6 };\r\n\r\nexport const annualPasses = [{ \r\n\tid: 1,\r\n\tlabel: 'Pass one',\r\n\temail: 'passone@gmail.com',\r\n\tphoneNumber: 1231231234,\r\n}, {\r\n\tid: 2,\r\n\tlabel: 'Pass two',\r\n\temail: 'passtwo@gmail.com',\r\n\tphoneNumber: 1231231234,\r\n}, {\r\n\tid: 3,\r\n\tlabel: 'Pass three',\r\n\temail: 'passthree@gmail.com',\r\n\tphoneNumber: 1231231234,\r\n}];\r\n\r\nexport const passTypes = {\r\n\tVIP: 'VIP',\r\n\tANNUAL: 'ANNUAL',\r\n};\r\n\r\nexport const passTypeOptions = [\r\n\t{\r\n\t\tlabel: 'minor_hot_invitation.pass_options.vip',\r\n\t\tvalue: passTypes.VIP,\r\n\t},\r\n\t{\r\n\t\tlabel: 'minor_hot_invitation.pass_options.annual_pass',\r\n\t\tvalue: passTypes.ANNUAL,\r\n\t},\r\n];\r\n\r\nexport const purposeOptions = [\r\n\t{\r\n\t\tlabel: 'app.label.business',\r\n\t\tvalue: INVITATION_PURPOSE.BUSINESS,\r\n\t},\r\n\t{\r\n\t\tlabel: 'app.label.personal',\r\n\t\tvalue: INVITATION_PURPOSE.PERSONAL,\r\n\t},\r\n];\r\n\r\nexport const formFields = [\r\n\t'note',\r\n\t'phone',\r\n\t'minor[].firstName',\r\n \t'minor[].lastName',\r\n\t// 'birthDate',\r\n\t'smsMethod',\r\n\t'emailMethod',\r\n\t'requestedBy',\r\n\t'countryCode',\r\n\t'emailAddress',\r\n\t'passName',\r\n\t'passType',\r\n\t'paymentTypeId',\r\n\t'inviterAffiliateId',\r\n\t'purpose',\r\n\t'minorPassType',\r\n];","import { INVITATION_PURPOSE } from 'constants/inviteGuest';\r\nimport { passTypes } from './constants';\r\nimport CONSTANTS from 'utils/constants';\r\nimport { normalizePhoneNumber } from 'shared/utils/phoneUtils';\r\nimport { resolveMinorInvitationPaymentTypeId } from 'shared/utils/minorPassAllocation';\r\n\r\nexport const getHotPayload = formData => {\r\n const {\r\n note,\r\n phone,\r\n birthDate,\r\n smsMethod,\r\n emailMethod,\r\n requestedBy,\r\n countryCode,\r\n emailAddress,\r\n passType,\r\n passName,\r\n eventId,\r\n inviterAffiliateId,\r\n purpose,\r\n minorPassType,\r\n type,\r\n minor,\r\n specialOptions,\r\n paymentTypeId,\r\n isEnableMinorPrice,\r\n eventDetail,\r\n parentPaymentTypeId,\r\n } = formData;\r\n\r\n let notificationMethods = [];\r\n if (smsMethod) notificationMethods.push('SMS');\r\n if (emailMethod) notificationMethods.push('Email');\r\n\r\n const isAnnual = passType === passTypes.ANNUAL;\r\n \r\n let minorInvitations = [];\r\n \r\n minor.map(minorData => {\r\n const invitation = {\r\n 'Note': note,\r\n // 'isAnnualPassHolder': isAnnual,\r\n 'isAnnualPassHolder': false,\r\n 'GuardianPassType': passType,\r\n 'GuardianPassId': passName,\r\n 'MinorLastName': minorData.lastName,\r\n 'RequestedBy': requestedBy,\r\n 'MinorFirstName': minorData.firstName,\r\n 'MinorBirthDate': birthDate,\r\n 'GuardianEmail': emailAddress ? emailAddress : '',\r\n 'NotificationMethods': notificationMethods,\r\n 'GuardianPhone': (countryCode && phone) ? `+${countryCode.callingCode}${normalizePhoneNumber(phone)}` : '',\r\n 'EventId': eventId,\r\n 'PassTypeIds': [minorPassType.id], // hardcoded minor hot ID\r\n 'IsMultipleMinors': minor.length > 1,\r\n 'SpecialOptions': specialOptions,\r\n 'PaymentTypeId': resolveMinorInvitationPaymentTypeId(\r\n {\r\n isAnnualPass: isAnnual,\r\n paymentTypeId: paymentTypeId ? { id: paymentTypeId.id } : null,\r\n minorPassType,\r\n },\r\n {\r\n isEnableMinorPrice,\r\n eventDetail,\r\n parentPaymentTypeId,\r\n passType: minorPassType,\r\n }\r\n ),\r\n \"InviterAffiliateId\": inviterAffiliateId,\r\n };\r\n \r\n const invitationPayload = isAnnual ? { \r\n ...invitation,\r\n inviterAffiliateId: inviterAffiliateId.id,\r\n purpose: purpose || INVITATION_PURPOSE.BUSINESS,\r\n } : invitation;\r\n\r\n minorInvitations.push(invitationPayload);\r\n \r\n })\r\n \r\n return {\r\n 'Invitations': minorInvitations,\r\n }\r\n};\r\n","import { INVITATION_PURPOSE } from 'constants/inviteGuest';\r\nimport { passTypes } from './constants';\r\nimport CONSTANTS from 'utils/constants';\r\nimport { normalizePhoneNumber } from 'shared/utils/phoneUtils';\r\nimport { resolveMinorInvitationPaymentTypeId } from 'shared/utils/minorPassAllocation';\r\n\r\nexport const getColdPayload = formData => {\r\n const {\r\n note,\r\n phone,\r\n smsMethod,\r\n emailMethod,\r\n requestedBy,\r\n countryCode,\r\n emailAddress,\r\n passType,\r\n passName,\r\n eventId,\r\n inviterAffiliateId,\r\n purpose,\r\n minorPassType,\r\n type,\r\n minor,\r\n specialOptions,\r\n paymentTypeId,\r\n isEnableMinorPrice,\r\n eventDetail,\r\n parentPaymentTypeId,\r\n } = formData;\r\n\r\n let notificationMethods = [];\r\n if (smsMethod) notificationMethods.push('SMS');\r\n if (emailMethod) notificationMethods.push('Email');\r\n\r\n const isAnnual = passType === passTypes.ANNUAL;\r\n\r\n let minorInvitations = [];\r\n \r\n minor.map(minorData => {\r\n let invitation = {\r\n 'Note': note,\r\n // 'isAnnualPassHolder': isAnnual,\r\n 'isAnnualPassHolder': false,\r\n 'GuardianPassType': passType,\r\n 'ParentInvitationId': passName,\r\n 'MinorLastName': minorData.lastName,\r\n 'RequestedBy': requestedBy,\r\n 'MinorFirstName': minorData.firstName,\r\n 'GuardianEmail': emailAddress ? emailAddress : '',\r\n 'NotificationMethods': notificationMethods,\r\n 'GuardianPhone': (countryCode && phone) ? `+${countryCode.callingCode}${normalizePhoneNumber(phone)}` : '',\r\n 'EventId': eventId,\r\n 'PassTypeIds': [minorPassType.id],\r\n 'IsMultipleMinors': minor.length > 1,\r\n 'SpecialOptions': specialOptions,\r\n \"PaymentTypeId\": resolveMinorInvitationPaymentTypeId(\r\n {\r\n isAnnualPass: isAnnual,\r\n paymentTypeId: paymentTypeId ? { id: paymentTypeId.id } : null,\r\n minorPassType,\r\n },\r\n {\r\n isEnableMinorPrice,\r\n eventDetail,\r\n parentPaymentTypeId,\r\n passType: minorPassType,\r\n }\r\n ),\r\n \"InviterAffiliateId\": inviterAffiliateId,\r\n };\r\n \r\n const invitationPayload = isAnnual ? { \r\n ...invitation,\r\n inviterAffiliateId: inviterAffiliateId.id,\r\n purpose: purpose || INVITATION_PURPOSE.BUSINESS,\r\n } : invitation;\r\n\r\n minorInvitations.push(invitationPayload);\r\n\r\n });\r\n \r\n\r\n return {\r\n 'Invitations': minorInvitations,\r\n }\r\n};\r\n","import styled from 'styled-components';\r\nimport { spinner } from 'css/mixins';\r\nimport { errorColor, orangeColor } from 'css/variables';\r\n\r\nexport const FormHeader = styled.h5`\r\n\tmargin-bottom: 15px;\r\n`;\r\n\r\nexport const FormInlineHeader = styled.h5`\r\n\tfont-size: 1.4rem;\r\n\tmargin: 0 20px 0 0;\r\n`;\r\n\r\nexport const FormSendMethodCheckboxes = styled.div`\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\tpadding: 0.82rem 0 0.656rem 0;\r\n\r\n\t.CheckBox-CheckBoxWrapper {\r\n\t\tmargin-right: 10px;\r\n\t}\r\n`;\r\n\r\nexport const FormStateLoading = styled.div`\r\n\twidth: 100%;\r\n\theight: 50px;\r\n\t${props => spinner({ stretch: true })};\r\n\r\n\t&:before {\r\n\t\twidth: 30px;\r\n\t\theight: 30px;\r\n\t}\r\n`;\r\n\r\nexport const SendMethodTypeError = styled.span`\r\n\tcolor: ${errorColor};\r\n`;\r\n\r\nexport const HeaderDescription = styled.h6`\r\n text-align: center;\r\n margin-bottom: 30px;\r\n`;\r\n\r\nexport const AgeTextHighlight = styled.span`\r\n\tcolor: ${orangeColor};\r\n`;","import React, { Component } from \"react\";\r\nimport { reduxForm } from \"redux-form\";\r\nimport PropTypes from \"prop-types\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport styled from \"styled-components\";\r\nimport Form from \"common/Form\";\r\nimport Content from \"common/Content\";\r\nimport CheckBox from \"common/CheckBox\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport FormTextField from \"common/FormTextField\";\r\nimport FormResetWarning from \"common/FormResetWarning\";\r\nimport SearchableDropdown from \"common/forms/dropdown/SearchableDropdown\";\r\nimport FormRadioButtonField from \"common/FormRadioButtonField\";\r\nimport MinorBirthDate from \"../../../routes/MinorInvitation/fields/MinorBirthDate\";\r\nimport { __DATE_REGEX__ } from \"routes/MinorInvitation/sections/MinorSection\";\r\nimport { Row, Col } from \"common/layout\";\r\nimport { getHotPayload } from \"../MinorHotInvitationModel\";\r\nimport { getColdPayload } from \"../MinorColdInvitationModel\";\r\nimport { getCountryCodeIsLoaded } from \"reducers/countryCodes\";\r\nimport EventDetailsRow from \"common/EventDetailsRow\";\r\nimport { errorColor } from \"css/variables\";\r\nimport VerifyPermissions from \"components/VerifyPermissions\";\r\nimport { combineValidators } from \"shared/utils/validation\";\r\nimport { apiClient } from \"proxies/apiClient\";\r\nimport {\r\n MANAGE_INVITE_ORGANIZER,\r\n SEND_MINOR_HOT_PASS,\r\n SEND_MINOR_OTHER_PASS,\r\n} from \"constants/permissions\";\r\nimport Icon from \"common/icons/Icon\";\r\nimport autoBind from \"react-autobind\";\r\nimport SpecialOptionsSelector from \"components/pages/sendInvite/special_options/SpecialOptionsSelectorView\";\r\nimport {\r\n email,\r\n required,\r\n requiredEmail,\r\n minorRequiredPhone,\r\n minorRequiredEmail,\r\n requiredPhone,\r\n maxLength,\r\n createValidator,\r\n isValidPhoneAndCountryCode,\r\n minorHotInvitationSendMethod,\r\n} from \"shared/utils/validation\";\r\n\r\nimport {\r\n passTypes,\r\n HALF_SIZE_ROW,\r\n FULL_SIZE_ROW,\r\n passTypeOptions,\r\n formFields,\r\n purposeOptions,\r\n} from \"../constants\";\r\n\r\nimport {\r\n FormHeader,\r\n SendMethodTypeError,\r\n FormSendMethodCheckboxes,\r\n FormInlineHeader,\r\n FormStateLoading,\r\n HeaderDescription,\r\n AgeTextHighlight,\r\n} from \"../styles\";\r\nimport { hasPermissions } from \"shared/utils/permissionUtils\";\r\nimport {\r\n resolveIsEnableMinorPriceFromParentInvitation,\r\n resolveEnableMinorPriceForEvent,\r\n pickSanctioningBodyId,\r\n toScalarPaymentTypeId,\r\n buildMinorPassTypesForDropdown,\r\n buildMinorPassTypesForTiles,\r\n isMinorHotPassTypeEntity,\r\n isDefaultMinorHotOrColdPassType,\r\n} from \"shared/utils/minorPassAllocation\";\r\n\r\nconst { ACCEPTED, CHECKED_IN, CHECKED_IN_GROUP } = CONSTANTS.INVITATION_STATUS;\r\nconst vipInvitationStatusToDisplay = [\r\n ACCEPTED.VALUE,\r\n CHECKED_IN.VALUE,\r\n CHECKED_IN_GROUP.VALUE,\r\n];\r\n\r\nconst ErrorMessage = styled.div`\r\n margin-top: 29px;\r\n color: ${errorColor};\r\n`;\r\n\r\nconst isCold = (minorPass) =>\r\n minorPass &&\r\n isDefaultMinorHotOrColdPassType(minorPass) &&\r\n !isMinorHotPassTypeEntity(minorPass);\r\nconst isHot = (minorPass) => isMinorHotPassTypeEntity(minorPass);\r\n\r\nconst Button = styled.button`\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n background-color: transparent;\r\n border: none;\r\n color: ${CONSTANTS.COLORS.NASCAR_YELLOW};\r\n margin: 8px 0 16px;\r\n padding: 0;\r\n &:hover {\r\n color: #aeb2b5;\r\n i {\r\n color: #aeb2b5;\r\n }\r\n }\r\n &:focus {\r\n background-color: transparent;\r\n }\r\n`;\r\n\r\nconst DeleteButton = styled(Button)`\r\n position: absolute;\r\n right: 10px;\r\n top: 20px;\r\n margin: 0;\r\n`;\r\n\r\nclass MinorHotInvitationForm extends Component {\r\n static propTypes = {\r\n dirty: PropTypes.bool.isRequired,\r\n pristine: PropTypes.bool.isRequired,\r\n fields: PropTypes.object.isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n autoBind(this);\r\n this.actions = [{ label: \"Invite\" }];\r\n\r\n this.state = {\r\n smsMethodChecked: false,\r\n emailMethodChecked: false,\r\n passes: null,\r\n passType: null,\r\n affiliatesFetched: false,\r\n showSpecialOptionPopover: false,\r\n catalogMinorPassTypes: [],\r\n minorPassTypes: [],\r\n paymentType: [],\r\n isShowPaymentType: false,\r\n };\r\n }\r\n\r\n getPermissionOptions() {\r\n const { canSendMinorHot, canSendOtherMinor, isAdminOrSuperAdmin } =\r\n this.props;\r\n return {\r\n canSendMinorHot,\r\n canSendOther: canSendOtherMinor,\r\n isAdminOrSuperAdmin,\r\n };\r\n }\r\n\r\n getEventId() {\r\n return this.props.params?.eventId || this.props.invitation?.eventId;\r\n }\r\n\r\n /** Same pass-type list rules as invite-minor-v2 (EventGuestSection). */\r\n syncMinorPassTypesFromContext() {\r\n const { invitation, allPassTypes } = this.props;\r\n const { catalogMinorPassTypes, isShowPaymentType } = this.state;\r\n const permissionOptions = this.getPermissionOptions();\r\n\r\n let items = [];\r\n if (isShowPaymentType) {\r\n const paymentTypeId = this.props.fields.paymentTypeId.value?.id;\r\n if (paymentTypeId == null) {\r\n this.setState({ minorPassTypes: [] });\r\n return;\r\n }\r\n items = buildMinorPassTypesForTiles({\r\n passTypesByEvent: allPassTypes,\r\n catalogMinorPassTypes,\r\n paymentTypeId,\r\n permissionOptions,\r\n });\r\n } else {\r\n const paymentTypeId = toScalarPaymentTypeId(\r\n invitation?.paymentTypeId ?? invitation?.PaymentTypeId\r\n );\r\n items = buildMinorPassTypesForDropdown({\r\n catalogMinorPassTypes,\r\n permissionOptions,\r\n paymentTypeId,\r\n passTypesByEvent: allPassTypes,\r\n });\r\n }\r\n\r\n this.setState({ minorPassTypes: items }, () => {\r\n const { minorPassType } = this.props.fields;\r\n if (items.length === 1 && !minorPassType.value) {\r\n minorPassType.onChange(items[0]);\r\n } else if (\r\n minorPassType.value?.id &&\r\n !items.some((p) => Number(p.id) === Number(minorPassType.value.id))\r\n ) {\r\n minorPassType.onChange(items.length === 1 ? items[0] : null);\r\n }\r\n });\r\n }\r\n\r\n loadCatalogMinorPassTypes(eventId) {\r\n return apiClient\r\n .get()\r\n .passTypeGetMinorPassTypesAsyncByEventid(eventId)\r\n .then((response) => {\r\n const catalog = (response?.data || [])\r\n .map((d) => ({\r\n id: d.Id,\r\n name: d.Name,\r\n displayName: d.DisplayName,\r\n minorEligibility: d.MinorEligibility,\r\n isActive: d.IsActive,\r\n }))\r\n .filter((item) => item.isActive);\r\n this.setState({ catalogMinorPassTypes: catalog }, () => {\r\n this.syncMinorPassTypesFromContext();\r\n });\r\n });\r\n }\r\n\r\n fetchPassTypesForPopover(paymentTypeId, isPriceForMinor) {\r\n const eventId = this.getEventId();\r\n const affiliateId = this.props.invitation?.inviterAffiliateId;\r\n if (!eventId || !affiliateId || paymentTypeId == null) {\r\n return;\r\n }\r\n this.props.fetchPassTypeByEvent(eventId, affiliateId, paymentTypeId, {\r\n isPriceForMinor: isPriceForMinor === true,\r\n });\r\n }\r\n\r\n /**\r\n * Show payment type when Enable Minor Price is on for the event's sanctioning body.\r\n * Re-runs when event details finish loading (componentDidMount often runs before SB id exists).\r\n */\r\n loadMinorPricePaymentTypes() {\r\n const { invitation, eventDetails } = this.props;\r\n const eventId = this.props.params?.eventId || invitation?.eventId;\r\n const affiliateId = invitation?.inviterAffiliateId;\r\n\r\n if (!eventId || !affiliateId) {\r\n return;\r\n }\r\n\r\n const sanctioningBodyId = pickSanctioningBodyId(invitation, eventDetails);\r\n if (sanctioningBodyId == null) {\r\n return;\r\n }\r\n\r\n const loadKey = `${affiliateId}-${sanctioningBodyId}`;\r\n if (this._minorPriceLoadKey === loadKey) {\r\n return;\r\n }\r\n this._minorPriceLoadKey = loadKey;\r\n\r\n const applyEnableMinorPrice = (bodies) => {\r\n const hasEnablePrice = resolveEnableMinorPriceForEvent({\r\n affiliateBodies: bodies,\r\n invitation,\r\n event: eventDetails,\r\n sanctioningBodyId,\r\n });\r\n\r\n if (!hasEnablePrice) {\r\n this.setState(\r\n {\r\n isShowPaymentType: false,\r\n paymentType: [],\r\n },\r\n () => {\r\n this.fetchPassTypesForPopover(\r\n toScalarPaymentTypeId(\r\n invitation?.paymentTypeId ?? invitation?.PaymentTypeId\r\n ),\r\n false\r\n );\r\n this.syncMinorPassTypesFromContext();\r\n }\r\n );\r\n return;\r\n }\r\n\r\n this.setState(\r\n { isShowPaymentType: true, minorPassTypes: [] },\r\n () => {\r\n this.props.fields.minorPassType.onChange(null);\r\n }\r\n );\r\n apiClient\r\n .get()\r\n .paymentTypeGetInvitationPaymentTypeAsyncByEventidAndAffiliateid(\r\n eventId,\r\n affiliateId\r\n )\r\n .then((response) => {\r\n const items = [];\r\n if (response?.data?.length > 0) {\r\n response.data.forEach((d) => {\r\n items.push({ id: d.Id, name: d.Name });\r\n });\r\n }\r\n this.setState({ paymentType: items });\r\n });\r\n };\r\n\r\n const bodiesFromInvitation =\r\n invitation?.affiliateInfo?.AffiliateTypeSanctioningBodies;\r\n\r\n if (bodiesFromInvitation?.length) {\r\n applyEnableMinorPrice(bodiesFromInvitation);\r\n return;\r\n }\r\n\r\n apiClient\r\n .get()\r\n .affiliateGetAsyncByAffiliateid(affiliateId)\r\n .then((response) => {\r\n if (response?.data?.AffiliateTypeSanctioningBodies?.length) {\r\n applyEnableMinorPrice(response.data.AffiliateTypeSanctioningBodies);\r\n } else {\r\n this.setState({\r\n isShowPaymentType: false,\r\n paymentType: [],\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n this.setState({\r\n isShowPaymentType: false,\r\n paymentType: [],\r\n });\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const prevSanctioningBodyId = pickSanctioningBodyId(\r\n prevProps.invitation,\r\n prevProps.eventDetails\r\n );\r\n const nextSanctioningBodyId = pickSanctioningBodyId(\r\n this.props.invitation,\r\n this.props.eventDetails\r\n );\r\n if (\r\n prevSanctioningBodyId !== nextSanctioningBodyId ||\r\n (!prevProps.eventIsLoaded && this.props.eventIsLoaded)\r\n ) {\r\n this.loadMinorPricePaymentTypes();\r\n }\r\n\r\n if (prevProps.allPassTypes !== this.props.allPassTypes) {\r\n this.syncMinorPassTypesFromContext();\r\n }\r\n\r\n if (\r\n prevState.isShowPaymentType !== this.state.isShowPaymentType &&\r\n !this.state.isShowPaymentType\r\n ) {\r\n this.syncMinorPassTypesFromContext();\r\n }\r\n\r\n const {\r\n allGuests,\r\n allGuestsRequest,\r\n resetEventAllGuests,\r\n annualPassesRequest,\r\n annualPasses,\r\n resetAllAnnualPasses,\r\n isAdminOrSuperAdmin,\r\n affiliatesRequest,\r\n allAffiliatesRequest,\r\n } = this.props;\r\n\r\n const { affiliatesFetched } = this.state;\r\n\r\n if (allGuestsRequest.isFetched) {\r\n this.setState({\r\n passes: this.formatVipGuestsResponseToDropdown(allGuests),\r\n passType: passTypes.VIP,\r\n });\r\n resetEventAllGuests();\r\n }\r\n if (annualPassesRequest.isFetched) {\r\n this.setState({\r\n passes: this.formatAnnualPassesToDropdown(annualPasses),\r\n passType: passTypes.ANNUAL,\r\n });\r\n resetAllAnnualPasses();\r\n }\r\n if (!affiliatesFetched && affiliatesRequest.isFetched)\r\n this.setState({ affiliatesFetched: true });\r\n if (!affiliatesFetched && isAdminOrSuperAdmin) {\r\n if (allAffiliatesRequest.isFetched)\r\n this.setState({ affiliatesFetched: true });\r\n }\r\n\r\n if (this.props.fields.minor.length === 0) {\r\n this.onAddNewField();\r\n }\r\n\r\n if (\r\n this.props.fields.paymentTypeId.value &&\r\n this.props.fields.paymentTypeId.value?.id !==\r\n prevProps.fields.paymentTypeId.value?.id\r\n ) {\r\n const paymentTypeId = this.props.fields.paymentTypeId.value.id;\r\n this.props.fields.minorPassType.onChange(null);\r\n this.fetchPassTypesForPopover(paymentTypeId, this.state.isShowPaymentType);\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n const {\r\n fetchAllCountryCodes,\r\n fetchEventDetails,\r\n fetchCurrentAffiliates,\r\n isAdminOrSuperAdmin,\r\n fetchAffiliates,\r\n fetchAffiliatesNew,\r\n } = this.props;\r\n // fetchPassTypes();\r\n\r\n const eventId = this.getEventId();\r\n\r\n fetchEventDetails(eventId);\r\n this.fetchPassTypesForPopover(\r\n toScalarPaymentTypeId(\r\n this.props.invitation.paymentTypeId ??\r\n this.props.invitation.PaymentTypeId\r\n ),\r\n false\r\n );\r\n\r\n this.loadMinorPricePaymentTypes();\r\n this.loadCatalogMinorPassTypes(eventId);\r\n\r\n if (fetchAllCountryCodes) fetchAllCountryCodes();\r\n if (this.props.invitation.passType === passTypes.ANNUAL) {\r\n this.loadAnnualPasses();\r\n } else {\r\n this.loadVipGuests();\r\n }\r\n\r\n if (isAdminOrSuperAdmin) {\r\n fetchAffiliatesNew();\r\n } else {\r\n fetchCurrentAffiliates();\r\n }\r\n }\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n const { selectedOptions } = nextProps;\r\n\r\n if (selectedOptions.length) {\r\n this.label = selectedOptions.map((o) => o.name).join(\", \");\r\n } else {\r\n this.label = \"Select Special Options\";\r\n }\r\n }\r\n\r\n onAddNewField() {\r\n this.props.fields.minor.addField({ firstName: \"\", lastName: \"\" });\r\n }\r\n\r\n onRemoveField(index) {\r\n this.props.fields.minor.removeField(index);\r\n }\r\n\r\n render() {\r\n const {\r\n dirty,\r\n fields,\r\n formId,\r\n handleSubmit,\r\n params,\r\n invitation: { venueMinorAge = 21 },\r\n } = this.props;\r\n\r\n const hasInvitationId = !!params.invitationId;\r\n\r\n return (\r\n \r\n
\r\n\r\n // \r\n Invitation Affiliate: \r\n {this.props.invitation.inviterAffiliateName}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventsItemTitles;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { formatDate } from 'shared/utils/dateUtils';\r\n\r\nimport ShadowBox from 'common/ShadowBox';\r\n\r\nimport EventDetailsLogos from '../EventDetailsLogos';\r\nimport EventDetailsTitles from '../EventDetailsTitles';\r\n\r\nclass EventDetails extends PureComponent {\r\n static propTypes = {\r\n details: PropTypes.shape({\r\n endTime: PropTypes.string,\r\n iconUrl: PropTypes.string,\r\n name: PropTypes.string,\r\n eventTypeIconUrl: PropTypes.string,\r\n eventTypeName: PropTypes.string,\r\n startTime: PropTypes.string,\r\n venueName: PropTypes.string,\r\n }).isRequired,\r\n };\r\n\r\n render() {\r\n return (\r\n {this.props.name}
\r\n {this.props.venueName &&{this.props.venueName}
}\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventDetails;\r\n","import styled from 'styled-components-legacy-version';\r\n\r\nexport const Image = styled.div`\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-size: ${({ imageFit }) => imageFit};\r\n background-color: ${props => props.backgroundColor || 'transparent'};\r\n background-repeat: no-repeat;\r\n background-position: 50% 50%;\r\n background-image: ${({ uri }) => `url(${uri})`}\r\n`;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Box from 'provisioning/css/components/Box';\r\nimport styled from 'styled-components-legacy-version';\r\n\r\nimport { Image } from './styles';\r\nimport { spinner } from 'provisioning/css/mixins';\r\n\r\nconst Spinner = styled.div`\r\n\t${spinner({ stretch: false })};\r\n`;\r\n\r\nimport Icon from 'provisioning/components/common/icons/Icon';\r\n\r\nconst ErrorContainer = styled.div`\r\n border: 1px solid #ccc;\r\n position: absolute;\r\n font-size: 12px;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n padding-top: calc(100%/4.7);\r\n text-align: center;\r\n opacity: 0.6;\r\n color: rgba(255, 255, 255, 0.7);\r\n`;\r\n\r\n/**\r\n * ImageBox allows to create a responsive box with an image inside,\r\n * stored as a background image.\r\n * The Box takes parent's width and calculates own height\r\n * depending on the height ratio and the parent's width.\r\n */\r\n\r\nclass ImageBox extends Component {\r\n\t\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tisLoaded: false,\r\n isError: false,\r\n\t\t};\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\tconst { heightRatio, ...props } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n \r\n {formatDate(this.props.details.startTime, 'MMM DD')}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n updateRolesState({\r\n type: \"updateSelections\",\r\n data: seletions,\r\n })\r\n }\r\n isRequired\r\n />\r\n
\r\n \r\n \r\n updatePermissionsState({\r\n type: \"updateSelections\",\r\n data: seletions,\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n updateSanctionigBodiesState({\r\n type: \"updateSelections\",\r\n data: seletions,\r\n })\r\n }\r\n isRequired\r\n />\r\n
\r\n \r\n \r\n updateVenuesState({\r\n type: \"updateSelections\",\r\n data: seletions,\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n updateAffiliateTypesState({\r\n type: \"updateSelections\",\r\n data: seletions,\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n updateAffiliatesState({\r\n type: \"updateSelections\",\r\n data: seletions,\r\n })\r\n }\r\n />\r\n
\r\n \r\n onApplyFiltersClick(): {}}\r\n >\r\n Apply Filters\r\n \r\n
\r\n \r\n {selectedMessageRecipients.length} recipients found\r\n
\r\n {image}
\r\n );\r\n};\r\n\r\nLogo.propTypes = {\r\n className: PropTypes.string,\r\n href: PropTypes.string,\r\n};\r\n\r\nexport default Logo;\r\n","import React, { PureComponent } from 'react';\r\nimport Breadcrumbs from 'react-breadcrumbs';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport { routerUserIdParams, arrayOfRoutes } from 'propTypes/router';\r\n\r\nclass BreadCrumbs extends PureComponent {\r\n static propTypes = {\r\n params: routerUserIdParams,\r\n routes: arrayOfRoutes,\r\n };\r\n \r\n render() {\r\n return (\r\n \r\n {renderProfilePhoto(this.props.account.profilePhoto)}\r\n
\r\n \r\n {this.props.account.firstName} {this.props.account.lastName}\r\n
\r\n- \r\n {this.props.menuItems.map(menuItem => (\r\n
\r\n
\r\n);\r\n\r\nSidebar.propTypes = {\r\n onBackdropClick: PropTypes.func,\r\n isOpen: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default Sidebar;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { toggleSidebarOpen } from 'actions/layout';\r\nimport { getSidebarIsOpen } from 'reducers/layout';\r\nimport Sidebar from './Sidebar';\r\n\r\nclass SidebarContainer extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n Submit\r\n
\r\n \r\n
\r\n);\r\n\r\nPageLayout.propTypes = {\r\n children: PropTypes.any,\r\n isSidebarOpen: PropTypes.bool,\r\n};\r\n\r\nexport default connect()(PageLayout);\r\n","import React from \"react\";\r\nimport Icon from \"components/common/Icon\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst MaintanceMode = ({ message }) => (\r\n \r\n \r\n {props.children}\r\n \r\n
\r\n \r\n
\r\n);\r\n\r\nMaintanceMode.propTypes = {\r\n message: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default MaintanceMode;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ModalProvider from 'common/ModalProvider';\r\nimport ModalTemplate from 'components/Modals/components/ModalTemplate';\r\nimport { Content as ModalTemplateContent } from 'components/Modals/components/ModalTemplate/ModalTemplate';\r\nimport { Title, Button, Actions, Description } from 'components/Modals/components/steps/shared';\r\nimport styled from 'styled-components';\r\nimport { orangeColor } from 'css/variables';\r\nimport { formatPhoneNumber, normalizePhoneNumber, isValidPhoneNumber } from 'shared/utils/phoneUtils';\r\nimport FormTextField from 'common/FormTextField';\r\nimport { InputText } from 'primereact/inputtext';\r\nimport { Dropdown } from 'primereact/dropdown';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport Icon from 'components/common/Icon';\r\nimport { phoneTypes } from 'constants/common';\r\nimport { CustomImageUploader } from 'components/V2/Common/CustomImageUploader/CustomImageUploader';\r\nimport { apiClient } from 'proxies/apiClient';\r\nimport * as ArrayUtils from 'shared/utils/arrayUtils';\r\n\r\nconst StyledModalTemplateContent = styled(ModalTemplateContent)`\r\n && {\r\n @media screen and (min-width: 768px) {\r\n background-color: #353e45 !important;\r\n position: fixed !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0 !important;\r\n max-width: 800px !important;\r\n width: 90% !important;\r\n border-radius: 0;\r\n }\r\n }\r\n`;\r\n\r\nconst CustomModalTemplate = ({ children }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {message}
\r\n\r\n event \r\n \r\n {formatDate(this.props.startDate, 'MMM DD, YYYY')}\r\n \r\n
\r\n \r\n edit_location \r\n \r\n {formatDate(dayLightStartDate, `h:mm A [${this.props.timezoneCode}]`, this.props.offset)}\r\n \r\n
\r\n \r\n schedule \r\n \r\n {formatDate(dayLightStartDate, 'h:mm A [ET]')}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default EventsItemDate;\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { invalidateImageCache } from \"shared/utils/imageUtils\";\r\nimport IconNascarFlag from \"common/icons/IconNascarFlag\";\r\n\r\nclass EventsItemLogos extends PureComponent {\r\n static propTypes = {\r\n eventTypeIconUrl: PropTypes.string,\r\n iconUrl: PropTypes.string,\r\n };\r\n\r\n static defaultProps = {\r\n eventTypeIconUrl: \"\",\r\n iconUrl: \"\",\r\n };\r\n\r\n render() {\r\n if (!this.props.eventTypeIconUrl && !this.props.iconUrl) {\r\n return (\r\n \r\n {this.props.name}
\r\n {this.props.venueName &&{this.props.venueName}
}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default EventsItemTitles;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport EventsItemDate from '../EventsItemDate';\r\nimport EventsItemLogos from '../EventsItemLogos';\r\nimport EventsItemTitles from '../EventsItemTitles';\r\n\r\nclass EventsItemHeader extends PureComponent {\r\n static propTypes = {\r\n details: PropTypes.shape({\r\n startTime: PropTypes.string.isRequired,\r\n eventTypeIconUrl: PropTypes.string,\r\n iconUrl: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n venueName: PropTypes.string,\r\n venueUtcOffset: PropTypes.string,\r\n venueTimezoneCode: PropTypes.string,\r\n }).isRequired,\r\n }\r\n\r\n \r\n render() {\r\n\r\n return (\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventsItemDetails;\r\n","import { connect } from 'react-redux';\r\nimport { getEventGuestsSummary } from 'reducers/events';\r\n\r\nimport EventsItemDetails from '../components/EventsItemDetails';\r\n\r\nconst mapStateToProps = (state, props) => ({\r\n details: getEventGuestsSummary(state.events, props.id),\r\n totalInvitations: (() => {\r\n const details = getEventGuestsSummary(state.events, props.id);\r\n\r\n return Number(\r\n details.invitationsInvited + details.invitationsRegistered + details.invitationsPassIssued + details.invitationsPendingApproval\r\n );\r\n })(),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n)(EventsItemDetails);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport EventsItemFooter from '../EventsItemFooter';\r\nimport EventsItemHeader from '../../containers/EventsItemHeader';\r\nimport EventsItemDetails from '../../containers/EventsItemDetails';\r\n\r\nclass EventsItem extends PureComponent {\r\n static propTypes = {\r\n id: PropTypes.number.isRequired,\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Total: \r\n {this.props.totalInvitations}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventsItem;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport uniqueId from 'lodash/uniqueId';\r\n\r\nimport { Col, Row } from 'common/layout';\r\n\r\nimport EventsItem from '../EventsItem';\r\n\r\nclass Events extends PureComponent {\r\n static propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.number).isRequired,\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.items.map(id =>\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Events;\r\n","import React, { useState } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport \"./SearchbarWithFilter.scss\";\r\n\r\n/**\r\n * dashboard searchbar with filters (Event Type, Event Month and Event venue)\r\n *\r\n * @param {*} searchText selected text when user typing\r\n * @param {*} onSearch raise event to parent component to user start typing in searchbox\r\n * @param {*} selectedEventType selected event type\r\n * @param {*} selectedMonth selected month\r\n * @param {*} selectedVenue selected venue\r\n * @param {*} eventTypeOptions event type options\r\n * @param {*} monthOptions month options\r\n * @param {*} venueOptions venue options\r\n * @param {*} onChangeEventType raise event to parent component when event type change from dropdown\r\n * @param {*} onChangeMonth raise event to parent component when month change from dropdown\r\n * @param {*} onChangeVenue raise event to parent component when venue change from dropdown\r\n * @returns\r\n */\r\nexport const SearchbarWithFilters = ({\r\n searchText,\r\n onSearch,\r\n selectedEventType,\r\n selectedMonth,\r\n selectedVenue,\r\n eventTypeOptions,\r\n monthOptions,\r\n venueOptions,\r\n onChangeEventType,\r\n onChangeMonth,\r\n onChangeVenue,\r\n}) => {\r\n const [showFilters, setShowFilters] = useState(false);\r\n\r\n return (\r\n \r\n setShowFilters(!showFilters)}\r\n />\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n","import React, { PureComponent } from 'react';\r\nimport { Link } from 'react-router';\r\nimport ActionBar from 'common/ActionBar';\r\n\r\nclass EventViewActionBar extends PureComponent {\r\n render() {\r\n return (\r\n \r\n onChangeEventType(e.value)}\r\n inputId=\"eventType\"\r\n showClear={selectedEventType}\r\n panelClassName=\"event-search-dropdown\"\r\n />\r\n \r\n
\r\n \r\n onChangeMonth(e.value)}\r\n inputId=\"eventMonth\"\r\n showClear={selectedMonth}\r\n panelClassName=\"event-search-dropdown\"\r\n />\r\n \r\n
\r\n \r\n onChangeVenue(e.value)}\r\n inputId=\"eventVenue\"\r\n showClear={selectedVenue}\r\n panelClassName=\"event-search-dropdown\"\r\n />\r\n \r\n
\r\n \r\n onSearch(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n No Upcoming Events Found.
\r\n \r\n View Past Events\r\n \r\n\r\n
\r\n )\r\n }\r\n\r\n return (\r\n No Upcoming Events Found. Please try with other filters and search text.
\r\n\r\n \r\n updateUpcomingEventsDashboardFilters({ searchText: val })\r\n }\r\n selectedEventType={selectedEventType}\r\n selectedMonth={selectedMonth}\r\n onChangeEventType={(val) =>\r\n updateUpcomingEventsDashboardFilters({ selectedEventType: val })\r\n }\r\n onChangeMonth={(val) =>\r\n updateUpcomingEventsDashboardFilters({ selectedMonth: val })\r\n }\r\n eventTypeOptions={eventTypes}\r\n monthOptions={MONTH_OPTIONS}\r\n venueOptions={venuesData}\r\n selectedVenue={selectedVenue}\r\n onChangeVenue={(val) =>\r\n updateUpcomingEventsDashboardFilters({ selectedVenue: val })\r\n }\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n - {this.renderChildren()}
\r\n \r\n this.props.bulkRevoke({\r\n selectBulkItem: this.state.selectedItem,\r\n isBulk: true,\r\n handleBulkRevokeCallback: this.handleBulkRevokeCallback,\r\n })\r\n }\r\n isSticky\r\n />\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport const filterKeys = [\r\n \"firstName\",\r\n \"lastName\",\r\n \"email\",\r\n \"inviterAffiliateName\",\r\n \"invitedOnBehalfOf\",\r\n \"passTypeName\",\r\n];\r\nexport const searchId = \"invitationId\";\r\n\r\nexport const mapStateToProps = (state, { params }) => ({\r\n request: getRequestState(state.eventGuests),\r\n eventId: params.eventId,\r\n items: getResponseData(state.eventGuests, true),\r\n filter: getFilter(state.eventGuests),\r\n isScrollAtTheBeginning: isInfiniteScrollAtTheBeginning(state.layout),\r\n isAdminOrSuperAdmin: isUserAdminOrSuperAdmin(state.account),\r\n canSendAnnualInvitation: hasPermissions(\r\n getAccountPermissions(state.account),\r\n [MANAGE_ANNUAL_PASS]\r\n ),\r\n canManageBulkRevoke: hasPermissions(\r\n getAccountPermissions(state.account),\r\n [MANAGE_BULK_REVOKE]\r\n )\r\n});\r\n\r\nexport const actions = {\r\n fetchData: fetchEventGuests,\r\n fetchDataByScrollPosition: fetchEventGuestsByPage,\r\n resetScroll: resetInfiniteScroll,\r\n bulkRevoke: showBulkRevokeInvitationPopover,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, actions)(EventGuests));\r\n","import React, { Component, Children } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\n\r\nimport ClickOutSide from 'common/ClickOutSide';\r\n\r\nclass DropDownMenu extends Component {\r\n static propTypes = {\r\n primaryText: PropTypes.string,\r\n children: PropTypes.any,\r\n className: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onItemClick: PropTypes.func,\r\n posX: PropTypes.string,\r\n posY: PropTypes.string,\r\n }\r\n\r\n static defaultProps = {\r\n primaryText: '',\r\n onChange: () => {},\r\n onItemClick: () => {},\r\n posX: '0',\r\n posY: '0',\r\n }\r\n\r\n constructor() {\r\n super();\r\n this.state = {\r\n active: false,\r\n };\r\n }\r\n\r\n toggleMenu = () => {\r\n this.setState((prevState) => ({\r\n active: !prevState.active,\r\n }));\r\n }\r\n\r\n hideMenu = () => {\r\n this.setState({\r\n active: false,\r\n });\r\n }\r\n\r\n\r\n handleMenuItemClick(value) {\r\n this.hideMenu();\r\n if (this.props.onItemClick) {\r\n this.props.onItemClick();\r\n }\r\n this.props.onChange(value);\r\n }\r\n\r\n filterChildren() {\r\n const { children } = this.props;\r\n\r\n if (!children) {\r\n return [];\r\n }\r\n\r\n if (!Array.isArray(children)) {\r\n return React.Children.toArray(children);\r\n }\r\n\r\n return children.filter(c => !!c);\r\n }\r\n\r\n renderChildren() {\r\n const availableChildren = this.filterChildren();\r\n\r\n if (!availableChildren.length) {\r\n return (\r\n \r\n No available options\r\n
\r\n );\r\n }\r\n\r\n return Children.map(availableChildren, child =>\r\n \r\n \r\n {this.props.primaryText}
\r\n \r\n {this.renderChildren()}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default DropDownMenu;\r\n","import styled from 'styled-components';\r\n\r\nexport const StyledMenuItem = styled.div`\r\n padding: 10px 15px;\r\n`;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport { StyledMenuItem } from './styles';\r\n\r\nclass MenuItem extends Component {\r\n static propTypes = {\r\n onClick: PropTypes.func,\r\n children: PropTypes.any,\r\n localeId: PropTypes.string,\r\n };\r\n\r\n static defaultProps = {\r\n onClick: () => {},\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {guest.fullName}\r\n
\r\n {guest.notificationMethods.map(method => (\r\n \r\n {method.value}\r\n
\r\n ))}\r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAccordion.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.any,\r\n icon: PropTypes.node,\r\n title: PropTypes.string.isRequired,\r\n isOpen: PropTypes.bool,\r\n};\r\n\r\nexport default Accordion;\r\n","import { UPDATE_EMAIL_TEMPLATE_FORM_REGIONS } from 'constants/emailTemplates';\r\n\r\nexport const setTemplateFormRegions = (regionNames = []) => ({\r\n type: UPDATE_EMAIL_TEMPLATE_FORM_REGIONS,\r\n regionNames,\r\n});\r\n\r\nexport const setActiveRegionSelection = (regionDOM) => ({\r\n type: 'SET_ACTIVE_REGION_SELECTION',\r\n regionDOM,\r\n});\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { change } from \"redux-form\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { AccordionItemContainer } from \"./styles\";\r\nimport Icon from \"common/Icon\";\r\nimport { setActiveRegionSelection } from \"./actions\";\r\n\r\nclass VariableListItem extends PureComponent {\r\n static propTypes = {\r\n children: PropTypes.string,\r\n description: PropTypes.string,\r\n };\r\n\r\n handleClick = () => {\r\n const { regionDOM, description } = this.props;\r\n console.log(regionDOM);\r\n if (regionDOM && typeof regionDOM.getQuill === \"function\") {\r\n const quill = regionDOM.getQuill();\r\n quill.focus();\r\n const range = quill.getSelection();\r\n const insertText = `~${description}~`;\r\n\r\n console.log(insertText);\r\n if (range) {\r\n quill.insertText(range.index, insertText);\r\n } else {\r\n const length = quill.getLength();\r\n quill.insertText(length - 1, insertText);\r\n }\r\n\r\n const updatedValue = quill.root.innerHTML;\r\n this.props.change(\"editCustomEmail\", regionDOM.props.name, updatedValue);\r\n\r\n this.props.setActiveRegionSelection(null);\r\n return;\r\n }\r\n\r\n // fallback for textareas\r\n const component = ReactDOM.findDOMNode(regionDOM);\r\n if (\r\n component &&\r\n component.selectionStart !== null &&\r\n component.selectionStart !== undefined\r\n ) {\r\n const newValue = `${component.value.substring(\r\n 0,\r\n component.selectionStart\r\n )}~${description}~${component.value.substring(\r\n component.selectionStart,\r\n component.value.length\r\n )}`;\r\n\r\n this.props.change(\"editCustomEmail\", regionDOM.name, newValue);\r\n this.props.setActiveRegionSelection(null);\r\n }\r\n };\r\n\r\n render() {\r\n const { children, description } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {title}
\r\n {icon && {icon}
}\r\n \r\n {children}\r\n
\r\n \r\n No active invitations exist for the event\r\n
\r\n );\r\n }\r\n\r\n return (\r\n <>\r\n\r\n {\r\n this.currentRegions[fields.smsContent.name] = region;\r\n }}\r\n maxLength={1600}\r\n />\r\n
\r\n \r\n\r\n
\r\n {`No Invitations are found in status ${\r\n fields.sendType.value === \"RESEND_INVITATION\"\r\n ? '\"Invited\"'\r\n : '\"Registered\"'\r\n }`}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n <>\r\n\r\n {this.renderPassTypeSelection()}\r\n {this.renderSpeicalOptionsSelection()}\r\n {this.renderParkingPassSelection()}\r\n {this.renderAffiliateSelection()}\r\n {this.renderPaymentTypeSelection()}\r\n {this.renderSentBySelection()}\r\n {this.renderRequestBySelection()}\r\n
\r\n ) : (\r\n \r\n \r\n {(this.state.isHistoryVisible &&\r\n \r\n expand_less \r\n Hide history\r\n ) ||\r\n \r\n expand_more \r\n Show all history...\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n renderReasonIfRevoked(status) {\r\n if (status.customMessage) {\r\n return (\r\n \r\n \r\n {this.renderHistory()}\r\n \r\n {this.renderShowMore(history)}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AttendeesDetails;\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { concatenateStrings } from \"utils/stringUtils\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\n\r\nimport LabelGroup from \"common/forms/LabelGroup\";\r\nimport LabelWrapper from \"common/forms/LabelWrapper\";\r\n\r\nimport { Link } from \"react-router\";\r\nimport { getAgeStringFromBirthdayString } from \"shared/utils/dateUtils\";\r\n\r\nimport GuestDetailsForm from \"../../containers/GuestDetailsForm\";\r\nimport DownloadGuestPhoto from \"./DownloadGuestPhoto\";\r\nimport styled from \"styled-components\";\r\nimport AttendeesDetails from \"../AttendeesDetails\";\r\n\r\nconst LabelGroupTextWrap = styled(LabelGroup)`\r\n overflow: visible;\r\n`;\r\n\r\nconst LabelColumnGroup = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n`;\r\n\r\nconst AttendingWithTitle = styled.p`\r\n margin-bottom: 0;\r\n`;\r\n\r\nclass GuestDetails extends PureComponent {\r\n static propTypes = {\r\n guestDetails: PropTypes.shape({\r\n firstName: PropTypes.string,\r\n lastName: PropTypes.string,\r\n phoneNumber: PropTypes.string,\r\n email: PropTypes.string,\r\n addressLine1: PropTypes.string,\r\n city: PropTypes.string,\r\n country: PropTypes.string,\r\n region: PropTypes.string,\r\n zipCode: PropTypes.string,\r\n photoUpload: PropTypes.string,\r\n }).isRequired,\r\n intl: PropTypes.object.isRequired,\r\n isInEditMode: PropTypes.bool.isRequired,\r\n isAbleToEditGuestDetails: PropTypes.bool.isRequired,\r\n isUserSuperAdmin: PropTypes.bool,\r\n fields: PropTypes.shape({\r\n firstName: PropTypes.object,\r\n lastName: PropTypes.object,\r\n phoneNumber: PropTypes.object,\r\n countryCode: PropTypes.object,\r\n email: PropTypes.object,\r\n }).isRequired,\r\n };\r\n\r\n render() {\r\n const {\r\n intl,\r\n fields,\r\n isInEditMode,\r\n isAbleToViewAge,\r\n isAbleToEditGuestDetails,\r\n isUserSuperAdmin,\r\n guestDetails: {\r\n type,\r\n city,\r\n email,\r\n region,\r\n country,\r\n zipCode,\r\n lastName,\r\n birthDate,\r\n firstName,\r\n annualNickName,\r\n phoneNumber,\r\n photoUpload,\r\n addressLine1,\r\n userProfileId,\r\n },\r\n childDetails,\r\n invitationDetail,\r\n } = this.props;\r\n\r\n const { isAnnualPass } = invitationDetail;\r\n\r\n const canEditGuestNameFields =\r\n isAbleToEditGuestDetails || !!isUserSuperAdmin;\r\n\r\n const isMinorGuest =\r\n type === CONSTANTS.INVITATION_TYPES.MINOR ||\r\n type === CONSTANTS.INVITATION_TYPES.WALK_UP_MINOR,\r\n guestAge = getAgeStringFromBirthdayString(birthDate);\r\n\r\n let title;\r\n if (invitationDetail.type ===\r\n CONSTANTS.INVITATION_TYPES.ANNUAL && annualNickName) {\r\n title = concatenateStrings([annualNickName, lastName]);\r\n } else {\r\n title = concatenateStrings([firstName, lastName]);\r\n }\r\n\r\n return (\r\n Minors:
\r\n {attendeesDetail.map((attende) => {\r\n return (\r\n \r\n \r\n {`${attende.firstName} ${attende.lastName}`}\r\n \r\n {/* \r\n {attende.phoneNumber}\r\n \r\n {attende.passType} */}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n )}\r\n \r\n {isAbleToViewAge && guestAge && (\r\n {`${guestAge} old`} \r\n )}\r\n \r\n {invitationDetail.type !==\r\n CONSTANTS.INVITATION_TYPES.ANNUAL ? (\r\n \r\n {title}\r\n \r\n ) : (\r\n \r\n {title}\r\n \r\n )}\r\n \r\n {isMinorGuest && (\r\n \r\n {this.props.invitationDetail.fullName}\r\n \r\n )}\r\n \r\n {email}\r\n \r\n {(isInEditMode &&\r\n phoneNumber &&\r\n (isAbleToEditGuestDetails || !!isUserSuperAdmin) &&\r\n !canEditGuestNameFields) ? (\r\n \r\n {phoneNumber}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n ) : (\r\n \r\n \r\n Attending with:\r\n \r\n \r\n {this.renderParentFullName()}\r\n \r\n \r\n {parentDetails.phoneNumber}\r\n \r\n {passType} \r\n
\r\n )\r\n );\r\n }\r\n}\r\n\r\nexport default GuestDetails;\r\n","import { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport GuestDetails from '../components/GuestDetails';\r\nimport {\r\n getGuestDetails,\r\n getIsAbleToViewMinorAge,\r\n getIsAbleToEditGuestDetails,\r\n getInvitationDetails\r\n} from 'reducers/invitationDetails';\r\n\r\nimport { getParentDetails } from 'reducers/invitationDetails/parent';\r\nimport { getChildDetails } from 'reducers/invitationDetails/child';\r\nimport { isUserAdminOrSuperAdmin, isUserSuperAdmin } from 'reducers/account';\r\n\r\nconst mapStateToProps = state => {\r\n\tconst {\r\n\t\tintl,\r\n\t\tinvitationDetails,\r\n\t} = state;\r\n\r\n return {\r\n isAbleToViewAge: getIsAbleToViewMinorAge(state),\r\n \tguestDetails: getGuestDetails(invitationDetails),\r\n parentDetails: getParentDetails(invitationDetails),\r\n childDetails: getChildDetails(invitationDetails),\r\n invitationDetail: getInvitationDetails(invitationDetails),\r\n isAbleToEditGuestDetails: getIsAbleToEditGuestDetails(invitationDetails),\r\n intl,\r\n isAdminOrSuperAdmin: isUserAdminOrSuperAdmin(state.account),\r\n isUserSuperAdmin: isUserSuperAdmin(state.account),\r\n\t};\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps)(GuestDetails)\r\n);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport IconNascarFlag from 'components/common/icons/IconNascarFlag';\r\n\r\nconst renderImage = (imgSrc) => {\r\n if (imgSrc) {\r\n return \r\n {renderImage(eventTypeIconLink)}\r\n \r\n {renderImage(eventIconLink)}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventImages;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n getInvitationEditMode,\r\n getIsUserAbleToEditInvitationAffiliate,\r\n} from 'reducers/invitationDetails';\r\n\r\nimport Label from 'common/forms/LabelWrapper';\r\n\r\nconst EventAffiliate = ({\r\n inEditMode,\r\n isAbleToEditAffiliate,\r\n inviterAffiliateName,\r\n}) => {\r\n if (inEditMode && isAbleToEditAffiliate) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n inEditMode: getInvitationEditMode(state.invitationDetails),\r\n isAbleToEditAffiliate: getIsUserAbleToEditInvitationAffiliate(state),\r\n});\r\n\r\nexport default connect(mapStateToProps)(EventAffiliate);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nconst locales = {\r\n actived: 'app.activationStatus.activated',\r\n deactived: 'app.activationStatus.deactivated',\r\n};\r\n\r\nconst ActivationStatusSuffix = ({\r\n isActive,\r\n item,\r\n ...props\r\n}) => (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {/* Bug 7494. Mobile UI bug happened in eventName label */}\r\n \r\n
\r\n \r\n
\r\n \r\n {formatDate(eventStartDate, \"MMMM Do, YYYY, h:mma\")}\r\n
\r\n \r\n \r\n \r\n {inviterFullName}\r\n \r\n {!params.mediaHardCardId && invitedOnBehalfOf && (\r\n \r\n {invitedOnBehalfOf}\r\n \r\n )}\r\n\r\n {!params.mediaHardCardId && (\r\n \r\n {\r\n this.context.intl.messages[\r\n getInvitationPurposeFromCode(purpose)\r\n ]\r\n }\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(EventInfo);\r\n","import { connect } from 'react-redux';\r\nimport EventInfo from '../components/EventInfo';\r\nimport {\r\n getEventDetails,\r\n isMinorInvitation,\r\n isMediaHardCardInvitation,\r\n} from 'reducers/invitationDetails';\r\nimport { getIsEventActive } from 'reducers/event';\r\n\r\nconst mapStateToProps = state => {\r\n\tconst {\r\n\t\tevent,\r\n\t\tinvitationDetails,\r\n\t} = state;\r\n\r\n\treturn {\r\n\t isEventActive: getIsEventActive(event),\r\n\t event: getEventDetails(invitationDetails),\r\n\t isMinorInvitation: isMinorInvitation(invitationDetails),\r\n\t isMediaHardCardInvitation: isMediaHardCardInvitation(invitationDetails),\r\n\t};\r\n}\r\n\r\nexport default connect(mapStateToProps)(EventInfo);\r\n","import { MODULE_NAME } from './private';\r\n\r\nexport const COMMON_PAGE_NAME = `${MODULE_NAME}.page_name`;\r\n\r\nexport const REQUESTS = {\r\n FETCH_PAYMENT_TYPES: `${MODULE_NAME}/fetch`,\r\n};\r\n\r\nexport const PAYMENT_TYPE_SWITCH_FORM = {\r\n NAME: `${MODULE_NAME}/switchPaymentTypeForm`,\r\n FIELDS: ['paymentType'],\r\n COLLECTION_ID: `${MODULE_NAME}/collection`,\r\n};\r\n","export const MODULE_NAME = 'paymentTypes';\r\n","import PropTypes from 'prop-types';\r\n\r\nimport { idType } from 'propTypes';\r\nimport { reduxFormFields } from 'propTypes/reduxForm';\r\nimport { PAYMENT_TYPE_SWITCH_FORM } from './constants';\r\n\r\nexport const paymentTypeShape = PropTypes.shape({\r\n id: idType.isRequired,\r\n name: PropTypes.string.isRequired,\r\n});\r\n\r\nexport const paymentTypesShape = PropTypes.arrayOf(paymentTypeShape);\r\n\r\nexport const paymentTypesFieldsShape = reduxFormFields(\r\n PAYMENT_TYPE_SWITCH_FORM.FIELDS,\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { DEFAULT_PAYMENT_TYPE } from 'shared/utils/constants';\r\nimport { normalizeObjectKeys } from 'shared/utils/objectUtils';\r\nimport { paymentTypesShape } from '../../types';\r\n\r\nconst PaymentTypeList = ({ items, itemRenderer, ...props }) => {\r\n\r\n if(items.length === 0) {\r\n items.push(normalizeObjectKeys(DEFAULT_PAYMENT_TYPE));\r\n }\r\n\r\n return (\r\n \r\n {items\r\n .reverse()\r\n .map(item => (\r\n React.createElement(itemRenderer, {\r\n ...props,\r\n item,\r\n key: item.id,\r\n })\r\n ))}\r\n
\r\n)};\r\n\r\nPaymentTypeList.propTypes = {\r\n items: paymentTypesShape.isRequired,\r\n itemRenderer: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default PaymentTypeList;\r\n","import styled from 'styled-components';\r\nimport RadioButton from 'common/RadioButton/index';\r\n\r\nexport const PaymentTypeControl = styled(RadioButton)`\r\n padding: 20px 0 20px 20px;\r\n font-size: 1.4em;\r\n font-style: italic;\r\n &:not(:last-child) {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { CollectionList } from 'modules/collection';\r\n\r\nimport PaymentTypeList from '../PaymentTypeList';\r\nimport PaymentTypeRadioButton from '../PaymentTypeRadioButton';\r\n\r\nimport { paymentTypesShape } from '../../types';\r\n\r\nconst PaymentTypeSwitch = ({ collectionId, ...props }) => {\r\n if (collectionId) {\r\n return (\r\n \r\n {\r\n // Only set the field value after selecting an option, not while typing\r\n if (e.value) {\r\n props.field.onChange(e.value);\r\n }\r\n }}\r\n options={props.items}\r\n optionLabel=\"shortName\"\r\n optionValue=\"id\"\r\n showClear={props.field.value}\r\n inputId=\"event-type\"\r\n filter\r\n className={`w-full ${\r\n props.field.touched && !props.field.value ? \"p-invalid\" : \"\"\r\n } ${isDropdownOpen ? \"open\" : \"\"}`}\r\n onShow={() => setIsDropdownOpen(true)}\r\n onHide={() => setIsDropdownOpen(false)}\r\n panelClassName=\"event-type-panel\"\r\n />\r\n \r\n
\r\n {props.field.touched && !props.field.value && (\r\n Required.\r\n )}\r\n \r\n
\r\n }\r\n\r\n {isAbleToViewGuardianHoldingId && minorPhoto && (\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n - \r\n {waivers.filter(waiver => waiver.signature).map(waiver => (\r\n
- \r\n
\r\n \r\n\r\n {waiver.insuranceWaiverDocument.name}\r\n \r\n\r\n \r\n ))}\r\n
\r\n {\r\n e.preventDefault();\r\n downloadWaiver(invitationId, waiverName);\r\n }}\r\n >\r\n file_download \r\n {'Download Waivers'}\r\n \r\n
\r\n \r\n \r\n {!!approvedSpecialOptionNames &&\r\n approvedSpecialOptionNames.length > 0 && (\r\n \r\n {approvedSpecialOptionNames.join(\" / \")}\r\n \r\n )}\r\n\r\n {!!rejectedSpecialOptionNames &&\r\n rejectedSpecialOptionNames.length > 0 && (\r\n \r\n {rejectedSpecialOptionNames.join(\" / \")}\r\n \r\n )}\r\n\r\n {!!pendingSpecialOptionNames && pendingSpecialOptionNames.length > 0 && (\r\n \r\n {pendingSpecialOptionNames.join(\" / \")}\r\n \r\n )}\r\n \r\n {(isMinorInvite && parentSpecialOptions) && (\r\n \r\n {!!parentSpecialOptions.approvedSpecialOptionNames &&\r\n parentSpecialOptions.approvedSpecialOptionNames.length > 0 && (\r\n \r\n {parentSpecialOptions.approvedSpecialOptionNames.join(\" / \")}\r\n \r\n )}\r\n\r\n {!!parentSpecialOptions.rejectedSpecialOptionNames &&\r\n parentSpecialOptions.rejectedSpecialOptionNames.length > 0 && (\r\n \r\n {parentSpecialOptions.rejectedSpecialOptionNames.join(\" / \")}\r\n \r\n )}\r\n\r\n {!!parentSpecialOptions.pendingSpecialOptionNames &&\r\n parentSpecialOptions.pendingSpecialOptionNames.length > 0 && (\r\n \r\n {parentSpecialOptions.pendingSpecialOptionNames.join(\" / \")}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(SpecialOptionsInfo);\r\n","import { connect } from 'react-redux';\r\nimport { getInvitationOptionsByStatus, getInvitationParentSpecialOptiosn } from 'reducers/invitationDetails';\r\n\r\nimport SpecialOptionsInfo from '../components/SpecialOptionsInfo';\r\n\r\n\r\nconst mapStateToProps = ({ invitationDetails }) => ({\r\n options: getInvitationOptionsByStatus(invitationDetails),\r\n parentSpecialOptions: getInvitationParentSpecialOptiosn(invitationDetails) \r\n});\r\n\r\nexport default connect(mapStateToProps)(SpecialOptionsInfo);\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport LabelWrapper from 'common/forms/LabelWrapper';\r\n\r\nclass ParkingPassInfo extends Component {\r\n render() {\r\n const { options: {\r\n approvedSpecialOptionNames,\r\n } } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n /**\r\n * 6885 bug fix associated update.\r\n * @param {*} isModified\r\n */\r\n onInvitationOptionsFormModified(isModified) {\r\n this.setState({ isInvitationOptionsFormModified: isModified });\r\n }\r\n\r\n render() {\r\n const {\r\n intl,\r\n dirty,\r\n fields,\r\n pristine,\r\n isInEditMode,\r\n handleSubmit,\r\n isInvitationLoaded,\r\n isMinorInvite,\r\n details,\r\n } = this.props;\r\n\r\n if (!isInvitationLoaded) {\r\n return \r\n {items.map((it, idx) => (\r\n
\r\n );\r\n};\r\n\r\nconst ComparisonPanel = ({ title, preview }) => (\r\n \r\n
\r\n);\r\n\r\nconst EditedPanel = ({ edited }) => {\r\n const name = `${edited?.FirstName || \"\"} ${edited?.LastName || \"\"}`.trim() || \"—\";\r\n return (\r\n {title}
\r\n\r\n {preview?.photoUrl && (\r\n
\r\n \r\n
\r\n )}\r\n - \r\n
- Name \r\n
- {preview.displayName} \r\n
- {preview.email} \r\n
- Phone \r\n
- {preview.phone} \r\n
- DOB \r\n
- {preview.dob} \r\n
- Wicket ID \r\n
- {preview.wicketId || \"—\"} \r\n
- Affiliate / venue \r\n
- \r\n
\r\n \r\n - Recent pass activity \r\n
- \r\n {preview.passActivityLines?.length ? (\r\n
- \r\n {preview.passActivityLines.map((line, i) => (\r\n
- {line} \r\n ))}\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\n/**\r\n * Duplicate Found: compare existing profile(s) from userrepair search with edited CSV row.\r\n */\r\n/** Best match (primary) = best rank # (lowest # = highest match score) among selected rows. */\r\nconst getPrimaryAmongSelected = (selectedRows) => {\r\n if (!selectedRows || selectedRows.length === 0) return null;\r\n return [...selectedRows].sort((a, b) => (a._rank || 0) - (b._rank || 0))[0];\r\n};\r\n\r\nconst DuplicateFoundGuestModal = ({\r\n visible,\r\n onHide,\r\n candidates,\r\n editedRow,\r\n mergeLoading,\r\n onMergeSave,\r\n onGoToUserRepair,\r\n}) => {\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [confirmSamePerson, setConfirmSamePerson] = useState(false);\r\n\r\n const rankedCandidates = useMemo(\r\n () => rankGuestDuplicateCandidates(candidates, editedRow),\r\n [candidates, editedRow]\r\n );\r\n\r\n const blockQuickMerge = useMemo(\r\n () => shouldBlockQuickMerge(rankedCandidates),\r\n [rankedCandidates]\r\n );\r\n\r\n useEffect(() => {\r\n if (!visible) {\r\n setSelectedRows([]);\r\n setConfirmSamePerson(false);\r\n return;\r\n }\r\n if (rankedCandidates && rankedCandidates.length > 0) {\r\n if (shouldBlockQuickMerge(rankedCandidates)) {\r\n setSelectedRows([]);\r\n setConfirmSamePerson(false);\r\n } else {\r\n setSelectedRows([...rankedCandidates]);\r\n setConfirmSamePerson(false);\r\n }\r\n }\r\n }, [visible, rankedCandidates, blockQuickMerge]);\r\n\r\n const primaryRow = blockQuickMerge\r\n ? rankedCandidates[0] || null\r\n : getPrimaryAmongSelected(selectedRows);\r\n const selectedPreview = primaryRow ? getGuestProfilePreview(primaryRow) : null;\r\n\r\n const allRowsSelected =\r\n rankedCandidates.length > 0 &&\r\n selectedRows.length === rankedCandidates.length;\r\n\r\n const toggleRowSelection = (row) => {\r\n const key = row._dupRankKey;\r\n setSelectedRows((prev) => {\r\n const exists = prev.some((r) => r._dupRankKey === key);\r\n if (exists) return prev.filter((r) => r._dupRankKey !== key);\r\n return [...prev, row];\r\n });\r\n };\r\n\r\n const isRowSelected = (row) =>\r\n selectedRows.some((r) => r._dupRankKey === row._dupRankKey);\r\n\r\n const mergeDisabled =\r\n blockQuickMerge ||\r\n !confirmSamePerson ||\r\n !selectedRows ||\r\n selectedRows.length === 0 ||\r\n mergeLoading;\r\n\r\n const footer = (\r\n Edited details
\r\n\r\n
\r\n - \r\n
- Name \r\n
- {name} \r\n
- {edited?.Email || \"—\"} \r\n
- Phone \r\n
- {edited?.PhoneNumber || \"—\"} \r\n
\r\n {\r\n if (typeof onGoToUserRepair === \"function\") {\r\n onGoToUserRepair();\r\n }\r\n }}\r\n disabled={mergeLoading || typeof onGoToUserRepair !== \"function\"}\r\n />\r\n ) : (\r\n onMergeSave(selectedRows)}\r\n loading={mergeLoading}\r\n disabled={mergeDisabled}\r\n />\r\n )}\r\n
\r\n );\r\n\r\n return (\r\n \r\n {blockQuickMerge ? (\r\n <>\r\n Multiple verified matches were found (or more than one profile has a\r\n Wicket ID). Quick merge is not available. Review all ranked matches\r\n below, then continue in the User Repair Tool (Merge Tool) to resolve\r\n duplicates safely.\r\n \r\n ) : (\r\n <>\r\n An existing guest profile matches the details you entered. Review the\r\n profiles below, use the checkboxes to include every profile that should\r\n be merged (#1 is the strongest match to your edits and becomes the primary\r\n profile), confirm it is the same person, then merge and save to continue.\r\n \r\n )}\r\n
\r\n\r\n {rankedCandidates && rankedCandidates.length > 0 && (\r\n\r\n \r\n {!blockQuickMerge && (\r\n \r\n {\r\n if (e.checked) {\r\n setSelectedRows([...rankedCandidates]);\r\n } else {\r\n setSelectedRows([]);\r\n }\r\n }}\r\n disabled={mergeLoading || rankedCandidates.length === 0}\r\n />\r\n \r\n All\r\n \r\n \r\n }\r\n body={(row) => (\r\n \r\n editedRow ? Math.round(row._matchScore ?? 0) : \"—\"\r\n }\r\n />\r\n {\r\n const p = getGuestProfilePreview(row);\r\n return p.displayName;\r\n }}\r\n />\r\n pick(row, \"Email\", \"email\") || \"—\"}\r\n />\r\n pick(row, \"PhoneNumber\", \"phoneNumber\") || \"—\"}\r\n />\r\n \r\n
\r\n )}\r\n\r\n {editedRow && (\r\n \r\n {blockQuickMerge\r\n ? \"All matching candidates (ranked)\"\r\n : \"Select profile(s) to merge (ranked by match score; #1 is primary)\"}\r\n
\r\n\r\n toggleRowSelection(row)}\r\n disabled={mergeLoading}\r\n />\r\n
\r\n )}\r\n style={{ width: \"4.5rem\" }}\r\n />\r\n )}\r\n \r\n {selectedPreview && (\r\n
\r\n )}\r\n\r\n {!blockQuickMerge && (\r\n \r\n
\r\n );\r\n }\r\n\r\n const {\r\n duplicateGuestSearchLoading,\r\n duplicateMergeModalVisible,\r\n duplicateMergeCandidates,\r\n duplicateMergeRowData,\r\n duplicateMergeSaving,\r\n mergeFeedbackModalOpen,\r\n mergeFeedbackFetching,\r\n mergeFeedbackCompleteMessage,\r\n mergeFeedbackError,\r\n mergeDuplicateInviteDialogVisible,\r\n } = this.state;\r\n\r\n return (\r\n \r\n An invitation for this guest and pass type already exists. Do you\r\n want to revoke the duplicate invitation?\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {item.guestsSummary.invitationsInvited}\r\n \r\n\r\n \r\n {item.guestsSummary.invitationsPassIssued}\r\n \r\n \r\n {item.guestsSummary.invitationsRegistered}\r\n \r\n
\r\n {/* Allocations button works for Task 6870 */}\r\n \r\n \r\n \r\n summarize Allocations\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Guest List
\r\n {pageName}
}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ resetLoginPassword }) => ({\r\n isUpdated: isPasswordUpdated(resetLoginPassword),\r\n isUpdating: isPasswordUpdating(resetLoginPassword),\r\n errorMessage: getPasswordErrorMessage(resetLoginPassword),\r\n isUninitialized: isPasswordApiUninitialized(resetLoginPassword),\r\n});\r\n\r\nconst mapDispatchToProps = { resetPasswordLogin };\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ResetPassword);\r\n","import ResetPassword from './ResetPassword';\r\n\r\nexport default ResetPassword;\r\n","import { dispatch } from \"shared/store\";\r\nimport { openModal, MODAL_STEPS } from \"components/Modals\";\r\nimport { updateTemplateStatus } from \"actions/emailTemplates\";\r\nimport { updateEntities } from \"modules/collection\";\r\n\r\nexport const activation = (item, props) => ({\r\n name: item.active ? \"De-activate\" : \"Activate\",\r\n handler: (successFn = {}) => {\r\n const { templateId, active } = item;\r\n dispatch(\r\n openModal([\r\n MODAL_STEPS.confirmation(\r\n active\r\n ? \"editTemplate.messages.deactivationWarning\"\r\n : \"editTemplate.messages.activationWarning\"\r\n ),\r\n MODAL_STEPS.processing(\r\n active\r\n ? \"editTemplate.messages.deactivationProcess\"\r\n : \"editTemplate.messages.activationProcess\",\r\n () => dispatch(updateTemplateStatus(active, templateId))\r\n ),\r\n MODAL_STEPS.complete(\r\n active\r\n ? \"editTemplate.messages.deactivationSuccess\"\r\n : \"editTemplate.messages.activationSuccess\",\r\n {\r\n onAccept: () => {\r\n dispatch(\r\n updateEntities(props.listId, [\r\n {\r\n templateId,\r\n active: false,\r\n },\r\n ])\r\n );\r\n if (successFn) {\r\n successFn(templateId, !item.active);\r\n }\r\n },\r\n }\r\n ),\r\n ])\r\n );\r\n },\r\n});\r\n","import React, { useState, useEffect } from 'react';\r\n\r\n// Hook\r\nexport function useDebounce(value, delay) {\r\n // State and setters for debounced value\r\n const [debouncedValue, setDebouncedValue] = useState(value);\r\n useEffect(\r\n () => {\r\n // Update debounced value after delay\r\n const handler = setTimeout(() => {\r\n setDebouncedValue(value);\r\n }, delay);\r\n // Cancel the timeout if value changes (also on delay change or unmount)\r\n // This is how we prevent debounced value from updating if value is changed ...\r\n // .. within the delay period. Timeout gets cleared and restarted.\r\n return () => {\r\n clearTimeout(handler);\r\n };\r\n },\r\n [value, delay] // Only re-call effect if value or delay changes\r\n );\r\n return debouncedValue;\r\n}","import React, { useEffect, useRef } from \"react\";\r\n\r\nexport function usePrevious(value) {\r\n const ref = useRef();\r\n useEffect(() => {\r\n ref.current = value;\r\n });\r\n return ref.current;\r\n}","import { saveAs } from \"file-saver\";\r\n\r\nconst toComparableString = (value) => {\r\n if (value === null || value === undefined) {\r\n return \"\";\r\n }\r\n return String(value).toLowerCase();\r\n};\r\n\r\nconst matchByMode = (rawValue, rawConstraintValue, matchMode) => {\r\n const value = toComparableString(rawValue);\r\n const constraintValue = toComparableString(rawConstraintValue);\r\n const mode = (matchMode || \"\").toLowerCase();\r\n\r\n if (!constraintValue) {\r\n return true;\r\n }\r\n\r\n if (mode.includes(\"startswith\")) {\r\n return value.startsWith(constraintValue);\r\n }\r\n\r\n if (mode.includes(\"contains\")) {\r\n return value.includes(constraintValue);\r\n }\r\n\r\n if (mode.includes(\"endswith\")) {\r\n return value.endsWith(constraintValue);\r\n }\r\n\r\n if (mode.includes(\"equals\")) {\r\n return value === constraintValue;\r\n }\r\n\r\n return value.includes(constraintValue);\r\n};\r\n\r\nconst matchFieldFilter = (rowValue, filterModel) => {\r\n if (!filterModel) {\r\n return true;\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(filterModel, \"value\")) {\r\n return matchByMode(rowValue, filterModel.value, filterModel.matchMode);\r\n }\r\n\r\n const constraints = Array.isArray(filterModel.constraints)\r\n ? filterModel.constraints\r\n : [];\r\n\r\n if (!constraints.length) {\r\n return true;\r\n }\r\n\r\n const hasValueConstraint = constraints.some(\r\n (constraint) => constraint && constraint.value !== null && constraint.value !== \"\"\r\n );\r\n\r\n if (!hasValueConstraint) {\r\n return true;\r\n }\r\n\r\n const operator = (filterModel.operator || \"and\").toLowerCase();\r\n\r\n if (operator.includes(\"or\")) {\r\n return constraints.some((constraint) =>\r\n matchByMode(rowValue, constraint?.value, constraint?.matchMode)\r\n );\r\n }\r\n\r\n return constraints.every((constraint) =>\r\n matchByMode(rowValue, constraint?.value, constraint?.matchMode)\r\n );\r\n};\r\n\r\nexport const applyPrimeTableFilters = (rows, filters = {}, globalFields = []) => {\r\n const filterEntries = Object.entries(filters || {}).filter(\r\n ([, filterModel]) => filterModel\r\n );\r\n\r\n if (!filterEntries.length) {\r\n return rows;\r\n }\r\n\r\n return rows.filter((row) => {\r\n for (const [field, filterModel] of filterEntries) {\r\n if (field === \"global\") {\r\n const globalValue = filterModel?.value;\r\n if (!globalValue) {\r\n continue;\r\n }\r\n\r\n const matchesGlobal = globalFields.some((globalField) =>\r\n toComparableString(row[globalField]).includes(\r\n toComparableString(globalValue)\r\n )\r\n );\r\n\r\n if (!matchesGlobal) {\r\n return false;\r\n }\r\n continue;\r\n }\r\n\r\n if (!matchFieldFilter(row[field], filterModel)) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n });\r\n};\r\n\r\nexport const applyPrimeTableSort = (rows, sortField, sortOrder) => {\r\n if (!sortField || !sortOrder) {\r\n return rows;\r\n }\r\n\r\n const direction = sortOrder > 0 ? 1 : -1;\r\n return [...rows].sort((a, b) => {\r\n const valueA = a?.[sortField];\r\n const valueB = b?.[sortField];\r\n\r\n if (valueA === valueB) {\r\n return 0;\r\n }\r\n if (valueA === null || valueA === undefined) {\r\n return -1 * direction;\r\n }\r\n if (valueB === null || valueB === undefined) {\r\n return 1 * direction;\r\n }\r\n\r\n if (typeof valueA === \"number\" && typeof valueB === \"number\") {\r\n return (valueA - valueB) * direction;\r\n }\r\n\r\n return toComparableString(valueA).localeCompare(toComparableString(valueB)) * direction;\r\n });\r\n};\r\n\r\nconst escapeCsvValue = (value) => {\r\n if (value === null || value === undefined) {\r\n return \"\";\r\n }\r\n\r\n const strValue = String(value);\r\n if (strValue.includes(\",\") || strValue.includes('\"') || strValue.includes(\"\\n\")) {\r\n return `\"${strValue.replace(/\"/g, '\"\"')}\"`;\r\n }\r\n return strValue;\r\n};\r\n\r\nexport const exportRowsToCsv = (rows, columns, fileName) => {\r\n const header = columns.map((column) => escapeCsvValue(column.label)).join(\",\");\r\n const body = rows\r\n .map((row) =>\r\n columns.map((column) => escapeCsvValue(row[column.key])).join(\",\")\r\n )\r\n .join(\"\\n\");\r\n\r\n const csv = `${header}\\n${body}`;\r\n const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\r\n saveAs(blob, `${fileName}_${Date.now()}.csv`);\r\n};\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { apiClient } from \"proxies/apiClient\";\r\nimport uniqueId from \"lodash/uniqueId\";\r\nimport { Link } from \"react-router\";\r\nimport Icon from \"common/Icon\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { ProgressSpinner } from \"primereact/progressspinner\";\r\nimport { FilterMatchMode, FilterOperator } from \"primereact/api\";\r\nimport OptionsMenu from \"common/OptionsMenu\";\r\nimport { MenuItem } from \"common/Menu\";\r\nimport { activation } from \"../actions/activation\";\r\nimport { normalizeObjectKeys } from \"shared/utils/objectUtils\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport ActionButton from \"common/ActionButton\";\r\nimport { useDebounce } from \"hooks/useDebounce.jsx\";\r\nimport _ from \"lodash\";\r\nimport { updateSearchCriteria, getSearchCriteriaValues } from \"modules/search\";\r\nimport { InputSwitch } from \"primereact/inputswitch\";\r\nimport { usePrevious } from \"hooks/usePrevious\";\r\nimport {\r\n applyPrimeTableFilters,\r\n applyPrimeTableSort,\r\n exportRowsToCsv,\r\n} from \"shared/utils/dataTableExportUtils\";\r\nimport \"./custom-emails.scss\";\r\n\r\nconst EmailTemplates = ({\r\n router,\r\n searchCriteriaValues,\r\n updateSearchCriteriaValues,\r\n}) => {\r\n const [showSpinner, setShowSpinner] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [filteredEmailTemplates, setFilteredEmailTemplates] = useState([]);\r\n const [filtersActive, setFiltersActive] = useState(false);\r\n const [filters, setFilters] = useState(null);\r\n const [globalFilterValue, setGlobalFilterValue] = useState(null);\r\n const [showDeactivated, setShowDeactivated] = useState(false);\r\n const [sortField, setSortField] = useState(null);\r\n const [sortOrder, setSortOrder] = useState(null);\r\n const [isExporting, setIsExporting] = useState(false);\r\n\r\n const prevActivated = usePrevious({ showDeactivated });\r\n\r\n const dt = useRef(null);\r\n\r\n const getEmailTemplateListAsync = (isTableLoader) => {\r\n initFilters();\r\n\r\n if (searchCriteriaValues && searchCriteriaValues.searchTerm) {\r\n setGlobalFilterValue(searchCriteriaValues.searchTerm);\r\n setFiltersActive(true);\r\n }\r\n\r\n isTableLoader ? setLoading(true) : setShowSpinner(true);\r\n apiClient\r\n .get()\r\n .documentTemplateGetCustomizationTemplatesAsyncBySearchcriteriaSearchtermAndSearchcriteriaOrderbyAndSearchcriteriaIsactiveAndSearchcriteriaStatusAndSearchcriteriaTypeAndSearchcriteriaOtherAndSearchcriteriaSortbyAndSearchcriteriaFilterby(\r\n {\r\n \"searchCriteria.isActive\": !showDeactivated,\r\n \"searchCriteria.searchTerm\":\r\n searchCriteriaValues && searchCriteriaValues.searchTerm\r\n ? searchCriteriaValues.searchTerm\r\n : null,\r\n }\r\n )\r\n .then((response) => {\r\n if (response && response.data) {\r\n const normalizeData = normalizeObjectKeys(response.data);\r\n setFilteredEmailTemplates(normalizeData);\r\n isTableLoader ? setLoading(false) : setShowSpinner(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(\"GetEmailTemplateList\", err);\r\n isTableLoader ? setLoading(false) : setShowSpinner(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getEmailTemplateListAsync(false);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (prevActivated && prevActivated !== showDeactivated) {\r\n getEmailTemplateListAsync(true);\r\n const scrollEle = document.querySelector(\r\n \".template-wrapper .p-datatable-wrapper\"\r\n );\r\n scrollEle.scrollTop = 0;\r\n }\r\n }, [showDeactivated]);\r\n\r\n const sucessfn = (itemId, isActive) => {\r\n if (itemId) {\r\n const usersData = [...filteredEmailTemplates];\r\n const selectedIndex = usersData.findIndex(\r\n (obj) => obj.templateId === itemId\r\n );\r\n\r\n if (selectedIndex > -1) {\r\n usersData.splice(selectedIndex, 1);\r\n setFilteredEmailTemplates([...usersData]);\r\n }\r\n }\r\n };\r\n\r\n const renderActions = (rowData) => {\r\n const actions = [\"activation\"];\r\n const affiliateActions = {\r\n activation,\r\n };\r\n\r\n const actiondata = actions.map((action) =>\r\n affiliateActions[action](rowData, { listId: \"emailTemplateManagement\" })\r\n );\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n const handleUserItemClick = (userId) => {\r\n router.push(`/secure/custom-emails/${userId}`);\r\n };\r\n\r\n const fieldNames = {\r\n templateName: \"templateName\",\r\n baseTemplateName: \"baseTemplateName\",\r\n templateType: \"templateType\",\r\n active: \"active\",\r\n };\r\n\r\n const initFilters = () => {\r\n setFilters({\r\n // \"global\": { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n [fieldNames.templateName]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.baseTemplateName]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.templateType]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n });\r\n // setGlobalFilterValue('');\r\n // setFiltersActive(false);\r\n };\r\n\r\n const textMatchModes = [\r\n { label: \"Starts With\", value: FilterMatchMode.STARTS_WITH },\r\n { label: \"Contains\", value: FilterMatchMode.CONTAINS },\r\n ];\r\n\r\n const columnProps = {\r\n [fieldNames.templateName]: {\r\n header: \"Template Name\",\r\n filterMatchModeOptions: textMatchModes,\r\n },\r\n [fieldNames.baseTemplateName]: {\r\n header: \"Base Template Name\",\r\n filterMatchModeOptions: textMatchModes,\r\n },\r\n [fieldNames.templateType]: {\r\n header: \"Template Type\",\r\n filterMatchModeOptions: textMatchModes,\r\n },\r\n [fieldNames.active]: {\r\n header: \"Template Status\",\r\n filterMatchModeOptions: \"\",\r\n },\r\n };\r\n\r\n const CellValue = ({ value }) => \r\n \r\n {actiondata.map((action) => (\r\n action.handler(sucessfn)}\r\n >\r\n {action.name}\r\n \r\n ))}\r\n \r\n handleUserItemClick(rowData.templateId)}\r\n >\r\n \r\n \r\n
\r\n {value}
;\r\n\r\n const AffiliateStatus = ({ data }) => (\r\n \r\n \r\n
\r\n );\r\n\r\n const columnTemplate = (rowData, column) => {\r\n return column.field === fieldNames.active ? (\r\n \r\n \r\n \r\n {isExporting ? \"Exporting...\" : \"Export CSV\"}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n setShowDeactivated(e.value)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state, props) => ({\r\n searchCriteriaValues: getSearchCriteriaValues(\r\n state,\r\n \"emailTemplateManagement\"\r\n ),\r\n});\r\nconst mapDispatchToProps = (dispatch) => ({\r\n updateSearchCriteriaValues: (payload) => {\r\n dispatch(updateSearchCriteria(payload));\r\n },\r\n});\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EmailTemplates);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { getBaseTemplateListRequestState } from 'reducers/emailTemplates';\r\nimport { getResponseData } from 'shared/helpers/reducers/createApiReducer';\r\nimport { fetchTemplateRegions, resetTemplateRegions, resetTemplate } from 'actions/emailTemplates';\r\nimport * as formTypes from 'propTypes/reduxForm';\r\nimport FormSelect from 'common/FormSelect';\r\n\r\nclass BaseTemplateDropdown extends PureComponent {\r\n static propTypes = {\r\n items: PropTypes.array,\r\n isFetching: PropTypes.bool.isRequired,\r\n formField: formTypes.reduxFormField.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n this.props.resetTemplateRegions();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetTemplateRegions();\r\n }\r\n\r\n handleSelection = (item) => {\r\n this.props.resetTemplate();\r\n this.props.fetchTemplateRegions(item.name, {\r\n updateFormField: true,\r\n });\r\n };\r\n\r\n render() {\r\n const { items, formField, isFetching } = this.props;\r\n return (\r\n \r\n \r\n
\r\n {showSpinner && (\r\n \r\n
\r\n )}\r\n {!showSpinner && (\r\n \r\n onFilter(filters)}\r\n loading={loading}\r\n sortField={sortField}\r\n sortOrder={sortOrder}\r\n onSort={(event) => {\r\n setSortField(event.sortField);\r\n setSortOrder(event.sortOrder);\r\n }}\r\n >\r\n {getColumns()}\r\n \r\n
\r\n )}\r\n \r\n \r\n {/* {\r\n this.currentRegions[field.name] = region;\r\n }}\r\n /> */}\r\n
\r\n
\r\n this.handleEditorChange(e, field.name)}\r\n onFocus={(e) => this.handleEditorFocus(field.name)}\r\n ref={(editor) => {\r\n if (editor) {\r\n this.currentRegions[field.name] = editor;\r\n }\r\n }}\r\n name={field.name}\r\n className=\"prime_editor\"\r\n />\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Page Not Found
\r\n { e.preventDefault(); browserHistory.goBack(); }}>Go Back\r\n{value}
\r\n );\r\n\r\n const DateValue = ({ value }) => {\r\n if (value == null || value === \"\") {\r\n return —
;\r\n }\r\n const m = moment(value);\r\n if (!m.isValid()) {\r\n return {String(value)}
;\r\n }\r\n return (\r\n {`${formatDate(\r\n value,\r\n HISTORY_DATE_TIME_FORMAT\r\n )} EST`}
\r\n );\r\n };\r\n\r\n const columnTemplate = (rowData, column) => {\r\n return column.field === fieldNames.updateTimeStamp ? (\r\n \r\n
\r\n );\r\n };\r\n\r\n /* Markup and DataTable props match AffiliateDetailsForm (affiliate detail page). */\r\n return (\r\n \r\n {rowData.oldValue && (\r\n
\r\n \r\n Old Value: \r\n {rowData.oldValue}\r\n
\r\n )}\r\n {rowData.newValue && (\r\n\r\n New Value: \r\n {rowData.newValue}\r\n
\r\n )}\r\n\r\n \r\n {accordionTitle}}>\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default History;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\n\r\nconst Divider = (props) => {\r\n const classes = cx('nascar-divider', {\r\n 'divider-black': props.color === 'black',\r\n });\r\n\r\n return \r\n
\r\n \r\n setExpandedRows(e.data)}\r\n rowExpansionTemplate={rowExpansionTemplate}\r\n >\r\n
\r\n ;\r\n};\r\n\r\nDivider.propTypes = {\r\n color: PropTypes.string,\r\n};\r\n\r\nexport default Divider;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SearchableDropdown from 'common/forms/dropdown/SearchableDropdown.jsx';\r\n\r\nclass EventTypeAutoComplete extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleFilterOption = this.handleFilterOption.bind(this);\r\n }\r\n\r\n handleChange(eventType) {\r\n this.props.updateFormValue('eventTypeId', eventType.id);\r\n }\r\n\r\n handleFilterOption(option, filterString) {\r\n const filter = filterString.toLowerCase();\r\n return option.name.toLowerCase().includes(filter);\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n \r\n {props.placeholder}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nComboBox.propTypes = {\r\n name: PropTypes.string,\r\n value: PropTypes.any,\r\n valueKey: PropTypes.any,\r\n labelKey: PropTypes.any,\r\n items: PropTypes.array.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n classList: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n field: PropTypes.object.isRequired,\r\n fullWidth: PropTypes.bool,\r\n};\r\n\r\nexport default ComboBox;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport autoBind from 'react-autobind';\r\nimport ComboBox from 'common/forms/dropdown/ComboBox.jsx';\r\nimport { positiveInteger } from 'shared/utils/validation';\r\n\r\nconst LIMIT_DEFAULTS = [\r\n {\r\n name: 'No Limit',\r\n value: '',\r\n },\r\n {\r\n name: '0',\r\n value: '0',\r\n },\r\n {\r\n name: '1',\r\n value: '1',\r\n },\r\n {\r\n name: '5',\r\n value: '5',\r\n },\r\n {\r\n name: '10',\r\n value: '10',\r\n },\r\n {\r\n name: '18',\r\n value: '18',\r\n },\r\n {\r\n name: '20',\r\n value: '20',\r\n },\r\n];\r\n\r\nfunction isValidNewOption({ label }) {\r\n return !!label && positiveInteger(label) === undefined;\r\n}\r\n\r\nfunction promptTextCreator(label) {\r\n return `\"${label}\"`;\r\n}\r\n\r\nclass LimitAutoComplete extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n autoBind(this);\r\n }\r\n\r\n getItems() {\r\n const { props } = this;\r\n const items = [...props.optionsLimit ?? LIMIT_DEFAULTS];\r\n const newItem = {};\r\n if (typeof props.limit.value === 'object') {\r\n newItem.name = props.limit.value.name;\r\n newItem.value = props.limit.value.value;\r\n } else {\r\n newItem.name = props.limit.value;\r\n newItem.value = props.limit.value;\r\n }\r\n if (!items.find(item => item.value === newItem.value)) {\r\n items.push(newItem);\r\n }\r\n\r\n return items;\r\n }\r\n\r\n handleChange(limit) {\r\n this.props.updateFormValue('limit', limit.value);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAffiliateMatrix.propTypes = {\r\n eventTypes: PropTypes.array,\r\n passTypes: PropTypes.array,\r\n paymentTypes: PropTypes.array,\r\n passLimits: PropTypes.array,\r\n dispatch: PropTypes.func,\r\n addPassLimit: PropTypes.func,\r\n removePassLimit: PropTypes.func,\r\n lateFeeHelpText: PropTypes.string,\r\n showMinorPassColumn: PropTypes.bool,\r\n affiliateTypeSanctioningBodies: PropTypes.array,\r\n sanctioningBodies: PropTypes.array,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n const { intl } = state;\r\n let lateFeeHelpText = \"\";\r\n\r\n if (intl) lateFeeHelpText = intl.messages[LATE_FEE_HELP_TEXT];\r\n\r\n return { lateFeeHelpText };\r\n};\r\n\r\nexport default connect(mapStateToProps)(AffiliateMatrix);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { getValues, initialize, destroy } from 'redux-form';\r\nimport { passLimitModelMap } from 'components/pass_limits/modelMap';\r\nimport { destroyPassLimits } from 'components/PassLimits';\r\nimport CONSTANTS from \"shared/utils/constants\";\r\n\r\nimport { getElementList } from 'shared/selectors';\r\n\r\nimport { getState as getEventTypesState } from 'components/EventTypes';\r\nimport { getState as getPassTypesState } from 'components/PassTypes';\r\nimport { getState as getPaymentTypesState } from 'components/PaymentTypes';\r\nimport { getAllSanctioningBodies } from 'reducers/sanctioningBodies';\r\n\r\nimport Matrix from 'components/pages/affiliates/AffiliateMatrix';\r\n\r\nclass AffiliateMatrix extends Component {\r\n static propTypes = {\r\n rows: PropTypes.array,\r\n // affiliateTypeId: PropTypes.number,\r\n onMatrixDestroy: PropTypes.func,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onMatrixDestroy();\r\n }\r\n render() {\r\n // if (!this.props.rows.length) {\r\n // return null;\r\n // }\r\n\r\n return \r\n
Pass Allocation
\r\n\r\n Defines pass allocation rules for this affiliate for each event of\r\n the specified event type.\r\n
\r\n\r\n \r\n Add New Row\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {!props.isReadOnly && (\r\n | Event Type | \r\nPayment Type | \r\nPass Type | \r\nLimit | \r\nCost | \r\n\r\n Invitation Deadline\r\n \r\n (days)\r\n | \r\n \r\n Late Invitation\r\n \r\n (conditions)\r\n | \r\n {showMinorPassColumn && (\r\n Minor Pass (separate price) | \r\n )}\r\n\r\n |
|---|
\r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAffiliateAnnualMatrix.propTypes = {\r\n eventTypes: PropTypes.array,\r\n passTypes: PropTypes.array,\r\n paymentTypes: PropTypes.array,\r\n passLimits: PropTypes.array,\r\n dispatch: PropTypes.func,\r\n addPassLimit: PropTypes.func,\r\n removePassLimit: PropTypes.func,\r\n lateFeeHelpText: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n const { intl } = state;\r\n let lateFeeHelpText = \"\";\r\n\r\n if (intl) lateFeeHelpText = intl.messages[LATE_FEE_HELP_TEXT];\r\n\r\n return { lateFeeHelpText };\r\n};\r\n\r\nexport default connect(mapStateToProps)(AffiliateAnnualMatrix);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { getValues, initialize, destroy } from 'redux-form';\r\nimport { passLimitModelMap } from 'components/pass_limits/modelMap';\r\nimport { destroyPassLimits } from 'components/PassLimits';\r\nimport CONSTANTS from \"shared/utils/constants\";\r\n\r\nimport { getElementList } from 'shared/selectors';\r\n\r\nimport { getState as getEventTypesState } from 'components/EventTypes';\r\nimport { getState as getPassTypesState } from 'components/PassTypes';\r\nimport { getState as getPaymentTypesState } from 'components/PaymentTypes';\r\n\r\nimport Matrix from 'components/pages/affiliates/AffiliateAnnualMatrix';\r\n\r\nclass AffiliateAnnualMatrix extends Component {\r\n static propTypes = {\r\n rows: PropTypes.array,\r\n // affiliateTypeId: PropTypes.number,\r\n onMatrixDestroy: PropTypes.func,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onMatrixDestroy();\r\n }\r\n render() {\r\n // if (!this.props.rows.length) {\r\n // return null;\r\n // }\r\n\r\n return \r\n
Annual Allotment
\r\n\r\n Defines pass allocation rules for this affiliate for each event of\r\n the specified event type.\r\n
\r\n\r\n \r\n Add New Row\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {!props.isReadOnly && (\r\n | Event Type | \r\nPayment Type | \r\nPass Type | \r\nLimit | \r\n {!props.isAffiliateType &&Used | }\r\n {!props.isAffiliateType &&Remaining | }\r\n\r\n |
|---|
Invitation Affiliate: { eventGuest.inviterAffiliateName }
;\r\n\t}\r\n}\r\n\r\nAffiliate.propTypes = {};\r\n\r\nexport default Affiliate;\r\n","/**\r\n * GAP ↔ DL affiliate mapping helpers (1:1 interim mapping for Pit Pass).\r\n * GAP affiliate stores mapping as `DLAffiliateId`.\r\n * DL list marks taken options with `IsAssign`.\r\n */\r\n\r\nconst getSanctioningBodyName = (body = {}) =>\r\n (\r\n body.sanctioningBodyName ||\r\n body.SanctioningBodyName ||\r\n body.name ||\r\n body.Name ||\r\n \"\"\r\n )\r\n .toString()\r\n .toUpperCase();\r\n\r\nconst isNascarName = (name) => name.includes(\"NASCAR\");\r\n\r\nconst getSanctioningBodyId = (body = {}) =>\r\n Number(\r\n body.sanctioningBodyId ??\r\n body.SanctioningBodyId ??\r\n body.id ??\r\n body.Id ??\r\n NaN\r\n );\r\n\r\n/**\r\n * True when affiliate type includes a NASCAR sanctioning body.\r\n * Uses junction names when present; otherwise resolves names from the master list by id.\r\n */\r\nexport function affiliateTypeHasNascarSanctioningBody(\r\n affiliateTypeSanctioningBodies = [],\r\n sanctioningBodies = []\r\n) {\r\n const bodies = affiliateTypeSanctioningBodies || [];\r\n if (bodies.some((body) => isNascarName(getSanctioningBodyName(body)))) {\r\n return true;\r\n }\r\n\r\n const masters = sanctioningBodies || [];\r\n if (!bodies.length || !masters.length) {\r\n return false;\r\n }\r\n\r\n return bodies.some((body) => {\r\n const sbId = getSanctioningBodyId(body);\r\n if (!sbId) {\r\n return false;\r\n }\r\n const master = masters.find(\r\n (item) => Number(item.id ?? item.Id) === sbId\r\n );\r\n return master ? isNascarName(getSanctioningBodyName(master)) : false;\r\n });\r\n}\r\n\r\n/** Match affiliate type list rows to the form field value (number/string safe). */\r\nexport function findAffiliateTypeById(affiliateTypes = [], affiliateTypeId) {\r\n if (affiliateTypeId == null || affiliateTypeId === \"\") {\r\n return undefined;\r\n }\r\n const typeId = Number(affiliateTypeId);\r\n if (Number.isNaN(typeId)) {\r\n return undefined;\r\n }\r\n return (affiliateTypes || []).find(\r\n (item) => Number(item.id ?? item.Id) === typeId\r\n );\r\n}\r\n\r\n/**\r\n * Read DLAffiliateId from a GAP affiliate GET/list payload.\r\n * Handles PascalCase API and normalizeObjectKeys (`dLAffiliateId`).\r\n */\r\nexport function getGapAffiliateDlAffiliateId(affiliate = {}) {\r\n const value =\r\n affiliate.DLAffiliateId ??\r\n affiliate.dLAffiliateId ??\r\n affiliate.dlAffiliateId ??\r\n affiliate.DlAffiliateId ??\r\n null;\r\n return value == null || value === \"\" ? null : value;\r\n}\r\n\r\n/** True when DL affiliate list item is already assigned (IsAssign). */\r\nexport function isDlAffiliateAssigned(dlAffiliate = {}) {\r\n return (\r\n dlAffiliate.isAssign === true ||\r\n dlAffiliate.IsAssign === true ||\r\n dlAffiliate.isassign === true\r\n );\r\n}\r\n\r\n/**\r\n * Disable DL options when IsAssign is true (already mapped).\r\n * Current selection stays enabled so the user can keep or clear it.\r\n * Archived rows are also disabled.\r\n */\r\nexport function isDlAffiliateOptionDisabled(\r\n dlAffiliate,\r\n selectedDlAffiliateId\r\n) {\r\n if (!dlAffiliate) {\r\n return true;\r\n }\r\n if (dlAffiliate.archive === true || dlAffiliate.Archive === true) {\r\n return true;\r\n }\r\n if (!isDlAffiliateAssigned(dlAffiliate)) {\r\n return false;\r\n }\r\n const affiliateGapId =\r\n dlAffiliate.affiliateGapId ?? dlAffiliate.AffiliateGapId;\r\n if (\r\n selectedDlAffiliateId != null &&\r\n selectedDlAffiliateId !== \"\" &&\r\n String(affiliateGapId) === String(selectedDlAffiliateId)\r\n ) {\r\n return false;\r\n }\r\n return true;\r\n}\r\n","import { reset, initialize, destroy } from \"redux-form\";\r\nimport apiHelper from \"shared/utils/apiHelper\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport uniqueId from \"lodash/uniqueId\";\r\nimport { resetMatrix } from \"actions/common\";\r\n\r\nimport { resetApiRequest } from \"components/ApiRequests\";\r\nimport { openModal, MODAL_STEPS, appendModalSteps } from \"components/Modals\";\r\nimport { getElementList } from \"shared/selectors\";\r\nimport {\r\n affiliateFormFields,\r\n AFFILIATE_DETAILS_REQUEST_ID,\r\n} from \"../constants\";\r\n\r\nimport { fetchContacts } from \"components/Contacts\";\r\nimport { fetchSpecialOptions } from \"components/SpecialOptions\";\r\nimport { fetchAffiliateTypes } from \"components/AffiliateTypes\";\r\nimport { fetchAffiliates, fetchAffiliatesNew } from \"components/Affiliates\";\r\nimport { fetchAffiliateTypeByIdNew } from \"actions/affiliateTypes/index\";\r\nimport { fetchEventTypes } from \"components/EventTypes\";\r\nimport {\r\n fetchPassTypes,\r\n getState as getPassTypesState,\r\n} from \"components/PassTypes\";\r\nimport { fetchPaymentTypes } from \"components/PaymentTypes\";\r\nimport {\r\n passLimitModelMap,\r\n resolveAffiliateIsPriceForMinor,\r\n buildAffiliateMatrixPassLimits,\r\n} from \"components/pass_limits/modelMap\";\r\nimport { fetchPassLimitsByAffiliateTypeId } from \"actions/affiliateTypes/passLimits\";\r\nimport { getPassLimitsByAffiliateTypeId } from \"reducers/affiliateType\";\r\nimport {\r\n fetchPassLimits,\r\n getState as getPassLimitsState,\r\n} from \"components/PassLimits\";\r\nimport Affiliate from \"routes/MinorInvitation/fields/AffiliateReadonly\";\r\nimport {\r\n fetchAllSanctioningBodies, \r\n} from 'actions/sanctioningBodies';\r\nimport { fetchAllEventsOfAffiliates } from \"actions/events\";\r\nimport {\r\n getAccount,\r\n isUserAdminOrSuperAdmin,\r\n getAccountPermissions,\r\n} from \"reducers/account\";\r\nimport {\r\n shouldApplyAllocationRowLock,\r\n canCreateOrActivateAffiliate,\r\n} from \"../utils/affiliateManagePermissions\";\r\nimport { resolveAllocationCreatedById } from \"../utils/allocationRowLock\";\r\nimport { resolvePrimaryContactId } from \"../utils/primaryContact\";\r\nimport { getGapAffiliateDlAffiliateId } from \"../utils/dlAffiliate\";\r\n\r\nconst withAllocationCreator = (passLimit) => {\r\n const createdByAccountId = resolveAllocationCreatedById(passLimit);\r\n return createdByAccountId == null\r\n ? passLimit\r\n : { ...passLimit, createdByAccountId };\r\n};\r\n\r\nconst mapResponseToAffiliateDetailsShape = ({\r\n primaryContact,\r\n secondaryContacts = [],\r\n affiliateSpecialOptions = [],\r\n ...data\r\n} = {}) => ({\r\n ...data,\r\n primaryContact: resolvePrimaryContactId(primaryContact),\r\n secondaryContacts: Array.isArray(secondaryContacts)\r\n ? secondaryContacts.map((contact) =>\r\n typeof contact === \"object\" ? contact.id : contact\r\n )\r\n : [],\r\n dlAffiliateId: getGapAffiliateDlAffiliateId(data),\r\n});\r\n\r\n/**\r\n * Get one affiliate detail information included its associated child collections.\r\n *\r\n * Call Web API \"GetAsync\" in AffiliateContorller.cs\r\n * Work for AffiliateManagement.js page.\r\n *\r\n * @param {*} id It is affiliate Id.\r\n * @returns\r\n */\r\nexport const fetchAffiliate = (id) =>\r\n apiHelper.formatRequest({\r\n endpoint: apiHelper.buildPath(CONSTANTS.API.AFFILIATES.BY_ID, id),\r\n options: {\r\n requestId: AFFILIATE_DETAILS_REQUEST_ID,\r\n },\r\n });\r\n\r\nconst onAffiliateManageComplete = (props) => {\r\n Promise.all([\r\n props.dispatch(reset(\"affiliateDetails\")),\r\n props.dispatch(resetMatrix(\"affiliate_pass_limit_row\")),\r\n props.dispatch(resetMatrix(\"event_pass_limit_row\")),\r\n props.dispatch(resetMatrix(CONSTANTS.FORMS.AFFILIATE_SPECIAL_OPTION_ROW)),\r\n props.dispatch(resetMatrix(CONSTANTS.FORMS.AFFILIATE_PARKING_PASS_ROW)),\r\n ]).then(() => {\r\n props.router.push(\"/secure/affiliates\");\r\n });\r\n};\r\n\r\nconst initializeForm = (data) =>\r\n initialize(\r\n \"affiliateDetails\",\r\n mapResponseToAffiliateDetailsShape(data),\r\n affiliateFormFields\r\n );\r\n\r\nconst getPassLimitValue = (value) =>\r\n value === 0 || value ? value.toString() : \"\";\r\n\r\nconst stampCreatorOnNewPassLimit = (passLimit, getState) => {\r\n const account = getAccount(getState().account);\r\n const rowLockActive = shouldApplyAllocationRowLock(\r\n getAccountPermissions(getState().account),\r\n isUserAdminOrSuperAdmin(getState().account)\r\n );\r\n if (!rowLockActive || account?.id == null) {\r\n return passLimit;\r\n }\r\n return { ...passLimit, createdByAccountId: account.id };\r\n};\r\n\r\nexport const addNewEventPassLimit = () => (dispatch, getState) => {\r\n const state = getState();\r\n const passTypes = getElementList(getPassTypesState(state));\r\n const lastPassType = passTypes[passTypes.length - 1];\r\n\r\n const newId = lastPassType\r\n ? lastPassType.id + uniqueId(\"new_\")\r\n : uniqueId(\"new_\");\r\n\r\n const passLimit = stampCreatorOnNewPassLimit(\r\n {\r\n id: newId,\r\n eventId: null,\r\n eventTypeId: null,\r\n paymentTypeId: null,\r\n passTypeId: null,\r\n limit: \"\",\r\n deadline: \"\",\r\n lateFee: \"\",\r\n cost: \"0\",\r\n isUserCreated: true,\r\n isActivePassType: true,\r\n //\r\n // Fixed 7821. https://dev.azure.com/nascar/Lixar/_workitems/edit/7821/\r\n //\r\n isPast: false,\r\n isNewAdd: true,\r\n },\r\n getState\r\n );\r\n\r\n return dispatch(\r\n initialize(\r\n `event_pass_limit_row_form_${passLimit.id}`,\r\n {\r\n ...passLimitModelMap(passLimit),\r\n eventId: passLimit.eventId,\r\n passType: passLimit.passTypeId,\r\n paymentType: passLimit.paymentTypeId,\r\n isActivePassType: passLimit.isActivePassType,\r\n isPriceForMinorFromType: false,\r\n },\r\n [\r\n \"id\",\r\n \"eventType\",\r\n \"eventId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"eventTypeId\",\r\n \"paymentTypeId\",\r\n \"passTypeId\",\r\n \"paymentType\",\r\n \"passType\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"lateFeeDefault\",\r\n \"lateFee\",\r\n \"deadline\",\r\n \"deadlineDefault\",\r\n \"cost\",\r\n \"costDefault\",\r\n //\r\n // Fixed 7821. https://dev.azure.com/nascar/Lixar/_workitems/edit/7821/\r\n //\r\n \"isPast\",\r\n \"isActivePassType\",\r\n \"isNewAdd\",\r\n \"isPriceForMinor\",\r\n \"isPriceForMinorFromType\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n};\r\n\r\nexport const addNewAnnualEventPassLimit = () => (dispatch, getState) => {\r\n const state = getState();\r\n const passTypes = getElementList(getPassTypesState(state));\r\n const lastPassType = passTypes[passTypes.length - 1];\r\n\r\n const newId = lastPassType\r\n ? lastPassType.id + uniqueId(\"new_\")\r\n : uniqueId(\"new_\");\r\n\r\n const passLimit = stampCreatorOnNewPassLimit(\r\n {\r\n id: newId,\r\n eventId: null,\r\n eventTypeId: null,\r\n paymentTypeId: null,\r\n passTypeId: null,\r\n limit: \"\",\r\n usedValue: 0,\r\n totalAvailable: 0,\r\n isUserCreated: true,\r\n isPast: false,\r\n isActivePassType: true,\r\n isNewAdd: true,\r\n },\r\n getState\r\n );\r\n\r\n return dispatch(\r\n initialize(\r\n `event_annual_pass_limit_row_form_${passLimit.id}`,\r\n {\r\n ...passLimitModelMap(passLimit),\r\n eventId: passLimit.eventId,\r\n passType: passLimit.passTypeId,\r\n paymentType: passLimit.paymentTypeId,\r\n },\r\n [\r\n \"id\",\r\n \"eventType\",\r\n \"eventId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"eventTypeId\",\r\n \"paymentTypeId\",\r\n \"passTypeId\",\r\n \"paymentType\",\r\n \"passType\",\r\n \"limit\",\r\n \"limitDefault\",\r\n 'usedValue',\r\n 'totalAvailable',\r\n \"isPast\",\r\n \"isActivePassType\",\r\n \"isNewAdd\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n};\r\n\r\n/**\r\n * Work for \"Event Exceptions\" section in AffiliateDetailsForm.js.\r\n * Binding data got from web API to UI\r\n *\r\n * @param {*} passLimits\r\n * @returns\r\n */\r\nexport const initializeEventMatrixPassLimits = (\r\n affiliateTypeId,\r\n affiliatePassLimits\r\n) => (dispatch, getState) => {\r\n const state = getState();\r\n const defaultPassLimits = getElementList(getPassLimitsState(state));\r\n const typePassLimits = getPassLimitsByAffiliateTypeId(state.affiliateType) || [];\r\n\r\n const passLimitsByType = defaultPassLimits.filter(\r\n (x) => x.affiliateTypeId === affiliateTypeId && x.eventId\r\n ).filter(item => !item.isAnnualAllotment);;\r\n\r\n let passLimits = buildAffiliateMatrixPassLimits({\r\n passLimitsByType,\r\n typePassLimits,\r\n affiliatePassLimits: affiliatePassLimits || [],\r\n hasEventId: true,\r\n isAnnualAllotment: false,\r\n });\r\n\r\n Object.keys(state.form).forEach((formName) => {\r\n if (formName.includes(\"event_pass_limit\")) {\r\n dispatch(destroy(formName));\r\n }\r\n });\r\n\r\n passLimits = passLimits.filter(\r\n (item) => item.isActivePassType && !item.isAnnualAllotment\r\n );\r\n passLimits.forEach((passLimit) => {\r\n const row = withAllocationCreator(passLimit);\r\n dispatch(\r\n initialize(\r\n `event_pass_limit_row_form_${row.id}`,\r\n {\r\n ...row,\r\n limit: getPassLimitValue(row.limitValue ?? row.limit),\r\n limitDefault: getPassLimitValue(\r\n row.limitDefault ?? row.limitValue ?? row.limit\r\n ),\r\n lateFee: getPassLimitValue(row.lateFee),\r\n lateFeeDefault: getPassLimitValue(row.lateFeeDefault),\r\n deadline: getPassLimitValue(row.deadLine ?? row.deadline),\r\n deadlineDefault: getPassLimitValue(\r\n row.deadlineDefault ?? row.deadLine ?? row.deadline\r\n ),\r\n cost: getPassLimitValue(row.cost),\r\n costDefault: getPassLimitValue(row.costDefault),\r\n isActivePassType: row.isActivePassType,\r\n isPriceForMinor: resolveAffiliateIsPriceForMinor(row),\r\n isPriceForMinorFromType: !!row.isPriceForMinorFromType,\r\n isPriceForMinorDefault:\r\n row.isPriceForMinorDefault != null\r\n ? !!row.isPriceForMinorDefault\r\n : !!row.isPriceForMinorFromType,\r\n isUserCreated: !!row.isUserCreated,\r\n },\r\n [\r\n \"id\",\r\n \"eventId\",\r\n \"eventTypeId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"paymentType\",\r\n \"paymentTypeId\",\r\n \"passType\",\r\n \"passTypeId\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"lateFeeDefault\",\r\n \"lateFee\",\r\n \"deadline\",\r\n \"cost\",\r\n \"costDefault\",\r\n \"deadlineDefault\",\r\n \"eventName\",\r\n \"eventTypeName\",\r\n \"isPast\",\r\n \"isActivePassType\",\r\n \"eventDate\",\r\n \"venueName\",\r\n \"isPriceForMinor\",\r\n \"isPriceForMinorFromType\",\r\n \"isPriceForMinorDefault\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n });\r\n};\r\n\r\n/**\r\n * Work for \"Event Exceptions\" section in AffiliateDetailsForm.js.\r\n * Binding data got from web API to UI\r\n *\r\n * @param {*} passLimits\r\n * @returns\r\n */\r\n export const initializeAnnualEventMatrixPassLimits = (\r\n affiliateTypeId,\r\n affiliatePassLimits\r\n) => (dispatch, getState) => {\r\n const state = getState();\r\n const defaultPassLimits = getElementList(getPassLimitsState(state));\r\n\r\n const passLimitsByType = defaultPassLimits.filter(\r\n (x) => x.affiliateTypeId === affiliateTypeId && x.eventId\r\n ).filter(item => item.isAnnualAllotment);\r\n\r\n let passLimits = [];\r\n if (affiliatePassLimits && affiliatePassLimits.length) {\r\n passLimits = passLimitsByType.map((plbt) => {\r\n const defaultOverride = affiliatePassLimits.find(\r\n (pl) => pl.defaultId === plbt.id\r\n );\r\n\r\n if (!!defaultOverride) {\r\n return {\r\n ...defaultOverride,\r\n isUserCreated: false,\r\n limitDefault: plbt.limitValue,\r\n isActivePassType: plbt.isActivePassType\r\n // usedValueDefault: plbt.usedValue,\r\n // totalAvailable: plbt.totalAvailable\r\n };\r\n }\r\n\r\n return {\r\n ...plbt,\r\n limitDefault: plbt.limitValue,\r\n isActivePassType: plbt.isActivePassType\r\n // usedValue: plbt.usedValue,\r\n // totalAvailable: plbt.totalAvailable\r\n };\r\n });\r\n passLimits = [\r\n ...passLimits,\r\n ...affiliatePassLimits\r\n .filter((p) => !p.defaultId)\r\n .map((p) => ({ ...p, isUserCreated: true })),\r\n ];\r\n } else {\r\n passLimits = passLimitsByType.map((passLimit) => ({\r\n ...passLimit,\r\n limitDefault: passLimit.limitValue,\r\n usedValue: passLimit.usedValue,\r\n totalAvailable: passLimit.totalAvailable,\r\n isActivePassType: passLimit.isActivePassType\r\n }));\r\n }\r\n\r\n Object.keys(state.form).forEach((formName) => {\r\n if (formName.includes(\"event_annual_pass_limit\")) {\r\n dispatch(destroy(formName));\r\n }\r\n });\r\n\r\n passLimits = passLimits.filter(item => item.isActivePassType);\r\n passLimits.forEach((passLimit) => {\r\n const row = withAllocationCreator(passLimit);\r\n dispatch(\r\n initialize(\r\n `event_annual_pass_limit_row_form_${row.id}`,\r\n {\r\n ...row,\r\n limit: getPassLimitValue(row.limitValue),\r\n limitDefault: getPassLimitValue(row.limitDefault),\r\n isActivePassType: row.isActivePassType,\r\n },\r\n [\r\n \"id\",\r\n \"eventId\",\r\n \"eventTypeId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"paymentType\",\r\n \"paymentTypeId\",\r\n \"passType\",\r\n \"passTypeId\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"usedValue\",\r\n \"totalAvailable\",\r\n \"eventName\",\r\n \"eventTypeName\",\r\n \"isPast\",\r\n \"isActivePassType\",\r\n \"eventDate\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n });\r\n};\r\n\r\nexport const addNewSpecialOptionLimit = () => (dispatch, getState) => {\r\n const passLimit = stampCreatorOnNewPassLimit(\r\n {\r\n limit: \"\",\r\n limitDefault: null,\r\n eventId: null,\r\n isDeleted: false,\r\n id: uniqueId(\"new_\"),\r\n specialOptionId: null,\r\n passId: uniqueId(\"option_\"),\r\n //\r\n // Fixed 7821. https://dev.azure.com/nascar/Lixar/_workitems/edit/7821/\r\n //\r\n isPast: false,\r\n isUserCreated: true,\r\n isParkingPass: false,\r\n isActive: true,\r\n isNewAdd: true,\r\n },\r\n getState\r\n );\r\n\r\n return dispatch(\r\n initialize(\r\n `${CONSTANTS.FORMS.AFFILIATE_SPECIAL_OPTION_ROW}${passLimit.passId}`,\r\n { ...passLimit },\r\n [\r\n \"id\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"passId\",\r\n \"eventId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"specialOptionId\",\r\n //\r\n // Fixed 7821. https://dev.azure.com/nascar/Lixar/_workitems/edit/7821/\r\n //\r\n \"isPast\",\r\n \"isParkingPass\",\r\n \"isActive\",\r\n \"isNewAdd\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n};\r\n\r\nexport const addNewParkingPassLimit = () => (dispatch, getState) => {\r\n const passLimit = stampCreatorOnNewPassLimit(\r\n {\r\n limit: \"\",\r\n limitDefault: null,\r\n eventId: null,\r\n isDeleted: false,\r\n id: uniqueId(\"new_\"),\r\n specialOptionId: null,\r\n passId: uniqueId(\"option_\"),\r\n //\r\n // Fixed 7821. https://dev.azure.com/nascar/Lixar/_workitems/edit/7821/\r\n //\r\n isPast: false,\r\n isUserCreated: true,\r\n isParkingPass: true,\r\n isActive: true,\r\n isNewAdd: true,\r\n },\r\n getState\r\n );\r\n\r\n return dispatch(\r\n initialize(\r\n `${CONSTANTS.FORMS.AFFILIATE_PARKING_PASS_ROW}${passLimit.passId}`,\r\n { ...passLimit },\r\n [\r\n \"id\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"passId\",\r\n \"eventId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"specialOptionId\",\r\n //\r\n // Fixed 7821. https://dev.azure.com/nascar/Lixar/_workitems/edit/7821/\r\n //\r\n \"isPast\",\r\n \"isParkingPass\",\r\n \"isActive\",\r\n \"isNewAdd\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n};\r\n\r\n/**\r\n * Work for \"Special Option Allocation\" section in AffiliateDetailsForm.js\r\n * Binding data got from web api call to UI.\r\n *\r\n * @param {*} passLimits\r\n * @returns\r\n */\r\nexport const initializeSpecialOptionMatrixLimits = (\r\n affiliateSpecialOptions,\r\n affiliatateTypeSpecialOptions\r\n) => (dispatch, getState) => {\r\n const state = getState();\r\n\r\n const specialOptionsData = affiliateSpecialOptions.filter(item => !item.isParkingPass);\r\n // let passLimits = [];\r\n // if (affiliateSpecialOptions && affiliateSpecialOptions.length) {\r\n // passLimits = affiliateSpecialOptions.filter(item => !item.isParkingPass).map((plbt) => {\r\n // if (plbt.isAffiliateType) {\r\n // return {\r\n // ...plbt,\r\n // isUserCreated: false,\r\n // limitDefault: plbt.defaultLimitValue,\r\n // deadlineDefault: plbt.deadLine,\r\n // lateFeeDefault: plbt.lateFee,\r\n // costDefault: plbt.cost,\r\n // };\r\n // }\r\n\r\n // return {\r\n // ...plbt,\r\n // limitDefault: plbt.limitValue,\r\n // deadlineDefault: plbt.deadLine,\r\n // lateFeeDefault: plbt.lateFee,\r\n // costDefault: plbt.cost,\r\n // isUserCreated: true\r\n // };\r\n // });\r\n // }\r\n\r\n let passLimits = [];\r\n if (specialOptionsData && specialOptionsData.length) {\r\n passLimits = affiliatateTypeSpecialOptions\r\n .filter((item) => !item.isParkingPass)\r\n .map((plbt) => {\r\n const defaultOverride = specialOptionsData.find(\r\n (pl) =>\r\n pl.eventId === plbt.eventId &&\r\n pl.specialOptionId === plbt.specialOptionId\r\n );\r\n\r\n if (!!defaultOverride) {\r\n return {\r\n ...defaultOverride,\r\n isUserCreated: false,\r\n limitDefault: plbt.limitValue,\r\n deadlineDefault: plbt.deadLine,\r\n lateFeeDefault: plbt.lateFee,\r\n costDefault: plbt.cost,\r\n isAffiliateType: true,\r\n isActive: plbt.isActive\r\n };\r\n }\r\n\r\n return {\r\n ...plbt,\r\n limitDefault: plbt.limitValue,\r\n deadlineDefault: plbt.deadLine,\r\n lateFeeDefault: plbt.lateFee,\r\n costDefault: plbt.cost,\r\n isAffiliateType: true,\r\n isActive: plbt.isActive\r\n };\r\n });\r\n passLimits = [\r\n ...passLimits,\r\n ...specialOptionsData\r\n .filter((p) => !p.isAffiliateType)\r\n .map((p) => ({ ...p, isUserCreated: true, isAffiliateType: false })),\r\n ];\r\n } else {\r\n passLimits = affiliatateTypeSpecialOptions\r\n .filter((item) => !item.isParkingPass)\r\n .map((passLimit) => ({\r\n ...passLimit,\r\n limitDefault: passLimit.limitValue,\r\n deadlineDefault: passLimit.deadLine,\r\n lateFeeDefault: passLimit.lateFee,\r\n costDefault: passLimit.cost,\r\n isAffiliateType: true,\r\n isActive: passLimit.isActive\r\n }));\r\n }\r\n\r\n Object.keys(state.form).forEach((formName) => {\r\n if (formName.includes(\"affiliate_special_option\")) {\r\n dispatch(destroy(formName));\r\n }\r\n });\r\n\r\n passLimits = passLimits.filter(item=> item.isActive);\r\n passLimits.forEach((passLimit) => {\r\n const row = withAllocationCreator(passLimit);\r\n const passId = uniqueId(\"option_\");\r\n dispatch(\r\n initialize(\r\n `${CONSTANTS.FORMS.AFFILIATE_SPECIAL_OPTION_ROW}${passId}`,\r\n {\r\n ...row,\r\n limit: getPassLimitValue(row.limitValue),\r\n limitDefault: getPassLimitValue(row.limitDefault),\r\n lateFee: getPassLimitValue(row.lateFee),\r\n lateFeeDefault: getPassLimitValue(row.lateFeeDefault),\r\n deadline: getPassLimitValue(row.deadLine),\r\n deadlineDefault: getPassLimitValue(row.deadlineDefault),\r\n cost: getPassLimitValue(row.cost),\r\n costDefault: getPassLimitValue(row.costDefault),\r\n specialOptionId: row.specialOptionId,\r\n eventId: row.eventId || -1,\r\n passId,\r\n isParkingPass: false,\r\n isActive: row.isActive,\r\n },\r\n [\r\n \"id\",\r\n \"eventId\",\r\n \"eventTypeId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"paymentType\",\r\n \"paymentTypeId\",\r\n \"passType\",\r\n \"passTypeId\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"lateFeeDefault\",\r\n \"lateFee\",\r\n \"deadline\",\r\n \"cost\",\r\n \"costDefault\",\r\n \"deadlineDefault\",\r\n \"eventName\",\r\n \"eventTypeName\",\r\n \"isPast\",\r\n \"specialOptionId\",\r\n \"passId\",\r\n \"defaultId\",\r\n \"isAffiliateType\",\r\n \"isParkingPass\",\r\n \"isActive\",\r\n \"eventDate\",\r\n \"venueName\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n });\r\n};\r\n\r\n/**\r\n * Work for \"Special Option Allocation\" section in AffiliateDetailsForm.js\r\n * Binding data got from web api call to UI.\r\n *\r\n * @param {*} passLimits\r\n * @returns\r\n */\r\nexport const initializeParkingPassMatrixLimits = (\r\n affiliateSpecialOptions,\r\n affiliatateTypeSpecialOptions\r\n) => (dispatch, getState) => {\r\n const state = getState();\r\n let passLimits = [];\r\n const parkingPassData = affiliateSpecialOptions.filter(item => item.isParkingPass);\r\n\r\n if (parkingPassData && parkingPassData.length) {\r\n passLimits = affiliatateTypeSpecialOptions\r\n .filter((item) => item.isParkingPass)\r\n .map((plbt) => {\r\n const defaultOverride = parkingPassData.find(\r\n (pl) =>\r\n pl.eventId === plbt.eventId &&\r\n pl.specialOptionId === plbt.specialOptionId\r\n );\r\n\r\n if (!!defaultOverride) {\r\n return {\r\n ...defaultOverride,\r\n isUserCreated: false,\r\n limitDefault: plbt.limitValue,\r\n deadlineDefault: plbt.deadLine,\r\n lateFeeDefault: plbt.lateFee,\r\n costDefault: plbt.cost,\r\n isAffiliateType: true,\r\n isActive: plbt.isActive\r\n };\r\n }\r\n\r\n return {\r\n ...plbt,\r\n limitDefault: plbt.limitValue,\r\n deadlineDefault: plbt.deadLine,\r\n lateFeeDefault: plbt.lateFee,\r\n costDefault: plbt.cost,\r\n isAffiliateType: true,\r\n isActive: plbt.isActive\r\n };\r\n });\r\n passLimits = [\r\n ...passLimits,\r\n ...parkingPassData\r\n .filter((p) => !p.isAffiliateType)\r\n .map((p) => ({ ...p, isUserCreated: true, isAffiliateType: false })),\r\n ];\r\n } else {\r\n passLimits = affiliatateTypeSpecialOptions\r\n .filter((item) => item.isParkingPass)\r\n .map((passLimit) => ({\r\n ...passLimit,\r\n limitDefault: passLimit.limitValue,\r\n deadlineDefault: passLimit.deadLine,\r\n lateFeeDefault: passLimit.lateFee,\r\n costDefault: passLimit.cost,\r\n isAffiliateType: true,\r\n isActive: passLimit.isActive\r\n }));\r\n }\r\n\r\n Object.keys(state.form).forEach((formName) => {\r\n if (formName.includes(\"affiliate_parking_pass\")) {\r\n dispatch(destroy(formName));\r\n }\r\n });\r\n\r\n passLimits = passLimits.filter(item=> item.isActive);\r\n passLimits.forEach((passLimit) => {\r\n const row = withAllocationCreator(passLimit);\r\n const passId = uniqueId(\"option_\");\r\n dispatch(\r\n initialize(\r\n `${CONSTANTS.FORMS.AFFILIATE_PARKING_PASS_ROW}${passId}`,\r\n {\r\n ...row,\r\n limit: getPassLimitValue(row.limitValue),\r\n limitDefault: getPassLimitValue(row.limitDefault),\r\n lateFee: getPassLimitValue(row.lateFee),\r\n lateFeeDefault: getPassLimitValue(row.lateFeeDefault),\r\n deadline: getPassLimitValue(row.deadLine),\r\n deadlineDefault: getPassLimitValue(row.deadlineDefault),\r\n cost: getPassLimitValue(row.cost),\r\n costDefault: getPassLimitValue(row.costDefault),\r\n specialOptionId: row.specialOptionId,\r\n eventId: row.eventId || -1,\r\n passId,\r\n isParkingPass: true,\r\n isActive: row.isActive,\r\n },\r\n [\r\n \"id\",\r\n \"eventId\",\r\n \"eventTypeId\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"paymentType\",\r\n \"paymentTypeId\",\r\n \"passType\",\r\n \"passTypeId\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"lateFeeDefault\",\r\n \"lateFee\",\r\n \"deadline\",\r\n \"cost\",\r\n \"costDefault\",\r\n \"deadlineDefault\",\r\n \"eventName\",\r\n \"eventTypeName\",\r\n \"isPast\",\r\n \"specialOptionId\",\r\n \"passId\",\r\n \"defaultId\",\r\n \"isAffiliateType\",\r\n \"isParkingPass\",\r\n \"isActive\",\r\n \"eventDate\",\r\n \"venueName\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n });\r\n};\r\n\r\n/**\r\n * Work for \"Pass Allocation\" section in AffilateDetailsForm.js\r\n * Binding data got from web api to UI.\r\n *\r\n * @param {*} affiliateTypeId\r\n * @param {*} affiliatePassLimits\r\n * @returns\r\n */\r\nexport const initializeMatrixPassLimits = (\r\n affiliateTypeId,\r\n affiliatePassLimits = []\r\n) => (dispatch, getState) => {\r\n const state = getState();\r\n const defaultPassLimits = getElementList(getPassLimitsState(state));\r\n const typePassLimits = getPassLimitsByAffiliateTypeId(state.affiliateType) || [];\r\n\r\n const passLimitsByType = defaultPassLimits.filter(\r\n (x) => x.affiliateTypeId === affiliateTypeId && !x.eventId && !x.eventName\r\n ).filter(item => !item.isAnnualAllotment);\r\n\r\n let passLimits = buildAffiliateMatrixPassLimits({\r\n passLimitsByType,\r\n typePassLimits,\r\n affiliatePassLimits: affiliatePassLimits || [],\r\n hasEventId: false,\r\n isAnnualAllotment: false,\r\n });\r\n\r\n Object.keys(state.form).forEach((formName) => {\r\n if (formName.includes(\"affiliate_pass_limit\")) {\r\n dispatch(destroy(formName));\r\n }\r\n });\r\n\r\n passLimits = passLimits.filter(\r\n (item) => item.isActivePassType && !item.isAnnualAllotment\r\n );\r\n passLimits.forEach((passLimit) => {\r\n const row = withAllocationCreator(passLimit);\r\n dispatch(\r\n initialize(\r\n `affiliate_pass_limit_row_form_${row.id}`,\r\n {\r\n ...row,\r\n limit: getPassLimitValue(row.limitValue ?? row.limit),\r\n limitDefault: getPassLimitValue(\r\n row.limitDefault ?? row.limitValue ?? row.limit\r\n ),\r\n lateFee: getPassLimitValue(row.lateFee),\r\n lateFeeDefault: getPassLimitValue(row.lateFeeDefault),\r\n deadline: getPassLimitValue(row.deadLine ?? row.deadline),\r\n deadlineDefault: getPassLimitValue(\r\n row.deadlineDefault ?? row.deadLine ?? row.deadline\r\n ),\r\n cost: getPassLimitValue(row.cost),\r\n costDefault: getPassLimitValue(row.costDefault),\r\n isActivePassType: row.isActivePassType,\r\n isPriceForMinor: resolveAffiliateIsPriceForMinor(row),\r\n isPriceForMinorFromType: !!row.isPriceForMinorFromType,\r\n isPriceForMinorDefault:\r\n row.isPriceForMinorDefault != null\r\n ? !!row.isPriceForMinorDefault\r\n : !!row.isPriceForMinorFromType,\r\n isUserCreated: !!row.isUserCreated,\r\n isNewAdd: !!row.isNewAdd,\r\n },\r\n [\r\n \"id\",\r\n \"eventType\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"isNewAdd\",\r\n \"eventTypeId\",\r\n \"paymentTypeId\",\r\n \"passTypeId\",\r\n \"paymentType\",\r\n \"passType\",\r\n \"limit\",\r\n \"limitDefault\",\r\n \"lateFeeDefault\",\r\n \"lateFee\",\r\n \"deadline\",\r\n \"cost\",\r\n \"costDefault\",\r\n \"deadlineDefault\",\r\n \"eventTypeName\",\r\n \"isPast\",\r\n \"isActivePassType\",\r\n \"isPriceForMinor\",\r\n \"isPriceForMinorFromType\",\r\n \"isPriceForMinorDefault\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n });\r\n};\r\n\r\n\r\n/**\r\n * Work for \"Pass Allocation\" section in AffilateDetailsForm.js\r\n * Binding data got from web api to UI.\r\n *\r\n * @param {*} affiliateTypeId\r\n * @param {*} affiliatePassLimits\r\n * @returns\r\n */\r\n export const initializeAnnualMatrixPassLimits = (\r\n affiliateTypeId,\r\n affiliatePassLimits = []\r\n) => (dispatch, getState) => {\r\n const state = getState();\r\n const defaultPassLimits = getElementList(getPassLimitsState(state));\r\n\r\n const passLimitsByType = defaultPassLimits.filter(\r\n (x) => x.affiliateTypeId === affiliateTypeId && !x.eventId && !x.eventName\r\n ).filter(item => item.isAnnualAllotment);\r\n\r\n\r\n let passLimits = [];\r\n if (affiliatePassLimits && affiliatePassLimits.length) {\r\n passLimits = passLimitsByType.map((plbt) => {\r\n const defaultOverride = affiliatePassLimits.find(\r\n (pl) => pl.defaultId === plbt.id\r\n );\r\n\r\n if (!!defaultOverride) {\r\n return {\r\n ...defaultOverride,\r\n isUserCreated: false,\r\n limitDefault: plbt.limitValue,\r\n usedValueDefault: plbt.usedValue,\r\n totalAvailableDefault: plbt.totalAvailable,\r\n isActivePassType: plbt.isActivePassType\r\n };\r\n }\r\n\r\n return {\r\n ...plbt,\r\n limitDefault: plbt.limitValue,\r\n usedValueDefault: plbt.usedValue,\r\n totalAvailableDefault: plbt.totalAvailable,\r\n isActivePassType: plbt.isActivePassType\r\n };\r\n });\r\n passLimits = [\r\n ...passLimits,\r\n ...affiliatePassLimits\r\n .filter((p) => !p.defaultId)\r\n .map((p) => ({ ...p, isUserCreated: true })),\r\n ];\r\n } else {\r\n passLimits = passLimitsByType.map((passLimit) => ({\r\n ...passLimit,\r\n limitDefault: passLimit.limitValue,\r\n usedValue: passLimit.usedValue,\r\n totalAvailable: passLimit.totalAvailable,\r\n isActivePassType: passLimit.isActivePassType\r\n }));\r\n }\r\n\r\n Object.keys(state.form).forEach((formName) => {\r\n if (formName.includes(\"affiliate_annual_pass_limit\")) {\r\n dispatch(destroy(formName));\r\n }\r\n });\r\n\r\n passLimits = passLimits.filter(item => item.isActivePassType);\r\n passLimits.forEach((passLimit) => {\r\n const row = withAllocationCreator(passLimit);\r\n dispatch(\r\n initialize(\r\n `affiliate_annual_pass_limit_row_form_${row.id}`,\r\n {\r\n ...row,\r\n limit: getPassLimitValue(row.limitValue),\r\n limitDefault: getPassLimitValue(row.limitDefault),\r\n },\r\n [\r\n \"id\",\r\n \"eventType\",\r\n \"isDeleted\",\r\n \"isDefault\",\r\n \"isUserCreated\",\r\n \"eventTypeId\",\r\n \"paymentTypeId\",\r\n \"passTypeId\",\r\n \"paymentType\",\r\n \"passType\",\r\n \"limit\",\r\n \"limitDefault\",\r\n 'usedValue',\r\n 'totalAvailable',\r\n \"eventTypeName\",\r\n \"isPast\",\r\n \"isActivePassType\",\r\n \"createdByAccountId\",\r\n ]\r\n )\r\n );\r\n });\r\n};\r\n\r\n/**\r\n * 7710 Fix associated.\r\n * @param {*} id\r\n * @returns\r\n */\r\nconst affiliateFormInitInFlight = new Map();\r\n\r\nconst getAffiliateFormInitKey = (id) =>\r\n id == null || id === \"\" ? \"__new__\" : String(id);\r\n\r\nconst runInitializeAffiliateForm = (id) => (dispatch) => {\r\n dispatch(initializeForm());\r\n\r\n dispatch(fetchAffiliatesNew());\r\n dispatch(fetchContacts());\r\n dispatch(fetchSpecialOptions());\r\n dispatch(fetchPaymentTypes());\r\n dispatch(fetchPassTypes());\r\n dispatch(fetchEventTypes());\r\n dispatch(fetchAllEventsOfAffiliates());\r\n\r\n if (id) {\r\n return Promise.all([\r\n dispatch(fetchAffiliate(id)),\r\n dispatch(fetchPassLimits({ affiliateId: id })),\r\n dispatch(fetchAffiliateTypes()),\r\n dispatch(fetchAllSanctioningBodies()),\r\n ]).then(([affiliate]) => {\r\n //\r\n // After get specified affiliate object back from web api end point.\r\n // 7710\r\n //\r\n\r\n dispatch(initializeForm(affiliate));\r\n\r\n const passLimits = affiliate.passLimits || [];\r\n const eventPassLimits = affiliate.eventPassLimits || [];\r\n\r\n const initPassLimitMatrices = () => {\r\n dispatch(\r\n initializeMatrixPassLimits(\r\n affiliate.affiliateTypeId,\r\n passLimits.filter((item) => !item.isAnnualAllotment)\r\n )\r\n );\r\n\r\n dispatch(\r\n initializeAnnualMatrixPassLimits(\r\n affiliate.affiliateTypeId,\r\n passLimits.filter((item) => item.isAnnualAllotment)\r\n )\r\n );\r\n\r\n dispatch(\r\n initializeEventMatrixPassLimits(\r\n affiliate.affiliateTypeId,\r\n eventPassLimits.filter((item) => !item.isAnnualAllotment)\r\n )\r\n );\r\n\r\n dispatch(\r\n initializeAnnualEventMatrixPassLimits(\r\n affiliate.affiliateTypeId,\r\n eventPassLimits.filter((item) => item.isAnnualAllotment)\r\n )\r\n );\r\n };\r\n\r\n return dispatch(\r\n fetchPassLimitsByAffiliateTypeId(affiliate.affiliateTypeId)\r\n ).then(initPassLimitMatrices).then(() =>\r\n Promise.all([\r\n dispatch(fetchAffiliateTypeByIdNew(affiliate.affiliateTypeId, id)),\r\n ]).then(([affiliateTypeData]) => {\r\n dispatch(\r\n initializeSpecialOptionMatrixLimits(\r\n affiliate.affiliateSpecialOptions,\r\n affiliateTypeData.affiliateTypeSpecialOptions\r\n )\r\n );\r\n dispatch(\r\n initializeParkingPassMatrixLimits(\r\n affiliate.affiliateSpecialOptions,\r\n affiliateTypeData.affiliateTypeSpecialOptions\r\n )\r\n );\r\n })\r\n );\r\n });\r\n }\r\n\r\n return Promise.all([\r\n dispatch(fetchAffiliateTypes()),\r\n dispatch(fetchPassLimits()),\r\n dispatch(fetchAllSanctioningBodies()),\r\n ]).then(() => {\r\n dispatch(initializeForm());\r\n });\r\n};\r\n\r\nexport const initializeAffiliateForm = (id) => (dispatch) => {\r\n const key = getAffiliateFormInitKey(id);\r\n\r\n if (affiliateFormInitInFlight.has(key)) {\r\n return affiliateFormInitInFlight.get(key);\r\n }\r\n\r\n const initPromise = Promise.resolve(\r\n dispatch(runInitializeAffiliateForm(id))\r\n ).finally(() => {\r\n if (affiliateFormInitInFlight.get(key) === initPromise) {\r\n affiliateFormInitInFlight.delete(key);\r\n }\r\n });\r\n\r\n affiliateFormInitInFlight.set(key, initPromise);\r\n return initPromise;\r\n};\r\n\r\nexport const updateAffiliate = (payload, props) => (dispatch) => {\r\n let modalSteps = [\r\n MODAL_STEPS.confirmation(\r\n \"affiliate_management.affiliate.update_confirmation\", { ...payload.defaultModalOverrides },\r\n ),\r\n MODAL_STEPS.processing(\"affiliate_management.affiliate.updating\", () =>\r\n dispatch(\r\n apiHelper.formatRequest({\r\n endpoint: apiHelper.buildPath(\r\n CONSTANTS.API.AFFILIATES.BY_ID,\r\n payload.id\r\n ),\r\n options: {\r\n requestId: \"affiliateUpdate\",\r\n },\r\n method: CONSTANTS.METHODS.PUT,\r\n body: payload.formValues,\r\n })\r\n ).then((response) => {\r\n if (\r\n response.payload &&\r\n response.payload.errors &&\r\n response.payload.errors.length > 0\r\n ) {\r\n modalSteps.push(\r\n MODAL_STEPS.warning(response.payload.errors[0].id, null, {\r\n values: {\r\n name: response.payload.errors[0].values.message\r\n ? response.payload.errors[0].values.message\r\n : response.payload.errors[0].values.name,\r\n type: response.payload.errors[0].values.type,\r\n },\r\n })\r\n );\r\n } else {\r\n modalSteps.push(\r\n MODAL_STEPS.complete(\"affiliate_management.affiliate.updated\", {\r\n onAccept: () => {\r\n onAffiliateManageComplete(props);\r\n },\r\n })\r\n );\r\n }\r\n })\r\n ),\r\n ];\r\n\r\n return dispatch(openModal(modalSteps));\r\n};\r\n // dispatch(\r\n // openModal(\r\n // [\r\n // {\r\n // type: payload.type || \"confirmation\",\r\n // props: { ...payload.defaultModalOverrides },\r\n // },\r\n // {\r\n // type: \"processing\",\r\n // props: {\r\n // description: \"affiliate_management.affiliate.updating\",\r\n // requestId: \"affiliateUpdate\",\r\n // processHandler: () =>\r\n // dispatch(\r\n // apiHelper.formatRequest({\r\n // endpoint: apiHelper.buildPath(\r\n // CONSTANTS.API.AFFILIATES.BY_ID,\r\n // payload.id\r\n // ),\r\n // options: {\r\n // requestId: \"affiliateUpdate\",\r\n // },\r\n // method: CONSTANTS.METHODS.PUT,\r\n // body: payload.formValues,\r\n // })\r\n // ),\r\n // },\r\n // },\r\n // {\r\n // type: \"complete\",\r\n // props: {\r\n // description: \"affiliate_management.affiliate.updated\",\r\n // onAccept: () => onAffiliateManageComplete(props),\r\n // },\r\n // },\r\n // ],\r\n // {\r\n // onClose: () => {\r\n // props.dispatch(resetApiRequest(\"affiliateUpdate\"));\r\n // },\r\n // }\r\n // )\r\n // );\r\n\r\nexport const postAffiliate = (payload, props) => (dispatch, getState) => {\r\n const state = getState();\r\n if (\r\n !canCreateOrActivateAffiliate(\r\n getAccountPermissions(state.account),\r\n isUserAdminOrSuperAdmin(state.account)\r\n )\r\n ) {\r\n return null;\r\n }\r\n\r\n let modalSteps = [\r\n MODAL_STEPS.confirmation(\r\n \"affiliate_management.affiliate.update_confirmation\", { ...payload.defaultModalOverrides },\r\n ),\r\n MODAL_STEPS.processing(\"affiliate_management.affiliate.creating\", () =>\r\n dispatch(\r\n apiHelper.formatRequest({\r\n endpoint: CONSTANTS.API.AFFILIATES.ALL,\r\n method: CONSTANTS.METHODS.POST,\r\n body: payload.formValues,\r\n options: {\r\n requestId: \"affiliatePost\",\r\n },\r\n })\r\n ).then((response) => {\r\n if (\r\n response.payload &&\r\n response.payload.errors &&\r\n response.payload.errors.length > 0\r\n ) {\r\n modalSteps.push(\r\n MODAL_STEPS.warning(response.payload.errors[0].id, null, {\r\n values: {\r\n name: response.payload.errors[0].values.message\r\n ? response.payload.errors[0].values.message\r\n : response.payload.errors[0].values.name,\r\n type: response.payload.errors[0].values.type,\r\n },\r\n })\r\n );\r\n } else {\r\n modalSteps.push(\r\n MODAL_STEPS.complete(\"affiliate_management.affiliate.created\", {\r\n onAccept: () => {\r\n onAffiliateManageComplete(props);\r\n },\r\n })\r\n );\r\n }\r\n })\r\n ),\r\n ];\r\n\r\n return dispatch(openModal(modalSteps));\r\n}\r\n // dispatch(\r\n // openModal([\r\n // {\r\n // type: payload.type || \"confirmation\",\r\n // props: { ...payload.defaultModalOverrides },\r\n // },\r\n // {\r\n // type: \"processing\",\r\n // props: {\r\n // description: \"affiliate_management.affiliate.creating\",\r\n // requestId: \"affiliatePost\",\r\n // processHandler: () =>\r\n // dispatch(\r\n // apiHelper.formatRequest({\r\n // endpoint: CONSTANTS.API.AFFILIATES.ALL,\r\n // method: CONSTANTS.METHODS.POST,\r\n // body: payload.formValues,\r\n // options: {\r\n // requestId: \"affiliatePost\",\r\n // },\r\n // })\r\n // ),\r\n // },\r\n // },\r\n // {\r\n // type: \"complete\",\r\n // props: {\r\n // description: \"affiliate_management.affiliate.created\",\r\n // onAccept: () => onAffiliateManageComplete(props),\r\n // },\r\n // },\r\n // ])\r\n // );\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { spinner } from \"css/mixins\";\r\nimport { formatDate } from \"shared/utils/dateUtils\";\r\n\r\nimport styled from \"styled-components\";\r\nimport SearchableDropdown from \"common/forms/dropdown/SearchableDropdown\";\r\n\r\nconst TIME_ZONE = \"ET\";\r\n\r\nconst FormStateLoading = styled.div`\r\n width: 100%;\r\n height: 100%;\r\n ${(props) => spinner({ stretch: true })};\r\n\r\n &:before {\r\n width: 35px;\r\n height: 35px;\r\n }\r\n`;\r\n\r\nclass EventListAutoComplete extends Component {\r\n static propTypes = {\r\n items: PropTypes.array,\r\n form: PropTypes.string,\r\n dispatch: PropTypes.func,\r\n isLoading: PropTypes.bool,\r\n eventField: PropTypes.object,\r\n updateFormValue: PropTypes.func,\r\n };\r\n\r\n static defaultProps = {\r\n isLoading: false,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleFilterOption = this.handleFilterOption.bind(this);\r\n }\r\n\r\n handleChange(event) {\r\n this.props.updateFormValue(\"eventId\", event.id);\r\n }\r\n\r\n handleFilterOption(option, filterString) {\r\n const filter = filterString.toLowerCase();\r\n return (\r\n option.name.toLowerCase().includes(filter) ||\r\n (option.hasOwnProperty(\"eventTypeName\") &&\r\n option.eventTypeName.toLowerCase().includes(filter))\r\n );\r\n }\r\n\r\n optionRenderer(event) {\r\n return (\r\n \r\n {event.name}\r\n
\r\n \r\n {event.eventTypeName}\r\n \r\n
\r\n {event.startTime && (\r\n {`${formatDate(\r\n event.startTime\r\n )} ${TIME_ZONE}`}\r\n )}\r\n {event.venueName && (\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { form, items, isLoading, eventField } = this.props;\r\n\r\n if (isLoading) {\r\n return \r\n \r\n {event.eventTypeName}\r\n \r\n
\r\n {event.startTime && (\r\n {`${formatDate(\r\n event.startTime\r\n )} ${TIME_ZONE}`}\r\n )}\r\n {event.venueName && (\r\n
{event.venueName}
\r\n )}\r\n\r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const { intl } = state;\r\n let lateFeeHelpText = \"\";\r\n\r\n if (intl) lateFeeHelpText = intl.messages[LATE_FEE_HELP_TEXT];\r\n\r\n return { lateFeeHelpText };\r\n};\r\n\r\nexport default connect(mapStateToProps)(AnnualEventMatrix);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getValues, initialize, destroy } from \"redux-form\";\r\nimport { passLimitModelMap } from \"components/pass_limits/modelMap\";\r\nimport { destroyPassLimits } from \"components/PassLimits\";\r\nimport { getActiveEventsList } from \"reducers/events\";\r\nimport { getEventListRequestState } from \"reducers/eventManagement\";\r\nimport { getElementList } from \"shared/selectors\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport { getState as getEventTypesState } from \"components/EventTypes\";\r\nimport { getState as getPassTypesState } from \"components/PassTypes\";\r\nimport { getState as getPaymentTypesState } from \"components/PaymentTypes\";\r\nimport { addNewAnnualEventPassLimit } from \"../actions\";\r\nimport Matrix from \"components/pages/affiliates/AnnualEventMatrix\";\r\n\r\nclass AffiliateAnnualEventMatrix extends Component {\r\n static propTypes = {\r\n rows: PropTypes.array,\r\n // affiliateTypeId: PropTypes.number,\r\n onMatrixDestroy: PropTypes.func,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onMatrixDestroy();\r\n }\r\n render() {\r\n\r\n return (\r\n \r\n
Annual Allotment Event Exceptions
\r\n\r\n {descText\r\n ? descText\r\n : \"Defines pass allocation rules for this affiliate for a specific event. These rules will take precedence over pass allocation for event types.\"}\r\n
\r\n\r\n \r\n Add New Row\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {!this.props.isReadOnly && (\r\n | Event Name | \r\nPayment Type | \r\nPass Type | \r\nLimit | \r\n {isShowRemainingCount && (\r\n <>\r\nUsed | \r\nRemaining | \r\n \r\n )}\r\n\r\n\r\n |
|---|
{passLimit.eventName}
\r\n ) : (\r\n \r\n {passLimit.eventName}\r\n \r\n
\r\n {passLimit.eventDate && (\r\n {`${formatDate(\r\n passLimit.eventDate\r\n )} ${TIME_ZONE}`}\r\n )}\r\n {passLimit.venueName && (\r\n
{passLimit.venueName}
\r\n )}\r\n \r\n )}\r\n \r\n )}\r\n\r\n
\r\n\r\n \r\n this.setState({ activeIndex: e.index })}\r\n renderActiveOnly={false}\r\n className=\"affiliate__tabs__wrapper\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const { intl } = state;\r\n let lateFeeHelpText = \"\";\r\n\r\n if (intl) lateFeeHelpText = intl.messages[LATE_FEE_HELP_TEXT];\r\n\r\n return { lateFeeHelpText };\r\n};\r\n\r\nexport default connect(mapStateToProps)(EventMatrix);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getValues, destroy } from \"redux-form\";\r\nimport { destroyPassLimits } from \"components/PassLimits\";\r\nimport { getActiveEventsList, getAllEventsList } from \"reducers/events\";\r\nimport { getEventListRequestState } from \"reducers/eventManagement\";\r\nimport { getElementList } from \"shared/selectors\";\r\nimport { addNewEventPassLimit } from \"../actions\";\r\nimport { getState as getEventTypesState } from \"components/EventTypes\";\r\nimport { getState as getPassTypesState } from \"components/PassTypes\";\r\nimport { getState as getPaymentTypesState } from \"components/PaymentTypes\";\r\nimport { getAllSanctioningBodies } from \"reducers/sanctioningBodies\";\r\n\r\nimport Matrix from \"components/pages/affiliates/EventMatrix\";\r\n\r\n/**\r\n * 7710 Associated. Work for \"Event Exceptions\" section in AffiliateDetailsForm.js\r\n */\r\nclass AffiliateEventMatrix extends Component {\r\n static propTypes = {\r\n rows: PropTypes.array,\r\n addPassLimit: PropTypes.func.isRequired,\r\n onMatrixDestroy: PropTypes.func.isRequired,\r\n eventsRequestState: PropTypes.object.isRequired,\r\n affiliateTypeId: PropTypes.number,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onMatrixDestroy();\r\n }\r\n\r\n render() {\r\n return \r\n
Event Exceptions
\r\n\r\n {descText\r\n ? descText\r\n : \"Defines pass allocation rules for this affiliate for a specific event. These rules will take precedence over pass allocation for event types.\"}\r\n
\r\n\r\n \r\n Add New Row\r\n \r\n )}\r\n
\r\n \r\n \r\n {matrixColgroup}\r\n \r\n
\r\n
\r\n {!this.props.isReadOnly && (\r\n | Event Name | \r\nPayment Type | \r\nPass Type | \r\nLimit | \r\nCost | \r\n\r\n Invitation Deadline\r\n \r\n (days)\r\n | \r\n \r\n Late Invitation\r\n \r\n (conditions)\r\n | \r\n {matrixHeaderMinorPass}\r\n \r\n |
|---|
\r\n
\r\n \r\n \r\n {matrixColgroup}\r\n \r\n
\r\n
\r\n | Event Name | \r\nPayment Type | \r\nPass Type | \r\nLimit | \r\nCost | \r\n\r\n Invitation Deadline\r\n \r\n (days)\r\n | \r\n \r\n Late Invitation\r\n \r\n (conditions)\r\n | \r\n {matrixHeaderMinorPass}\r\n \r\n |
|---|
{passLimit.eventName}
\r\n ) : (\r\n \r\n {passLimit.eventName}\r\n
\r\n\r\n {passLimit.eventTypeName}\r\n \r\n
\r\n {passLimit.eventDate && (\r\n {`${formatDate(\r\n passLimit.eventDate\r\n )} ${TIME_ZONE}`}\r\n )}\r\n {passLimit.venueName && (\r\n
\r\n )}\r\n \r\n ) : (\r\n \"Each Event\"\r\n )}\r\n \r\n
\r\n {passLimit.eventDate && (\r\n {`${formatDate(\r\n passLimit.eventDate\r\n )} ${TIME_ZONE}`}\r\n )}\r\n {passLimit.venueName && (\r\n
\r\n {passLimit.venueName}\r\n
\r\n )}\r\n\r\n
\r\n\r\n \r\n this.setState({ activeIndex: e.index })}\r\n renderActiveOnly={false}\r\n className=\"affiliate__tabs__wrapper\"\r\n >\r\n \r\n \r\n \r\n \r\n {/* \r\n */}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const { intl } = state;\r\n let lateFeeHelpText = \"\";\r\n\r\n if (intl) lateFeeHelpText = intl.messages[LATE_FEE_HELP_TEXT];\r\n\r\n return { lateFeeHelpText };\r\n};\r\n\r\nexport default connect(mapStateToProps)(SpecialOptionMatrix);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getValues, destroy } from \"redux-form\";\r\nimport { destroyPassLimits } from \"components/PassLimits\";\r\nimport { getActiveEventsList } from \"reducers/events\";\r\nimport { getEventListRequestState } from \"reducers/eventManagement\";\r\nimport { getElementList } from \"shared/selectors\";\r\nimport { addNewSpecialOptionLimit } from \"../actions\";\r\nimport { getState as getSpecialOptions } from \"components/SpecialOptions\";\r\n\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport Matrix from \"components/pages/affiliates/SpecialOptionMatrix\";\r\n\r\n/**\r\n * Rendering \"Special Option Allocation\" section in AffiliateDetailsForm.js\r\n */\r\nclass SpecialOptionMatrix extends Component {\r\n static propTypes = {\r\n rows: PropTypes.array,\r\n addPassLimit: PropTypes.func.isRequired,\r\n onMatrixDestroy: PropTypes.func.isRequired,\r\n eventsRequestState: PropTypes.object.isRequired,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onMatrixDestroy();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
Special Option Allocation
\r\n\r\n {this.props.descText\r\n ? this.props.descText\r\n : \"Defines special option allocation rules for this affiliate.\"}\r\n
\r\n\r\n \r\n Add New Row\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {!this.props.isReadOnly && (\r\n | Event | \r\nSpecial Option | \r\nLimit | \r\n\r\n |
|---|
\r\n
\r\n \r\n \r\n
\r\n
\r\n | Event | \r\nSpecial Option | \r\nLimit | \r\n\r\n |
|---|
\r\n \r\n Add New Row\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | Event | \r\nSpecial Option | \r\nLimit | \r\n\r\n |
|---|
\r\n
\r\n\r\n \r\n this.setState({ activeIndex: e.index })}\r\n renderActiveOnly={false}\r\n className=\"affiliate__tabs__wrapper\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const { intl } = state;\r\n let lateFeeHelpText = \"\";\r\n\r\n if (intl) lateFeeHelpText = intl.messages[LATE_FEE_HELP_TEXT];\r\n\r\n return { lateFeeHelpText };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ParkingPassMatrix);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getValues, destroy } from \"redux-form\";\r\nimport { destroyPassLimits } from \"components/PassLimits\";\r\nimport { getActiveEventsList } from \"reducers/events\";\r\nimport { getEventListRequestState } from \"reducers/eventManagement\";\r\nimport { getElementList } from \"shared/selectors\";\r\nimport { addNewParkingPassLimit } from \"../actions\";\r\nimport { getState as getSpecialOptions } from \"components/SpecialOptions\";\r\n\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport Matrix from \"components/pages/affiliates/ParkingPassMatrix\";\r\n\r\n/**\r\n * Rendering \"Special Option Allocation\" section in AffiliateDetailsForm.js\r\n */\r\nclass ParkingPassMatrix extends Component {\r\n static propTypes = {\r\n rows: PropTypes.array,\r\n addPassLimit: PropTypes.func.isRequired,\r\n onMatrixDestroy: PropTypes.func.isRequired,\r\n eventsRequestState: PropTypes.object.isRequired,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onMatrixDestroy();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
Parking Pass Allocation
\r\n\r\n {this.props.descText\r\n ? this.props.descText\r\n : \"Defines Parking Pass allocation rules for this affiliate.\"}\r\n
\r\n\r\n \r\n Add New Row\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {!this.props.isReadOnly && (\r\n | Event | \r\nParking Pass | \r\nLimit | \r\n\r\n |
|---|
\r\n
\r\n \r\n \r\n
\r\n
\r\n | Event | \r\nParking Pass | \r\nLimit | \r\n\r\n |
|---|
\r\n\t// \t\t\t\t
\r\n\t// \t\t);\r\n\r\n\t// \t} else {\r\n\t// \t\treturn null;\r\n\t// \t}\r\n\t// }\r\n\r\n\r\n\r\n\t//Functionality -------------------------------------------\r\n\r\n\tgetTime() { return this.state[TIME_STATE_KEY]; }\r\n\r\n\r\n\topenTimePicker() { this.setState({ isActive: true }) }\r\n\r\n\r\n\tcloseTimePicker() { this.setState({ isActive: false }) }\r\n\r\n\r\n\tgetDefaultTime() {\r\n\t\tlet time = new Date();\r\n\t\ttime.setHours(DEFAULT_TIME_HOURS);\r\n\t\ttime.setMinutes(DEFAULT_TIME_MINS);\r\n\r\n\t\treturn time;\r\n\t}\r\n\r\n\r\n\t//Gets a cleaned version of initial time, if cannot get clean time, null returned\r\n\t//Expects a 24-hour, [hour:minute] time based string, i.e. \"14:00\", which = 2:00pm\r\n\tgetInitialTime() {\r\n\t\tlet currTime = this.getDefaultTime();\r\n\t\tconst { initialTime } = this.props;\r\n\r\n\t\tif(initialTime) {\r\n\t\t\tif(initialTime.includes(':')) {\r\n\t\t\t\tlet timeExplosionArray = initialTime.split(':');\r\n\r\n\t\t\t\tif(timeExplosionArray.length >= 2) {\r\n\t\t\t\t\tif(timeExplosionArray[0] >= 0 && timeExplosionArray[0] <= 24) currTime.setHours(timeExplosionArray[0]);\r\n\t\t\t\t\tif(timeExplosionArray[1] >= 0 && timeExplosionArray[1] <= 60) currTime.setMinutes(timeExplosionArray[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn currTime;\r\n\t}\r\n\r\n\r\n\r\n\t//Events --------------------------------------------------\r\n\r\n\thandleTimeChange = timeValue => {\r\n\t\tthis.setState({\r\n\t\t\t[TIME_STATE_KEY]: timeValue,\r\n\t\t\tisActive: false, //<-- close modal!\r\n\t\t});\r\n\r\n\t\tthis.props.field.onChange(formatDateObjToDateString(timeValue, CONSTANTS.SHORT_ISO_CLOCK_FORMAT));\r\n\t\tif(this.props.onDateChange) this.props.onDateChange(timeValue);\r\n\t};\r\n\r\n\r\n\thandleTimePickerInputClick = event => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\r\n\t\tthis.openTimePicker();\r\n\t};\r\n\r\n\r\n\thandleTimePickerDismiss = event => {\r\n\t\tthis.closeTimePicker();\r\n\r\n\t\tif(this.props.onDismiss) this.props.onDismiss(event);\r\n\t};\r\n\r\n\r\n\thandleFormTextFieldOnBlur = event => {\r\n\t\tthis.closeDatePicker();\r\n\r\n\t\tif(this.props.onBlur) this.props.onBlur(event);\r\n\t};\r\n}\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport autoBind from 'react-autobind';\r\nimport cx from 'classnames';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport { resizeImage, invalidateImageCache, isImage } from 'shared/utils/imageUtils';\r\nimport { reduxFormField } from 'propTypes/reduxForm';\r\nimport Icon from 'common/icons/Icon';\r\nimport IconClose from 'common/icons/IconClose';\r\nimport IconNascarFlag from 'common/icons/IconNascarFlag';\r\nimport FileUploader from 'common/forms/FileUploader';\r\n\r\nclass AvatarUploader extends PureComponent {\r\n static propTypes = {\r\n field: reduxFormField,\r\n blob: PropTypes.string,\r\n onUpload: PropTypes.func,\r\n noImageCache: PropTypes.bool,\r\n uploaderDisabled: PropTypes.bool,\r\n isImageInitialShape: PropTypes.bool,\r\n };\r\n\r\n static defaultProps = {\r\n blob: '',\r\n onUpload: () => {},\r\n isImageInitialShape: false,\r\n noImageCache: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n autoBind(this);\r\n this.state = {\r\n isLoading: false,\r\n error: '',\r\n };\r\n }\r\n\r\n getIconUrl(blob) {\r\n const { noImageCache } = this.props;\r\n\r\n if (noImageCache) {\r\n return invalidateImageCache(blob);\r\n }\r\n\r\n return blob;\r\n }\r\n\r\n handleImageUpload(data) {\r\n if (!data) {\r\n return;\r\n }\r\n\r\n if (isImage(data.name)) {\r\n this.setState({ isLoading: true });\r\n const reader = new FileReader();\r\n reader.addEventListener(\r\n 'load',\r\n () => {\r\n resizeImage(reader.result)\r\n .then(resizedImage => {\r\n this.props.onUpload(resizedImage);\r\n this.props.field.onChange(resizedImage);\r\n this.setState({ error: '', isLoading: false });\r\n })\r\n .catch(error => this.setState({ error }));\r\n },\r\n false\r\n );\r\n\r\n reader.readAsDataURL(data);\r\n } else {\r\n this.setState({\r\n error: 'Incorrect file type',\r\n isLoading: false,\r\n });\r\n }\r\n }\r\n\r\n handleLogoRemoval(e) {\r\n const { field, onUpload } = this.props;\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n onUpload('');\r\n field.onChange('');\r\n }\r\n\r\n renderLogoContent() {\r\n const {\r\n blob,\r\n field,\r\n isImageInitialShape,\r\n } = this.props;\r\n\r\n if (!blob && !field.value) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderBody() {\r\n const {\r\n blob,\r\n field,\r\n uploaderDisabled,\r\n } = this.props;\r\n\r\n const hasImage = Boolean(blob || field.value);\r\n\r\n if (this.state.isLoading) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {!uploaderDisabled ? (\r\n \r\n \r\n
\r\n \r\n ) : (\r\n \r\n
\r\n \r\n {this.renderLogoContent()}\r\n
\r\n {this.state.error && (\r\n {this.state.error}\r\n )}\r\n \r\n file_upload Upload image\r\n
\r\n \r\n ) : (\r\n \r\n {this.renderLogoContent()}\r\n
\r\n )}\r\n\r\n {hasImage && !uploaderDisabled && (\r\n {this.renderBody()}
\r\n );\r\n }\r\n}\r\n\r\nexport default AvatarUploader;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { reduxForm } from \"redux-form\";\r\nimport { connect } from \"react-redux\";\r\nimport Tooltip from \"rc-tooltip\";\r\nimport autoBind from \"react-autobind\";\r\nimport { isEmpty, isEqual } from \"lodash\";\r\nimport classNames from \"classnames\";\r\n\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport { createValidator, required } from \"shared/utils/validation\";\r\n\r\nimport IconDelete from \"common/icons/IconDelete\";\r\nimport SearchableDropdown from \"common/forms/dropdown/SearchableDropdown.jsx\";\r\n\r\nconst TOOLTIP_PROPS = {\r\n placement: \"left\",\r\n overlayClassName: \"rc-tooltip-overlay\",\r\n trigger: [\"hover\"],\r\n};\r\n\r\nclass PassTypeTemplatesRow extends React.Component {\r\n constructor(rowProps) {\r\n super(rowProps);\r\n autoBind(this);\r\n this.formName = `${CONSTANTS.FORMS.EVENT_TEMPLATE_BY_PASS_TYPES}${this.props.id}`;\r\n }\r\n\r\n componentDidUpdate(prev) {\r\n const { allRows, eventPassTypes, fields } = this.props;\r\n if (\r\n !isEqual(allRows, prev.allRows) ||\r\n !isEqual(eventPassTypes, prev.eventPassTypes)\r\n ) {\r\n // this field is changed to manually trigger validation\r\n // check this article https://stackoverflow.com/questions/40886568/how-to-re-trigger-validations-manually-in-reduxform\r\n fields._validationHack.onChange(Date.now());\r\n }\r\n }\r\n\r\n handleChange(field, value) {\r\n const { fields, onChange } = this.props;\r\n fields[field].onChange(value);\r\n onChange(field, value);\r\n }\r\n\r\n render() {\r\n const {\r\n eventPassTypes,\r\n invitationTemplates,\r\n registrationTemplates,\r\n fields,\r\n deleteFn,\r\n errors,\r\n } = this.props;\r\n const hasErrors = !isEmpty(errors);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!props.params.eventId && (\r\n
\r\n \r\n \r\n setEvent(e.value)}\r\n inputId=\"event\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n showClear={event}\r\n panelClassName=\"event-search-dropdown\"\r\n filter\r\n style={{ width: \"100%\" }}\r\n />\r\n \r\n \r\n
\r\n )}\r\n\r\n {event && (\r\n <>\r\n {detailsRequest.isFetching ? (\r\n \r\n
\r\n ) : (\r\n \r\n 0 ? \" bulk-duplicate-wrapper--has-events\" : \"\"\r\n }`}\r\n >\r\n
\r\n {eventsIds.length > 0 && (\r\n <>\r\n \r\n
\r\n \r\n handleSubmit()}\r\n label=\"Select Events\"\r\n style={{ height: \"40px\" }}\r\n />\r\n
\r\n \r\n setSelectedVenue(e.value)}\r\n inputId=\"eventMonth\"\r\n showClear={selectedVenue}\r\n panelClassName=\"event-search-dropdown\"\r\n />\r\n \r\n
\r\n \r\n setSelectedEventType(e.value)}\r\n inputId=\"eventType\"\r\n showClear={selectedEventType}\r\n panelClassName=\"event-search-dropdown\"\r\n />\r\n \r\n
\r\n\r\n \r\n setStartDate(e.value)}\r\n showIcon\r\n inputId=\"start__date\"\r\n showClear\r\n />\r\n \r\n {startDate && (\r\n
\r\n \r\n setStartDate(null)}\r\n />\r\n
\r\n )}\r\n \r\n setEndDate(e.value)}\r\n showIcon\r\n inputId=\"end_date\"\r\n showClear\r\n />\r\n \r\n {endDate && (\r\n
\r\n \r\n setEndDate(null)}\r\n />\r\n
\r\n )}\r\n \r\n setSelectedEvents(e.value)}\r\n options={filtersEvents.map((item) => ({\r\n label: item.name,\r\n value: item.id,\r\n }))}\r\n optionLabel=\"label\"\r\n placeholder=\"Select Events\"\r\n maxSelectedLabels={3}\r\n className=\"w-full event-dropdown\"\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n setSelectedEventsIds(ids)}\r\n >\r\n {eventsData\r\n .filter((eventData) => eventsIds.includes(eventData.id))\r\n .map((event) => {\r\n return (\r\n setSelectedEventsIds(ids)}\r\n alwaysShowDecription={true}\r\n avatar={{ image: event.url }}\r\n >\r\n \r\n {renderLeftColumn(event)}\r\n {renderRightColumn(event)}\r\n
\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n this.requestEventReport(this.state.eventReport)}\r\n disabled={filtersBusy || this.state.csvDownloadLoading}\r\n loading={this.state.csvDownloadLoading}\r\n style={{\r\n backgroundColor: CONSTANTS.COLORS.NASCAR_YELLOW,\r\n flexShrink: 0,\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n this.handleChangeYear({ value: e.value })}\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n placeholder=\"Select Year\"\r\n className=\"w-full\"\r\n disabled={filtersBusy}\r\n appendTo={attendanceDropdownAppendTo}\r\n panelClassName=\"custom-multiselect attendance-multiselect-panel\"\r\n />\r\n
\r\n \r\n \r\n \r\n this.formatEventDropdownLabel(option)}\r\n valueTemplate={(option) =>\r\n option ? this.formatEventDropdownLabel(option) : \"Select an event\"\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n Download a CSV for the selected event.\r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n if (this.props.layoutVariant === \"attendance\") {\r\n return this.renderAttendanceLayout();\r\n }\r\n return (\r\n\r\n \r\n {\r\n this.clearEventReport();\r\n }}\r\n value={this.state.eventReport}\r\n >\r\n clear \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.requestEventReport(this.state.eventReport);\r\n }}\r\n value={this.state.eventReport}\r\n >\r\n file_download \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst getVisibleEvents = (eventManagement) => {\r\n const order = orderForSorting[eventManagement.list.filter.sort];\r\n return getVisibleResponseData({\r\n state: eventManagement.list,\r\n filterKeys: searchKeys,\r\n order,\r\n });\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n const { eventManagement, account } = state;\r\n return {\r\n items: getVisibleEvents(eventManagement),\r\n isUserAdminOrSuperAdmin: isUserAdminOrSuperAdmin(account),\r\n isFetching: getIsFetching(eventManagement.list),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n fetchAllEvents,\r\n getWicketReport,\r\n})(WicketReport);\r\n","import Reports from './Reports';\r\nexport default Reports;\r\n","import React, { useEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PageWrapper from \"common/PageWrapper\";\r\nimport ShadowBox from \"common/ShadowBox\";\r\nimport AttendeeReport from \"components/AttendeeReport\";\r\nimport EventReport from \"./EventReport\";\r\nimport WicketReport from \"./WicketReport\";\r\nimport { FACIAL_AUTHENTICATION_REPORT_ENABLED } from \"shared/utils/reportFeatures\";\r\nimport { isUserAdminOrSuperAdmin } from \"reducers/account\";\r\n// import { fetchAttendeeReports } from './actions';\r\nimport { fetchAttendeeReports } from \"components/AttendeeReport/actions\";\r\n\r\nconst ReportPage = (props) => {\r\n useEffect(() => {\r\n props.fetchAttendeeReports();\r\n }, []);\r\n const { isUserAdminOrSuperAdmin } = props;\r\n return (\r\n Facial Authentication Reports
\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n setEventReport(e.value)}\r\n optionLabel=\"name\"\r\n placeholder=\"Select Events\"\r\n className=\"w-full\"\r\n filter\r\n itemTemplate={formatEventOption}\r\n maxSelectedLabels={1}\r\n />\r\n {eventReportError && (\r\n \r\n At least one event must be selected\r\n \r\n )}\r\n
\r\n \r\n {affiliateOptions && affiliateOptions.length > 0 && (\r\n \r\n \r\n setSelectedAffiliate(e.value)}\r\n optionLabel=\"name\"\r\n placeholder=\"Select Affiliates\"\r\n className=\"w-full\"\r\n filter\r\n maxSelectedLabels={1}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {passTypeOptions && passTypeOptions.length > 0 && (\r\n \r\n \r\n setSelectedPassType(e.value)}\r\n optionLabel=\"name\"\r\n placeholder=\"Select Pass Types\"\r\n className=\"w-full\"\r\n filter\r\n maxSelectedLabels={1}\r\n />\r\n
\r\n \r\n )}\r\n {specialOptions && specialOptions.length > 0 && (\r\n \r\n \r\n setSelectedOptions(e.value)}\r\n optionLabel=\"name\"\r\n placeholder=\"Select Special Options\"\r\n className=\"w-full\"\r\n filter\r\n maxSelectedLabels={1}\r\n />\r\n
\r\n \r\n )}\r\n \r\n \r\n setSelectedStatus(e.value)}\r\n optionLabel=\"name\"\r\n placeholder=\"Select Status\"\r\n className=\"w-full\"\r\n filter\r\n maxSelectedLabels={1}\r\n />\r\n
\r\n \r\n \r\n
\r\n Download .CSV
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n);\r\n\r\nconst ChartView = React.memo((props) => {\r\n const { gapSummaryData = [], loadingSummary = false, error = null, onChartClick, onDrillToFinancial, appliedFilters = null, \r\n eventReport = [], selectedYear = [], selectedSanctioningBodies = [], selectedEventTypes = [],\r\n selectedAffiliateTypes = [], selectedAffiliate = [], selectedPassType = [], selectedStatus = [],\r\n selectedPaymentTypes = [], selectedOptions = [], selectedParkingOptions = [],\r\n sanctioningBodyOptions = [], eventTypeOptions = [], affiliateTypeOptions = [], affiliateOptions = [],\r\n passTypeOptions = [], statusOptions = [], paymentTypeOptions = [], specialOptions = [], parkingOptions = [],\r\n yearsOptions = [], eventsOptions = [],\r\n selectedAgeCategory = \"Both\", showAgeCategoryFilter = false } = props;\r\n \r\n // Refs for overlay panels\r\n const paymentTypeOverlayRef = useRef(null);\r\n const costByPaymentTypeOverlayRef = useRef(null);\r\n const statusOverlayRef = useRef(null);\r\n /** Keeps latest click handler without forcing new Chart `options` every parent render */\r\n const onChartClickRef = useRef(onChartClick);\r\n onChartClickRef.current = onChartClick;\r\n const onDrillToFinancialRef = useRef(onDrillToFinancial);\r\n onDrillToFinancialRef.current = onDrillToFinancial;\r\n\r\n // Chart `data` / slice values come only from gap summary API — memoize so toggling filter\r\n // checkboxes (draft state) does not allocate new objects and re-trigger Chart.js redraws.\r\n const { paymentTypeData, costByPaymentTypeData, statusData } = useMemo(() => {\r\n const getPaymentTypeData = (rows) => {\r\n if (!rows || rows.length === 0) return { labels: [], values: [] };\r\n const paymentTypeItems = rows.filter((item) => {\r\n if (!item.Type) return false;\r\n const type = item.Type.toLowerCase();\r\n return type.includes('payment') && type.includes('type') && !type.includes('cost');\r\n });\r\n const uniqueItems = [];\r\n const seenNames = new Set();\r\n for (const item of paymentTypeItems) {\r\n if (!seenNames.has(item.Name)) {\r\n uniqueItems.push(item);\r\n seenNames.add(item.Name);\r\n }\r\n }\r\n return {\r\n labels: uniqueItems.map((item) => item.Name || ''),\r\n values: uniqueItems.map((item) => parseFloat(item.Value) || 0),\r\n };\r\n };\r\n\r\n const getCostByPaymentTypeData = (rows) => {\r\n if (!rows || rows.length === 0) return { labels: [], values: [] };\r\n const costItems = rows.filter(\r\n (item) => item.Type && item.Type.toLowerCase() === 'payment type cost'\r\n );\r\n const uniqueItems = [];\r\n const seenNames = new Set();\r\n for (const item of costItems) {\r\n if (!seenNames.has(item.Name)) {\r\n uniqueItems.push(item);\r\n seenNames.add(item.Name);\r\n }\r\n }\r\n return {\r\n labels: uniqueItems.map((item) => item.Name || ''),\r\n values: uniqueItems.map((item) => parseFloat(item.Value) || 0),\r\n };\r\n };\r\n\r\n const getStatusData = (rows) => {\r\n if (!rows || rows.length === 0) return { labels: [], values: [] };\r\n const statusItems = rows.filter(\r\n (item) => item.Type && item.Type.toLowerCase() === 'status'\r\n );\r\n const uniqueItems = [];\r\n const seenNames = new Set();\r\n for (const item of statusItems) {\r\n if (!seenNames.has(item.Name)) {\r\n uniqueItems.push(item);\r\n seenNames.add(item.Name);\r\n }\r\n }\r\n return {\r\n labels: uniqueItems.map((item) => item.Name || ''),\r\n values: uniqueItems.map((item) => parseFloat(item.Value) || 0),\r\n };\r\n };\r\n\r\n const { labels: paymentLabelsRaw, values: paymentValues } = getPaymentTypeData(gapSummaryData);\r\n const { labels: costLabelsRaw, values: costValues } = getCostByPaymentTypeData(gapSummaryData);\r\n const { labels: statusLabelsRaw, values: statusValues } = getStatusData(gapSummaryData);\r\n\r\n const paymentLabels =\r\n paymentLabelsRaw && paymentLabelsRaw.length > 0 ? paymentLabelsRaw : ['No Data'];\r\n const costLabels = costLabelsRaw && costLabelsRaw.length > 0 ? costLabelsRaw : ['No Data'];\r\n const statusLabels = statusLabelsRaw && statusLabelsRaw.length > 0 ? statusLabelsRaw : ['No Data'];\r\n\r\n const paymentPalette = [\r\n 'rgb(217, 179, 0)',\r\n 'rgb(230, 108, 55)',\r\n 'rgb(166, 102, 176)',\r\n 'rgb(0, 163, 146)',\r\n 'rgb(18, 35, 158)',\r\n 'rgb(107, 0, 123)',\r\n 'rgb(17, 141, 255)',\r\n ];\r\n const statusPalette = [\r\n 'rgb(0, 163, 146)',\r\n 'rgb(230, 108, 55)',\r\n 'rgb(18, 35, 158)',\r\n 'rgb(107, 0, 123)',\r\n 'rgb(17, 141, 255)',\r\n 'rgb(116, 78, 194)',\r\n 'rgb(224, 68, 167)',\r\n 'rgb(217, 179, 0)',\r\n ];\r\n\r\n const paymentTypeData = {\r\n labels: paymentLabels,\r\n datasets: [\r\n {\r\n label: 'Payment Type',\r\n data: paymentValues && paymentValues.length > 0 ? paymentValues : [0],\r\n backgroundColor: paymentLabels.map((_, i) => paymentPalette[i % paymentPalette.length]),\r\n borderWidth: 0,\r\n },\r\n ],\r\n };\r\n\r\n const costByPaymentTypeData = {\r\n labels: costLabels,\r\n datasets: [\r\n {\r\n label: 'Cost by Payment Type',\r\n data: costValues && costValues.length > 0 ? costValues : [0],\r\n backgroundColor: costLabels.map((_, i) => paymentPalette[i % paymentPalette.length]),\r\n borderWidth: 0,\r\n },\r\n ],\r\n };\r\n\r\n const statusData = {\r\n labels: statusLabels,\r\n datasets: [\r\n {\r\n label: 'Status',\r\n data: statusValues && statusValues.length > 0 ? statusValues : [0],\r\n backgroundColor: statusLabels.map((_, i) => statusPalette[i % statusPalette.length]),\r\n borderWidth: 0,\r\n },\r\n ],\r\n };\r\n\r\n return {\r\n paymentTypeData,\r\n costByPaymentTypeData,\r\n statusData,\r\n };\r\n }, [gapSummaryData]);\r\n\r\n const paymentTypeChartOptions = useMemo(() => {\r\n const sum = sumDatasetValues(paymentTypeData.datasets[0].data);\r\n return buildAttendanceDoughnutOptions(\r\n \"paymentType\",\r\n paymentTypeData.labels,\r\n onChartClickRef,\r\n {\r\n showLegend: true,\r\n centerMain: formatCenterCount(sum),\r\n radius: 76,\r\n cutout: \"58%\",\r\n }\r\n );\r\n }, [paymentTypeData]);\r\n\r\n const costByPaymentTypeChartOptions = useMemo(() => {\r\n const sum = sumDatasetValues(costByPaymentTypeData.datasets[0].data);\r\n return buildAttendanceDoughnutOptions(\r\n \"costByPaymentType\",\r\n costByPaymentTypeData.labels,\r\n onChartClickRef,\r\n {\r\n showLegend: true,\r\n centerMain: formatCenterCurrency(sum),\r\n radius: 76,\r\n cutout: \"58%\",\r\n onDrillToFinancialRef,\r\n drillToFinancialTooltip: Boolean(onDrillToFinancial),\r\n tooltipCallbacks: {\r\n title: () => \"\",\r\n label(context) {\r\n const label = context.label || \"\";\r\n const value = context.dataset?.data?.[context.dataIndex] ?? 0;\r\n const paymentTypeLabel = getBillAffiliateOrSelfPayDisplayLabel(label);\r\n if (paymentTypeLabel) {\r\n return `${paymentTypeLabel}: ${formatTooltipCurrency(value)}`;\r\n }\r\n return `${label}: ${formatTooltipCurrency(value)}`;\r\n },\r\n ...(onDrillToFinancial\r\n ? {\r\n // afterLabel inherits the color-swatch indent so it aligns with the amount line\r\n afterLabel: () => \"View in Financial & Billing\",\r\n }\r\n : {}),\r\n },\r\n }\r\n );\r\n }, [costByPaymentTypeData, onDrillToFinancial]);\r\n\r\n const statusChartOptions = useMemo(() => {\r\n const sum = sumDatasetValues(statusData.datasets[0].data);\r\n return buildAttendanceDoughnutOptions(\"status\", statusData.labels, onChartClickRef, {\r\n showLegend: true,\r\n centerMain: formatCenterCount(sum),\r\n });\r\n }, [statusData]);\r\n\r\n // Helper function to get filter display name\r\n const getFilterDisplayName = (selectedIds, options) => {\r\n if (!selectedIds || selectedIds.length === 0) return null;\r\n \r\n // Get names for all selected IDs (including when all are selected)\r\n const selectedNames = selectedIds\r\n .map(id => {\r\n const option = options.find(opt => opt.value === id);\r\n return option ? (option.name || option.label) : null;\r\n })\r\n .filter(name => name !== null);\r\n \r\n // If we have names, return them joined with comma\r\n if (selectedNames.length > 0) {\r\n // If too many, show first few and count\r\n if (selectedNames.length > 3) {\r\n return `${selectedNames.slice(0, 3).join(', ')}, +${selectedNames.length - 3} more`;\r\n }\r\n return selectedNames.join(', ');\r\n }\r\n \r\n // Fallback to count if names not found\r\n return `${selectedIds.length} selected`;\r\n };\r\n\r\n // Helper function to get event display name\r\n const getEventDisplayName = () => {\r\n if (!eventReport || eventReport.length === 0) return null;\r\n if (eventReport.length === 1) {\r\n return eventReport[0].name || 'Selected Event';\r\n }\r\n \r\n // Get actual event names\r\n const eventNames = eventReport\r\n .map(event => event.name)\r\n .filter(name => name);\r\n \r\n if (eventNames.length === 0) return null;\r\n \r\n // If too many events, show first few and count\r\n if (eventNames.length > 3) {\r\n return `${eventNames.slice(0, 3).join(', ')}, +${eventNames.length - 3} more`;\r\n }\r\n return eventNames.join(', ');\r\n };\r\n\r\n // Build active filters list - include all filters, even if set to \"All\"\r\n const activeFilters = [];\r\n \r\n // Year filter\r\n if (selectedYear && selectedYear.length > 0) {\r\n // Show actual year values, comma-separated\r\n if (selectedYear.length > 3) {\r\n const yearDisplay = `${selectedYear.slice(0, 3).join(', ')}, +${selectedYear.length - 3} more`;\r\n activeFilters.push({ label: 'Year', value: yearDisplay });\r\n } else {\r\n activeFilters.push({ label: 'Year', value: selectedYear.join(', ') });\r\n }\r\n }\r\n\r\n // Events filter\r\n if (eventReport && eventReport.length > 0) {\r\n const eventDisplay = getEventDisplayName();\r\n if (eventDisplay) {\r\n activeFilters.push({ label: 'All Events', value: eventDisplay });\r\n }\r\n }\r\n\r\n // Sanctioning Body filter\r\n if (sanctioningBodyOptions && sanctioningBodyOptions.length > 0) {\r\n if (selectedSanctioningBodies && selectedSanctioningBodies.length > 0) {\r\n const display = getFilterDisplayName(selectedSanctioningBodies, sanctioningBodyOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Sanctioning Body', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Event Type filter\r\n if (eventTypeOptions && eventTypeOptions.length > 0) {\r\n if (selectedEventTypes && selectedEventTypes.length > 0) {\r\n const display = getFilterDisplayName(selectedEventTypes, eventTypeOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Event Type', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Affiliate Type filter\r\n if (affiliateTypeOptions && affiliateTypeOptions.length > 0) {\r\n if (selectedAffiliateTypes && selectedAffiliateTypes.length > 0) {\r\n const display = getFilterDisplayName(selectedAffiliateTypes, affiliateTypeOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Affiliate Type', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Affiliates filter\r\n if (affiliateOptions && affiliateOptions.length > 0) {\r\n if (selectedAffiliate && selectedAffiliate.length > 0) {\r\n const display = getFilterDisplayName(selectedAffiliate, affiliateOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Affiliates', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Pass Type filter\r\n if (passTypeOptions && passTypeOptions.length > 0) {\r\n if (selectedPassType && selectedPassType.length > 0) {\r\n const display = getFilterDisplayName(selectedPassType, passTypeOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Pass Type', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Status filter\r\n if (statusOptions && statusOptions.length > 0) {\r\n if (selectedStatus && selectedStatus.length > 0) {\r\n const display = getFilterDisplayName(selectedStatus, statusOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Status', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Payment Type filter\r\n if (paymentTypeOptions && paymentTypeOptions.length > 0) {\r\n if (selectedPaymentTypes && selectedPaymentTypes.length > 0) {\r\n const display = getFilterDisplayName(selectedPaymentTypes, paymentTypeOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Payment Type', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Special Option filter\r\n if (specialOptions && specialOptions.length > 0) {\r\n if (selectedOptions && selectedOptions.length > 0) {\r\n const display = getFilterDisplayName(selectedOptions, specialOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Special Option', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Parking Pass filter\r\n if (parkingOptions && parkingOptions.length > 0) {\r\n if (selectedParkingOptions && selectedParkingOptions.length > 0) {\r\n const display = getFilterDisplayName(selectedParkingOptions, parkingOptions);\r\n if (display) {\r\n activeFilters.push({ label: 'Parking Pass', value: display });\r\n }\r\n }\r\n }\r\n\r\n // Invitation Type (age category) filter\r\n if (showAgeCategoryFilter && selectedAgeCategory && selectedAgeCategory !== 'Both') {\r\n activeFilters.push({ label: 'Invitation Type', value: selectedAgeCategory });\r\n }\r\n\r\n // Popover body as a JSX element (not an inner function component) so React keeps the same\r\n // `Doughnut` instances when draft filters change; an inner component type changes every render\r\n // and was remounting only the Status chart subtree.\r\n const filterPopoverContent = (\r\n \r\n
\r\n );\r\n\r\n const statusDistributionCard = (\r\n \r\n Filters and slicers affecting this visual\r\n
\r\n \r\n {activeFilters.length > 0 ? (\r\n
\r\n \r\n {activeFilters.map((filter, index) => (\r\n
\r\n ) : (\r\n \r\n \r\n {filter.label}\r\n \r\n \r\n {filter.value}\r\n \r\n
\r\n ))}\r\n \r\n No filters applied\r\n
\r\n )}\r\n \r\n statusOverlayRef.current.toggle(e)}\r\n style={{ \r\n color: '#999',\r\n padding: '0',\r\n width: 'auto',\r\n height: 'auto'\r\n }}\r\n tooltip=\"View filters\"\r\n tooltipOptions={{ position: 'top' }}\r\n />\r\n
\r\n Status Distribution
\r\n\r\n {loadingSummary ? (\r\n
\r\n \r\n \r\n {/* First row - first two charts, third chart on desktop only */}\r\n \r\n \r\n \r\n {filterPopoverContent}\r\n \r\n \r\n \r\n \r\n \r\n {filterPopoverContent}\r\n \r\n \r\n \r\n {/* Third chart - visible on desktop only */}\r\n
\r\n {/* Second row - third chart for tablet and mobile */}\r\n \r\n
\r\n
\r\n );\r\n}, (prevProps, nextProps) => {\r\n // Custom comparison function to prevent re-renders when only unrelated props change\r\n // Only re-render if chart-relevant props change\r\n // This prevents the chart from reloading when approval API calls trigger parent re-renders\r\n return (\r\n prevProps.gapSummaryData === nextProps.gapSummaryData &&\r\n prevProps.loadingSummary === nextProps.loadingSummary &&\r\n prevProps.error === nextProps.error &&\r\n prevProps.appliedFilters === nextProps.appliedFilters &&\r\n objectArraysEqual(prevProps.eventReport, nextProps.eventReport) &&\r\n arraysEqual(prevProps.selectedYear, nextProps.selectedYear) &&\r\n arraysEqual(prevProps.selectedSanctioningBodies, nextProps.selectedSanctioningBodies) &&\r\n arraysEqual(prevProps.selectedEventTypes, nextProps.selectedEventTypes) &&\r\n arraysEqual(prevProps.selectedAffiliateTypes, nextProps.selectedAffiliateTypes) &&\r\n arraysEqual(prevProps.selectedAffiliate, nextProps.selectedAffiliate) &&\r\n arraysEqual(prevProps.selectedPassType, nextProps.selectedPassType) &&\r\n arraysEqual(prevProps.selectedStatus, nextProps.selectedStatus) &&\r\n arraysEqual(prevProps.selectedPaymentTypes, nextProps.selectedPaymentTypes) &&\r\n arraysEqual(prevProps.selectedOptions, nextProps.selectedOptions) &&\r\n arraysEqual(prevProps.selectedParkingOptions, nextProps.selectedParkingOptions)\r\n );\r\n});\r\n\r\n\r\n\r\nconst mapStateToProps = () => ({});\r\n\r\nexport default connect(mapStateToProps, {\r\n fetchAllEvents,\r\n})(ChartView);\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport styled from \"styled-components\";\r\nimport _ from \"lodash\";\r\nimport moment from \"moment\";\r\n\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { Menu } from \"primereact/menu\";\r\nimport { FilterMatchMode, FilterOperator } from \"primereact/api\";\r\nimport { ProgressSpinner } from \"primereact/progressspinner\";\r\nimport { Button } from \"primereact/button\";\r\nimport { Paginator } from \"primereact/paginator\";\r\n\r\nimport { apiClient } from \"proxies/apiClient\";\r\nimport CheckBox from \"common/CheckBox\";\r\nimport ActionButton from \"common/ActionButton\";\r\n\r\nimport { DataListWrapper } from \"../style\";\r\n\r\n// Custom Skeleton component with pulse animation\r\nconst Skeleton = ({ width = '100%', height = '20px', style = {} }) => {\r\n const [opacity, setOpacity] = React.useState(0.5);\r\n \r\n React.useEffect(() => {\r\n const interval = setInterval(() => {\r\n setOpacity(prev => prev === 0.5 ? 0.8 : 0.5);\r\n }, 1000);\r\n return () => clearInterval(interval);\r\n }, []);\r\n \r\n return (\r\n \r\n paymentTypeOverlayRef.current.toggle(e)}\r\n style={{ \r\n color: '#999',\r\n padding: '0',\r\n width: 'auto',\r\n height: 'auto'\r\n }}\r\n tooltip=\"View filters\"\r\n tooltipOptions={{ position: 'top' }}\r\n />\r\n
\r\n Payment Type Distribution
\r\n\r\n {loadingSummary ? (\r\n
\r\n \r\n {\r\n if (onDrillToFinancial) {\r\n onDrillToFinancial();\r\n }\r\n }}\r\n onKeyDown={(e) => {\r\n if (\r\n onDrillToFinancial &&\r\n (e.key === \"Enter\" || e.key === \" \")\r\n ) {\r\n e.preventDefault();\r\n onDrillToFinancial();\r\n }\r\n }}\r\n >\r\n Cost Share by Payment Type\r\n \r\n costByPaymentTypeOverlayRef.current.toggle(e)}\r\n style={{ \r\n color: '#999',\r\n padding: '0',\r\n width: 'auto',\r\n height: 'auto'\r\n }}\r\n tooltip=\"View filters\"\r\n tooltipOptions={{ position: 'top' }}\r\n />\r\n
\r\n \r\n {loadingSummary ? (\r\n
\r\n \r\n {/* Table header skeleton */}\r\n
\r\n);\r\n\r\n/**\r\n * Rendering \"Affiliate Allocations\" section in \"Passes\" Tab in \"Allocations Control Center\" page.\r\n * Bug 7700 associated. https://dev.azure.com/nascar/Lixar/_workitems/edit/7700/\r\n * @param {*} event selected event object. Passed value from parent component \"allocations-summary.jsx\".\r\n * @param {*} allowEditing based on user's permissions setup allow edit or not permission. Passed value from parent component \"allocations-summary.jsx\".\r\n * @param {*} isPastEvent boolean type. defined based on current selected event's end date. Get value from url parameter \"ispastevent\".\r\n * Passed value from parent component \"allocations-summary.jsx\".\r\n * @returns\r\n */\r\nexport const DataList = ({\r\n event,\r\n allowEditing,\r\n isPastEvent,\r\n appliedFilters,\r\n triggerDataLoad,\r\n onDataLoadComplete,\r\n sessionState,\r\n skipInitialFetchRef,\r\n onSessionStateChange,\r\n}) => {\r\n const restoredFromSessionRef = useRef(\r\n Boolean(sessionState?.affiliatePassData?.length)\r\n );\r\n\r\n const [affiliatePassData, setAffiliatePassData] = useState(\r\n () => sessionState?.affiliatePassData ?? []\r\n );\r\n const [filtersActive, setFiltersActive] = useState(\r\n () => sessionState?.filtersActive ?? false\r\n );\r\n const [filters, setFilters] = useState(\r\n () => sessionState?.filters ?? null\r\n );\r\n const [isExporting, setIsExporting] = useState(false);\r\n const [exportType, setExportType] = useState(null); // 'excel', 'csv', or 'pdf'\r\n\r\n // Pagination state\r\n const [page, setPage] = useState(() => sessionState?.page ?? 1);\r\n const [rowsPerPage, setRowsPerPage] = useState(\r\n () => sessionState?.rowsPerPage ?? 8\r\n );\r\n const [first, setFirst] = useState(() => sessionState?.first ?? 0);\r\n const [loading, setLoading] = useState(false);\r\n const [totalCount, setTotalCount] = useState(\r\n () => sessionState?.totalCount ?? 0\r\n );\r\n const [error, setError] = useState(() => sessionState?.error ?? null);\r\n\r\n // Filter state for API calls\r\n const [currentFilters, setCurrentFilters] = useState(\r\n () => sessionState?.currentFilters ?? {}\r\n );\r\n \r\n const dt = useRef(null);\r\n const isMountedRef = useRef(true);\r\n\r\n const publishSessionState = (overrides = {}) => {\r\n if (!onSessionStateChange) {\r\n return;\r\n }\r\n onSessionStateChange({\r\n affiliatePassData,\r\n filters,\r\n filtersActive,\r\n currentFilters,\r\n rowsPerPage,\r\n first,\r\n page,\r\n totalCount,\r\n error,\r\n ...overrides,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n isMountedRef.current = true;\r\n return () => {\r\n isMountedRef.current = false;\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!event || !event.Id) {\r\n return;\r\n }\r\n\r\n if (restoredFromSessionRef.current) {\r\n restoredFromSessionRef.current = false;\r\n if (!filters) {\r\n setFilters(buildDefaultColumnFilters());\r\n }\r\n return;\r\n }\r\n\r\n resetColumnFiltersUI();\r\n }, [event]);\r\n\r\n useEffect(() => {\r\n // When Apply updates filters, show the table loader immediately — don't wait\r\n // for triggerDataLoad to flip true on the next tick.\r\n if (!appliedFilters) {\r\n return;\r\n }\r\n setLoading(true);\r\n }, [appliedFilters]);\r\n\r\n useEffect(() => {\r\n let cancelled = false;\r\n\r\n // Only fetch data when explicitly triggered by Apply Filter button\r\n if (triggerDataLoad && appliedFilters) {\r\n if (skipInitialFetchRef?.current) {\r\n skipInitialFetchRef.current = false;\r\n setLoading(false);\r\n if (onDataLoadComplete) {\r\n onDataLoadComplete();\r\n }\r\n return () => {\r\n cancelled = true;\r\n };\r\n }\r\n\r\n setLoading(true);\r\n setPage(1);\r\n setFirst(0);\r\n fetchGapDetails(1, rowsPerPage, {}).then(() => {\r\n if (!cancelled && isMountedRef.current && onDataLoadComplete) {\r\n onDataLoadComplete();\r\n }\r\n });\r\n }\r\n\r\n return () => {\r\n cancelled = true;\r\n };\r\n }, [triggerDataLoad, appliedFilters, rowsPerPage]);\r\n\r\n const fetchGapDetails = async (pageIndex = 1, pageSize = 10, filters = {}) => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n\r\n setLoading(true);\r\n setError(null);\r\n try {\r\n // Create the request body with filters\r\n const requestBody = {\r\n // Include applied filters from parent component\r\n ...appliedFilters,\r\n // Include local table filters\r\n ...filters,\r\n };\r\n\r\n const response = await apiClient\r\n .get()\r\n .reportGetGapDetailsReportByOgapreportdefinationdtoAndPageindexAndPagesize(\r\n pageIndex,\r\n pageSize,\r\n requestBody\r\n );\r\n\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n\r\n if (response && response.data) {\r\n // Handle the new API response structure\r\n // The API returns an array of objects with the structure you provided\r\n const data = Array.isArray(response.data) ? response.data : [];\r\n \r\n // Extract total count from response\r\n // Check multiple possible locations for total count\r\n let responseTotalCount = 0;\r\n \r\n // Check response object properties\r\n if (response.totalCount !== undefined) {\r\n responseTotalCount = response.totalCount;\r\n } else if (response.TotalCount !== undefined) {\r\n responseTotalCount = response.TotalCount;\r\n } else if (response.totalRecords !== undefined) {\r\n responseTotalCount = response.totalRecords;\r\n } else if (response.TotalRecords !== undefined) {\r\n responseTotalCount = response.TotalRecords;\r\n } else if (data.length > 0 && data[0].TotalCount !== undefined) {\r\n // TotalCount might be in the first item of the array\r\n responseTotalCount = data[0].TotalCount;\r\n } else if (data.length === pageSize) {\r\n // If we got a full page, estimate there might be more\r\n // Use current loaded count + 1 as a minimum\r\n responseTotalCount = Math.max(data.length, (pageIndex * pageSize) + 1);\r\n } else {\r\n // If we got less than a full page, that's the total\r\n responseTotalCount = data.length;\r\n }\r\n \r\n // Always set total count for pagination\r\n setTotalCount(responseTotalCount);\r\n\r\n // Always replace data (pagination replaces, doesn't append)\r\n setAffiliatePassData(data);\r\n\r\n setError(null);\r\n publishSessionState({\r\n affiliatePassData: data,\r\n totalCount: responseTotalCount,\r\n error: null,\r\n page: pageIndex,\r\n rowsPerPage: pageSize,\r\n first: (pageIndex - 1) * pageSize,\r\n });\r\n }\r\n } catch (error) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n console.error('Error fetching gap details:', error);\r\n setError(error.message || \"Failed to load data. Please try again.\");\r\n setAffiliatePassData([]);\r\n setTotalCount(0);\r\n } finally {\r\n if (isMountedRef.current) {\r\n setLoading(false);\r\n }\r\n }\r\n };\r\n\r\n // Pagination handler\r\n const onPageChange = (event) => {\r\n const newPage = Math.floor(event.first / event.rows) + 1;\r\n setFirst(event.first);\r\n setRowsPerPage(event.rows);\r\n setPage(newPage);\r\n fetchGapDetails(newPage, event.rows, currentFilters).then(() => {\r\n publishSessionState({\r\n page: newPage,\r\n rowsPerPage: event.rows,\r\n first: event.first,\r\n });\r\n });\r\n \r\n // Reset scroll position\r\n const scrollEle = document.querySelector(\".p-datatable-wrapper\");\r\n if (scrollEle) {\r\n scrollEle.scrollTop = 0;\r\n }\r\n };\r\n\r\n const onFilter = (filterEvent) => {\r\n const columnFilters = filterEvent?.filters ?? filterEvent ?? {};\r\n setFilters(columnFilters);\r\n\r\n const filterWithValue = !!_.toArray(columnFilters).find((filter) =>\r\n filter?.constraints?.find(\r\n (constraint) =>\r\n constraint?.value != null && String(constraint.value).trim() !== \"\"\r\n )\r\n );\r\n setFiltersActive(filterWithValue);\r\n publishSessionState({\r\n filters: columnFilters,\r\n filtersActive: filterWithValue,\r\n });\r\n\r\n // Reset scroll position\r\n const scrollEle = document.querySelector(\".p-datatable-wrapper\");\r\n if (scrollEle) {\r\n scrollEle.scrollTop = 0;\r\n }\r\n };\r\n\r\n const buildDefaultColumnFilters = () => ({\r\n [fieldNames.invitationId]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.firstName]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.lastName]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.passType]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.status]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.event]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.affiliate]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.paymentType]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.requestedBy]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.inviterName]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.address]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.city]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.region]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.country]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.zipCode]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.headshot]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.govId]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n [fieldNames.amount]: {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n },\r\n });\r\n\r\n const resetColumnFiltersUI = () => {\r\n setFilters(buildDefaultColumnFilters());\r\n setCurrentFilters({});\r\n setPage(1);\r\n setFirst(0);\r\n setFiltersActive(false);\r\n setTotalCount(0);\r\n setAffiliatePassData([]);\r\n setError(null);\r\n };\r\n\r\n const initFilters = () => {\r\n const defaultFilters = buildDefaultColumnFilters();\r\n setFilters(defaultFilters);\r\n setFiltersActive(false);\r\n publishSessionState({\r\n filters: defaultFilters,\r\n filtersActive: false,\r\n });\r\n\r\n // Reset scroll position\r\n const scrollEle = document.querySelector(\".p-datatable-wrapper\");\r\n if (scrollEle) {\r\n scrollEle.scrollTop = 0;\r\n }\r\n };\r\n\r\n // Fetch all data for export (without pagination)\r\n const fetchAllDataForExport = async () => {\r\n const requestBody = {\r\n ...appliedFilters,\r\n ...currentFilters,\r\n };\r\n\r\n const pageSize = 1000; // Reasonable page size\r\n let allData = [];\r\n let currentPage = 1;\r\n let hasMoreData = true;\r\n\r\n // Fetch data in batches until we get all records\r\n while (hasMoreData) {\r\n const response = await apiClient\r\n .get()\r\n .reportGetGapDetailsReportByOgapreportdefinationdtoAndPageindexAndPagesize(\r\n currentPage,\r\n pageSize,\r\n requestBody\r\n );\r\n\r\n if (response && response.data) {\r\n const data = Array.isArray(response.data) ? response.data : [];\r\n \r\n if (data.length === 0) {\r\n // No more data\r\n hasMoreData = false;\r\n } else {\r\n allData = [...allData, ...data];\r\n \r\n // If we got less than a full page, we've reached the end\r\n if (data.length < pageSize) {\r\n hasMoreData = false;\r\n } else {\r\n currentPage++;\r\n }\r\n }\r\n } else {\r\n hasMoreData = false;\r\n }\r\n }\r\n\r\n return allData;\r\n };\r\n\r\n const exportToExcel = async () => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setIsExporting(true);\r\n setExportType('excel');\r\n try {\r\n // Fetch all data first\r\n const allData = await fetchAllDataForExport();\r\n\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n \r\n if (!allData || allData.length === 0) {\r\n alert(\"No data available to export.\");\r\n setIsExporting(false);\r\n setExportType(null);\r\n return;\r\n }\r\n\r\n import(\"xlsx\").then((xlsx) => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n const worksheet = xlsx.utils.json_to_sheet(allData);\r\n const workbook = { Sheets: { data: worksheet }, SheetNames: [\"data\"] };\r\n const excelBuffer = xlsx.write(workbook, {\r\n bookType: \"xlsx\",\r\n type: \"array\",\r\n });\r\n saveAsExcelFile(excelBuffer);\r\n setIsExporting(false);\r\n setExportType(null);\r\n });\r\n } catch (error) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n console.error(\"Error exporting to Excel:\", error);\r\n alert(\"Error exporting to Excel. Please try again.\");\r\n setIsExporting(false);\r\n setExportType(null);\r\n }\r\n };\r\n\r\n const saveAsExcelFile = (buffer) => {\r\n import(\"file-saver\").then((module) => {\r\n if (module && module.default) {\r\n const EXCEL_TYPE =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const EXCEL_EXTENSION = \".xlsx\";\r\n const data = new Blob([buffer], {\r\n type: EXCEL_TYPE,\r\n });\r\n const timestamp = moment().format('YYYY-MM-DD HH-mm-ss');\r\n const fileName = `Full Attendance List - Select Export Data [${timestamp}]${EXCEL_EXTENSION}`;\r\n module.default.saveAs(data, fileName);\r\n }\r\n });\r\n };\r\n\r\n const exportToCsv = async () => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setIsExporting(true);\r\n setExportType('csv');\r\n try {\r\n // Fetch all data first\r\n const allData = await fetchAllDataForExport();\r\n\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n \r\n if (!allData || allData.length === 0) {\r\n alert(\"No data available to export.\");\r\n setIsExporting(false);\r\n setExportType(null);\r\n return;\r\n }\r\n\r\n // Get column headers\r\n const headers = Object.keys(columnProps).map(key => columnProps[key].header);\r\n \r\n // Create CSV rows\r\n const csvRows = [];\r\n csvRows.push(headers.join(','));\r\n \r\n // Add data rows\r\n allData.forEach(row => {\r\n const values = Object.keys(columnProps).map(key => {\r\n const value = row[key];\r\n // Escape commas and quotes in CSV\r\n if (value === null || value === undefined) return '';\r\n const stringValue = String(value);\r\n if (stringValue.includes(',') || stringValue.includes('\"') || stringValue.includes('\\n')) {\r\n return `\"${stringValue.replace(/\"/g, '\"\"')}\"`;\r\n }\r\n return stringValue;\r\n });\r\n csvRows.push(values.join(','));\r\n });\r\n \r\n // Create CSV content\r\n const csvContent = csvRows.join('\\n');\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const timestamp = moment().format('YYYY-MM-DD HH-mm-ss');\r\n const fileName = `Full Attendance List - Select Export Data [${timestamp}].csv`;\r\n \r\n // Download the file\r\n const link = document.createElement('a');\r\n if (link.download !== undefined) {\r\n const url = URL.createObjectURL(blob);\r\n link.setAttribute('href', url);\r\n link.setAttribute('download', fileName);\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n setIsExporting(false);\r\n setExportType(null);\r\n } catch (error) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n console.error(\"Error exporting to CSV:\", error);\r\n alert(\"Error exporting to CSV. Please try again.\");\r\n setIsExporting(false);\r\n setExportType(null);\r\n }\r\n };\r\n\r\n const exportToPdf = async () => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setIsExporting(true);\r\n setExportType('pdf');\r\n try {\r\n // Fetch all data first\r\n const allData = await fetchAllDataForExport();\r\n\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n \r\n if (!allData || allData.length === 0) {\r\n alert(\"No data available to export.\");\r\n setIsExporting(false);\r\n setExportType(null);\r\n return;\r\n }\r\n\r\n import(\"jspdf\").then((jsPDF) => {\r\n import(\"jspdf-autotable\").then(() => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n const doc = new jsPDF.default(0, 0);\r\n doc.autoTable(\r\n Object.keys(columnProps).map((fieldName) => ({\r\n title: columnProps[fieldName].header,\r\n dataKey: fieldName,\r\n })),\r\n allData\r\n );\r\n const timestamp = moment().format('YYYY-MM-DD HH-mm-ss');\r\n const fileName = `Full Attendance List - Select Export Data [${timestamp}].pdf`;\r\n doc.save(fileName);\r\n setIsExporting(false);\r\n setExportType(null);\r\n });\r\n });\r\n } catch (error) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n console.error(\"Error exporting to PDF:\", error);\r\n alert(\"Error exporting to PDF. Please try again.\");\r\n setIsExporting(false);\r\n setExportType(null);\r\n }\r\n };\r\n\r\n\r\n // Error state\r\n if (error && !loading && affiliatePassData.length === 0) {\r\n return (\r\n \r\n {Array.from({ length: columns }).map((_, idx) => (\r\n
\r\n {/* Table rows skeleton */}\r\n {Array.from({ length: rows }).map((_, rowIdx) => (\r\n \r\n {Array.from({ length: columns }).map((_, colIdx) => (\r\n
\r\n ))}\r\n \r\n \r\n fetchGapDetails(1, rowsPerPage, {})}\r\n style={{ backgroundColor: '#f6cf3f' }}\r\n />\r\n
\r\n \r\n {error}\r\n
\r\n\r\n \r\n
\r\n \r\n No results match your filters.\r\n
\r\n\r\n 0 ? totalCount : affiliatePassData.length}\r\n rowsPerPageOptions={[8, 10, 20, 50, 100]}\r\n onPageChange={onPageChange}\r\n template=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown CurrentPageReport\"\r\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords}\"\r\n style={{\r\n padding: '1rem'\r\n }}\r\n />\r\n
\r\n )}\r\n \r\n Exporting {exportType === 'excel' ? 'Excel' : exportType === 'csv' ? 'CSV' : exportType === 'pdf' ? 'PDF' : ''} Report...\r\n
\r\n\r\n Please wait while we generate your report\r\n
\r\n \r\n \r\n )}\r\n{value}
\r\n);\r\n\r\nconst AllocationCellValue = ({ data }) => (\r\n \r\n {data.isUnlimited ? \"Unlimited\" : data.allocation.toLocaleString(\"en-us\")}\r\n
\r\n);\r\n\r\nconst RemainingAllocationCellValue = ({ data }) => (\r\n \r\n
\r\n);\r\n\r\nconst ExportMenu = ({ exportToExcel, exportToCsv, exportToPdf, showSpinner }) => {\r\n const menu = useRef(null);\r\n const items = [\r\n {\r\n label: \"To Excel\",\r\n icon: \"pi pi-file-excel\",\r\n command: () => {\r\n exportToExcel();\r\n },\r\n },\r\n {\r\n label: showSpinner ? \"Exporting CSV...\" : \"To CSV\",\r\n icon: showSpinner ? \"pi pi-spin pi-spinner\" : \"pi pi-file\",\r\n disabled: showSpinner,\r\n command: () => {\r\n if (!showSpinner) {\r\n exportToCsv();\r\n }\r\n },\r\n },\r\n {\r\n label: \"To PDF\",\r\n icon: \"pi pi-file-pdf\",\r\n command: () => {\r\n exportToPdf();\r\n },\r\n },\r\n ];\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import moment from \"moment\";\r\nimport {\r\n BREAKDOWN_PAYMENT_TYPES,\r\n DATE_RANGE_PRESETS,\r\n FINANCIAL_SUMMARY_NAMES,\r\n FINANCIAL_SUMMARY_TYPES,\r\n PAYMENT_STATUS_OPTIONS,\r\n PAYMENT_TYPE_IDS,\r\n} from \"./constants\";\r\n\r\nconst normalizeKey = (value) =>\r\n String(value || \"\")\r\n .toLowerCase()\r\n .trim()\r\n .replace(/[\\s_-]+/g, \" \");\r\n\r\nconst normalizeCompact = (value) =>\r\n String(value || \"\")\r\n .toLowerCase()\r\n .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst normalizePaymentTypeLabel = (label) =>\r\n String(label || \"\")\r\n .toLowerCase()\r\n .replace(/[\\s-_]/g, \"\");\r\n\r\n/** Sort MultiSelect options A→Z by display name (case-insensitive).\r\n * Optional `pinNames` stay at the top (e.g. NASCAR in Sanctioning Body). */\r\nexport const sortFilterOptionsByName = (options = [], { pinNames = [] } = {}) => {\r\n const pinned = new Set(\r\n (pinNames || []).map((name) => String(name).trim().toLowerCase())\r\n );\r\n return [...(options || [])].sort((a, b) => {\r\n const aName = String(a?.name ?? a?.label ?? \"\");\r\n const bName = String(b?.name ?? b?.label ?? \"\");\r\n const aPinned = pinned.has(aName.trim().toLowerCase());\r\n const bPinned = pinned.has(bName.trim().toLowerCase());\r\n if (aPinned !== bPinned) {\r\n return aPinned ? -1 : 1;\r\n }\r\n return aName.localeCompare(bName, undefined, { sensitivity: \"base\" });\r\n });\r\n};\r\n\r\n/** Sanctioning Body: A→Z with NASCAR always first. */\r\nexport const sortSanctioningBodyOptions = (options = []) =>\r\n sortFilterOptionsByName(options, { pinNames: [\"NASCAR\"] });\r\n\r\n/** Whole-number counts for KPI tiles (thousands separators). */\r\nexport const formatCount = (value) => {\r\n const n = Number(value);\r\n if (!Number.isFinite(n)) {\r\n return \"0\";\r\n }\r\n return Math.round(n).toLocaleString(\"en-US\");\r\n};\r\n\r\nexport const isSelfPayLabel = (label) => {\r\n const n = normalizePaymentTypeLabel(label);\r\n return n === \"selfpay\" || n.includes(\"selfpay\");\r\n};\r\n\r\nexport const isBillAffiliateLabel = (label) => {\r\n const n = normalizePaymentTypeLabel(label);\r\n return n === \"billaffiliate\" || n.includes(\"billaffiliate\");\r\n};\r\n\r\nexport const isComplimentaryLabel = (label) => {\r\n const n = normalizePaymentTypeLabel(label);\r\n return n === \"complimentary\" || n.includes(\"complimentary\");\r\n};\r\n\r\nexport const findSummaryValue = (rows, typeMatcher, nameMatcher = null) => {\r\n if (!Array.isArray(rows) || rows.length === 0) {\r\n return 0;\r\n }\r\n const item = rows.find((row) => {\r\n if (!row?.Type) {\r\n return false;\r\n }\r\n const type = normalizeKey(row.Type);\r\n const typeMatch =\r\n typeof typeMatcher === \"function\"\r\n ? typeMatcher(type)\r\n : type === normalizeKey(typeMatcher) ||\r\n type.includes(normalizeKey(typeMatcher));\r\n if (!typeMatch) {\r\n return false;\r\n }\r\n if (!nameMatcher) {\r\n return true;\r\n }\r\n const name = row.Name || \"\";\r\n if (typeof nameMatcher === \"function\") {\r\n return nameMatcher(normalizeKey(name), name);\r\n }\r\n return (\r\n normalizeCompact(name) === normalizeCompact(nameMatcher) ||\r\n normalizeKey(name).includes(normalizeKey(nameMatcher))\r\n );\r\n });\r\n return parseFloat(item?.Value) || 0;\r\n};\r\n\r\nconst findSummaryRow = (rows, summaryName) =>\r\n (rows || []).find(\r\n (row) =>\r\n normalizeKey(row?.Type) === FINANCIAL_SUMMARY_TYPES.SUMMARY &&\r\n normalizeCompact(row?.Name) === normalizeCompact(summaryName)\r\n );\r\n\r\n/** KPI helpers — Type \"Summary\" + exact Name (e.g. TotalSelfPayCollected). */\r\nexport const getNamedSummaryValue = (rows, summaryName) => {\r\n const row = findSummaryRow(rows, summaryName);\r\n if (!row) {\r\n return null;\r\n }\r\n return parseFloat(row.Value) || 0;\r\n};\r\n\r\nexport const getSelfPayCollected = (rows) => {\r\n const direct = getNamedSummaryValue(\r\n rows,\r\n FINANCIAL_SUMMARY_NAMES.TOTAL_SELF_PAY_COLLECTED\r\n );\r\n if (direct != null) {\r\n return direct;\r\n }\r\n return findSummaryValue(\r\n rows,\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COLLECTED,\r\n isSelfPayLabel\r\n );\r\n};\r\n\r\nexport const getSelfPayOutstanding = (rows) => {\r\n const direct = getNamedSummaryValue(\r\n rows,\r\n FINANCIAL_SUMMARY_NAMES.TOTAL_SELF_PAY_OUTSTANDING\r\n );\r\n if (direct != null) {\r\n return direct;\r\n }\r\n return findSummaryValue(\r\n rows,\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_OUTSTANDING,\r\n isSelfPayLabel\r\n );\r\n};\r\n\r\nexport const getBillAffiliateTotal = (rows) => {\r\n const direct = getNamedSummaryValue(\r\n rows,\r\n FINANCIAL_SUMMARY_NAMES.TOTAL_BILLED_BY_AFFILIATE\r\n );\r\n if (direct != null) {\r\n return direct;\r\n }\r\n return findSummaryValue(\r\n rows,\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COST,\r\n isBillAffiliateLabel\r\n );\r\n};\r\n\r\nconst hasNamedSummaryRow = (rows, summaryName) =>\r\n Boolean(findSummaryRow(rows, summaryName));\r\n\r\nconst rowsByType = (rows, typeKey) =>\r\n (rows || []).filter((item) => normalizeKey(item?.Type) === typeKey);\r\n\r\nconst hasPaymentTypeNamedRows = (rows, nameMatcher) => {\r\n const paymentTypeKeys = [\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE,\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COST,\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COLLECTED,\r\n FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_OUTSTANDING,\r\n ];\r\n return (rows || []).some((row) => {\r\n const type = normalizeKey(row?.Type);\r\n if (!paymentTypeKeys.includes(type)) {\r\n return false;\r\n }\r\n return nameMatcher(row?.Name);\r\n });\r\n};\r\n\r\n/**\r\n * True when Self-Pay has non-zero totals.\r\n * Missing rows or $0 collected + outstanding → hide the Self-Pay panel.\r\n */\r\nexport const hasSelfPaySummaryData = (rows) => {\r\n if (!rows?.length) {\r\n return false;\r\n }\r\n const collected = getSelfPayCollected(rows);\r\n const outstanding = getSelfPayOutstanding(rows);\r\n if (collected > 0 || outstanding > 0) {\r\n return true;\r\n }\r\n // Non-zero dedicated / payment-type Self-Pay rows (breakdown amounts)\r\n const amountRows = [\r\n ...rowsByType(rows, FINANCIAL_SUMMARY_TYPES.SELF_PAY_COST),\r\n ...rowsByType(rows, FINANCIAL_SUMMARY_TYPES.SELF_PAY_COLLECTED),\r\n ...rowsByType(rows, FINANCIAL_SUMMARY_TYPES.SELF_PAY_COUNT),\r\n ];\r\n if (amountRows.some((row) => Math.abs(parseFloat(row?.Value) || 0) > 0)) {\r\n return true;\r\n }\r\n return (rows || []).some((row) => {\r\n const type = normalizeKey(row?.Type);\r\n const isAmountType =\r\n type === FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COST ||\r\n type === FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COLLECTED ||\r\n type === FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_OUTSTANDING ||\r\n type === FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE;\r\n return (\r\n isAmountType &&\r\n isSelfPayLabel(row?.Name) &&\r\n Math.abs(parseFloat(row?.Value) || 0) > 0\r\n );\r\n });\r\n};\r\n\r\n/** True when Bill Affiliate has non-zero totals or pass counts in the summary. */\r\nexport const hasBillAffiliateSummaryData = (rows) => {\r\n if (!rows?.length) {\r\n return false;\r\n }\r\n const total = getBillAffiliateTotal(rows);\r\n if (total > 0) {\r\n return true;\r\n }\r\n const amountRows = [\r\n ...rowsByType(rows, FINANCIAL_SUMMARY_TYPES.BILL_AFFILIATE_COST),\r\n ...rowsByType(rows, FINANCIAL_SUMMARY_TYPES.BILL_AFFILIATE_COUNT),\r\n ];\r\n if (amountRows.some((row) => Math.abs(parseFloat(row?.Value) || 0) > 0)) {\r\n return true;\r\n }\r\n return (rows || []).some((row) => {\r\n const type = normalizeKey(row?.Type);\r\n const isAmountType =\r\n type === FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COST ||\r\n type === FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE;\r\n return (\r\n isAmountType &&\r\n isBillAffiliateLabel(row?.Name) &&\r\n Math.abs(parseFloat(row?.Value) || 0) > 0\r\n );\r\n });\r\n};\r\n\r\n/** True when summary includes Complimentary metrics (even at $0). */\r\nexport const hasComplimentarySummaryData = (rows) => {\r\n if (!rows?.length) {\r\n return false;\r\n }\r\n if (\r\n hasNamedSummaryRow(\r\n rows,\r\n FINANCIAL_SUMMARY_NAMES.TOTAL_COMPLIMENTARY_COUNT\r\n ) ||\r\n hasNamedSummaryRow(\r\n rows,\r\n FINANCIAL_SUMMARY_NAMES.TOTAL_COMPLIMENTARY_THEORETICAL\r\n )\r\n ) {\r\n return true;\r\n }\r\n if (\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.COMPLIMENTARY_COUNT).length > 0 ||\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.COMPLIMENTARY_COST).length > 0\r\n ) {\r\n return true;\r\n }\r\n return hasPaymentTypeNamedRows(rows, isComplimentaryLabel);\r\n};\r\n\r\n/**\r\n * Whether a payment-type panel should show for the current summary.\r\n * Catalog membership alone is not enough — SB may not use that type.\r\n */\r\nexport const isPaymentTypePanelVisible = (\r\n rows,\r\n paymentTypeId,\r\n paymentTypeOptions\r\n) => {\r\n if (\r\n paymentTypeOptions?.length &&\r\n !isPaymentTypeAvailable(paymentTypeOptions, paymentTypeId)\r\n ) {\r\n return false;\r\n }\r\n const id = Number(paymentTypeId);\r\n if (id === Number(PAYMENT_TYPE_IDS.SELF_PAY)) {\r\n return hasSelfPaySummaryData(rows);\r\n }\r\n if (id === Number(PAYMENT_TYPE_IDS.BILL_AFFILIATE)) {\r\n return hasBillAffiliateSummaryData(rows);\r\n }\r\n if (id === Number(PAYMENT_TYPE_IDS.COMPLIMENTARY)) {\r\n return hasComplimentarySummaryData(rows);\r\n }\r\n return false;\r\n};\r\n\r\nconst buildBreakdownFromCountAndCost = (countRows, costRows) => {\r\n const byPassType = new Map();\r\n\r\n countRows.forEach((item) => {\r\n const passType = item.Name || \"Unknown\";\r\n const existing = byPassType.get(passType) || {\r\n passType,\r\n passCount: 0,\r\n amount: 0,\r\n };\r\n existing.passCount += parseFloat(item.Value) || 0;\r\n byPassType.set(passType, existing);\r\n });\r\n\r\n costRows.forEach((item) => {\r\n const passType = item.Name || \"Unknown\";\r\n const existing = byPassType.get(passType) || {\r\n passType,\r\n passCount: 0,\r\n amount: 0,\r\n };\r\n existing.amount += parseFloat(item.Value) || 0;\r\n byPassType.set(passType, existing);\r\n });\r\n\r\n return Array.from(byPassType.values())\r\n .map((item) => ({\r\n passType: item.passType,\r\n passCount: item.passCount,\r\n revenueLost: item.amount,\r\n amount: item.amount,\r\n }))\r\n .filter((item) => item.passCount > 0 || item.amount > 0)\r\n .sort((a, b) => a.passType.localeCompare(b.passType));\r\n};\r\n\r\nconst buildAggregatePaymentTypeBreakdown = (\r\n rows,\r\n paymentTypeMatcher,\r\n fallbackLabel,\r\n { countType, amountType }\r\n) => {\r\n const count = findSummaryValue(rows, countType, paymentTypeMatcher);\r\n const amount = findSummaryValue(rows, amountType, paymentTypeMatcher);\r\n if (!count && !amount) {\r\n return [];\r\n }\r\n return [\r\n {\r\n passType: fallbackLabel,\r\n passCount: count,\r\n revenueLost: amount,\r\n amount,\r\n },\r\n ];\r\n};\r\n\r\n/** Pass-type breakdown for Complimentary, Self Pay, or Bill Affiliate. */\r\nexport const getPassBreakdownByPaymentType = (\r\n rows,\r\n breakdownType = BREAKDOWN_PAYMENT_TYPES.COMPLIMENTARY\r\n) => {\r\n if (breakdownType === BREAKDOWN_PAYMENT_TYPES.COMPLIMENTARY) {\r\n const complimentary = buildBreakdownFromCountAndCost(\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.COMPLIMENTARY_COUNT),\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.COMPLIMENTARY_COST)\r\n );\r\n if (complimentary.length) {\r\n return complimentary;\r\n }\r\n return buildAggregatePaymentTypeBreakdown(\r\n rows,\r\n isComplimentaryLabel,\r\n \"Complimentary\",\r\n {\r\n countType: FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE,\r\n amountType: FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COST,\r\n }\r\n );\r\n }\r\n\r\n if (breakdownType === BREAKDOWN_PAYMENT_TYPES.SELF_PAY) {\r\n // Dedicated Self Pay per-pass rows (mirrors Complimentary Count/Cost).\r\n const dedicated = buildBreakdownFromCountAndCost(\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.SELF_PAY_COUNT),\r\n preferAmountRows(\r\n rows,\r\n FINANCIAL_SUMMARY_TYPES.SELF_PAY_COLLECTED,\r\n FINANCIAL_SUMMARY_TYPES.SELF_PAY_COST\r\n )\r\n );\r\n if (dedicated.length) {\r\n return dedicated;\r\n }\r\n\r\n return buildAggregatePaymentTypeBreakdown(\r\n rows,\r\n isSelfPayLabel,\r\n \"Self Pay\",\r\n {\r\n countType: FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE,\r\n amountType: FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COLLECTED,\r\n }\r\n );\r\n }\r\n\r\n if (breakdownType === BREAKDOWN_PAYMENT_TYPES.BILL_AFFILIATE) {\r\n const dedicated = buildBreakdownFromCountAndCost(\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.BILL_AFFILIATE_COUNT),\r\n rowsByType(rows, FINANCIAL_SUMMARY_TYPES.BILL_AFFILIATE_COST)\r\n );\r\n if (dedicated.length) {\r\n return dedicated;\r\n }\r\n\r\n return buildAggregatePaymentTypeBreakdown(\r\n rows,\r\n isBillAffiliateLabel,\r\n \"Bill Affiliate\",\r\n {\r\n countType: FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE,\r\n amountType: FINANCIAL_SUMMARY_TYPES.PAYMENT_TYPE_COST,\r\n }\r\n );\r\n }\r\n\r\n return [];\r\n};\r\n\r\n/** Prefer collected amounts when present; otherwise use cost rows. */\r\nconst preferAmountRows = (rows, preferredType, fallbackType) => {\r\n const preferred = rowsByType(rows, preferredType);\r\n if (preferred.length) {\r\n return preferred;\r\n }\r\n return rowsByType(rows, fallbackType);\r\n};\r\n\r\n/** @deprecated Prefer getPassBreakdownByPaymentType */\r\nexport const getComplimentaryBreakdown = (rows) =>\r\n getPassBreakdownByPaymentType(rows, BREAKDOWN_PAYMENT_TYPES.COMPLIMENTARY);\r\n\r\nconst isRevenueTrendTotalName = (name) => {\r\n const compact = normalizeCompact(name);\r\n return compact === \"total\" || compact === \"grandtotal\" || compact === \"sum\";\r\n};\r\n\r\nconst parseRevenueTrendMoment = (name) => {\r\n const raw = String(name || \"\").trim();\r\n if (!raw || isRevenueTrendTotalName(raw)) {\r\n return null;\r\n }\r\n const iso = moment(raw, moment.ISO_8601, true);\r\n if (iso.isValid()) {\r\n return iso;\r\n }\r\n // API may send bucket labels like \"Feb 2\" / \"Jun 9\"\r\n const loose = moment(\r\n raw,\r\n [\"MMM D\", \"MMM D, YYYY\", \"MMMM D\", \"MMMM D, YYYY\", \"M/D/YYYY\", \"MM/DD/YYYY\"],\r\n true\r\n );\r\n return loose.isValid() ? loose : null;\r\n};\r\n\r\n/** Max bars on the revenue trend chart; denser series are combined into ranges. */\r\nexport const REVENUE_TREND_MAX_BARS = 16;\r\n\r\nconst formatRevenueTrendRangeLabel = (fromDate, toDate) => {\r\n const from = moment(fromDate);\r\n const to = moment(toDate);\r\n if (!from.isValid() || !to.isValid()) {\r\n return fromDate || \"\";\r\n }\r\n if (from.isSame(to, \"day\")) {\r\n return from.format(\"MMM D\");\r\n }\r\n return `${from.format(\"MMM D\")}-${to.format(\"MMM D\")}`;\r\n};\r\n\r\n/**\r\n * Split daily points into at most `maxBars` range buckets (evenly distributed).\r\n * e.g. 100 days → 16 bars of ~6 days each; labels like \"Feb 2-Feb 7\".\r\n */\r\nconst bucketRevenueTrendDailyPoints = (\r\n dailyPoints = [],\r\n maxBars = REVENUE_TREND_MAX_BARS\r\n) => {\r\n if (!dailyPoints.length) {\r\n return [];\r\n }\r\n\r\n if (dailyPoints.length <= maxBars) {\r\n return dailyPoints.map((point) => ({\r\n ...point,\r\n label:\r\n point.label ||\r\n formatRevenueTrendRangeLabel(point.fromDate, point.toDate),\r\n }));\r\n }\r\n\r\n const n = dailyPoints.length;\r\n const bucketCount = maxBars;\r\n const buckets = [];\r\n\r\n for (let i = 0; i < bucketCount; i += 1) {\r\n const start = Math.floor((i * n) / bucketCount);\r\n const end = Math.floor(((i + 1) * n) / bucketCount);\r\n const chunk = dailyPoints.slice(start, end);\r\n if (!chunk.length) {\r\n continue;\r\n }\r\n const first = chunk[0];\r\n const last = chunk[chunk.length - 1];\r\n buckets.push({\r\n fromDate: first.fromDate,\r\n toDate: last.toDate,\r\n label: formatRevenueTrendRangeLabel(first.fromDate, last.toDate),\r\n value: chunk.reduce((sum, point) => sum + (point.value || 0), 0),\r\n });\r\n }\r\n\r\n // Drop any bucket that still has no revenue (no bar / empty label).\r\n return buckets.filter((bucket) => (bucket.value || 0) !== 0);\r\n};\r\n\r\nexport const getRevenueTrendData = (rows) => {\r\n const trendItems = rowsByType(rows, FINANCIAL_SUMMARY_TYPES.REVENUE_TREND);\r\n\r\n if (trendItems.length === 0) {\r\n return { labels: [], values: [], points: [] };\r\n }\r\n\r\n // Exclude TOTAL/summary buckets — they collide with date ticks on the x-axis.\r\n const datedItems = trendItems\r\n .map((item) => ({\r\n item,\r\n when: parseRevenueTrendMoment(item.Name),\r\n }))\r\n .filter(({ when, item }) => when || !isRevenueTrendTotalName(item.Name));\r\n\r\n const withDates = datedItems.filter(({ when }) => when);\r\n const withoutDates = datedItems.filter(({ when }) => !when);\r\n\r\n withDates.sort((a, b) => a.when.valueOf() - b.when.valueOf());\r\n\r\n const sorted = [\r\n ...withDates.map(({ item, when }) => ({ item, when })),\r\n // Keep non-total, non-date labels (e.g. \"Today\") after chronological buckets\r\n ...withoutDates.map(({ item, when }) => ({ item, when })),\r\n ];\r\n\r\n if (sorted.length === 0) {\r\n return { labels: [], values: [], points: [] };\r\n }\r\n\r\n const resolvePointDate = (item, when) => {\r\n if (when) {\r\n return when.format(\"YYYY-MM-DD\");\r\n }\r\n if (normalizeCompact(item.Name) === \"today\") {\r\n return moment().format(\"YYYY-MM-DD\");\r\n }\r\n return null;\r\n };\r\n\r\n // Omit $0 days so empty ranges (no bar) are not shown on the chart.\r\n // Then combine remaining days into at most REVENUE_TREND_MAX_BARS buckets.\r\n const dailyPoints = sorted\r\n .map(({ item, when }) => {\r\n const value = parseFloat(item.Value) || 0;\r\n if (value === 0) {\r\n return null;\r\n }\r\n const date = resolvePointDate(item, when);\r\n if (!date) {\r\n return null;\r\n }\r\n return {\r\n fromDate: date,\r\n toDate: date,\r\n label: when ? when.format(\"MMM D\") : item.Name || \"\",\r\n value,\r\n };\r\n })\r\n .filter(Boolean);\r\n\r\n if (dailyPoints.length === 0) {\r\n return { labels: [], values: [], points: [] };\r\n }\r\n\r\n const buckets = bucketRevenueTrendDailyPoints(dailyPoints);\r\n\r\n return {\r\n labels: buckets.map((bucket) => bucket.label),\r\n values: buckets.map((bucket) => bucket.value),\r\n points: buckets.map((bucket) => ({\r\n fromDate: bucket.fromDate,\r\n toDate: bucket.toDate,\r\n label: bucket.label,\r\n })),\r\n };\r\n};\r\n\r\nexport const formatCurrency = (value) => {\r\n const n = parseFloat(value) || 0;\r\n if (!Number.isFinite(n)) {\r\n return \"$0\";\r\n }\r\n return `$${n.toLocaleString(\"en-US\", { maximumFractionDigits: 2 })}`;\r\n};\r\n\r\nexport const resolveDateRange = ({\r\n dateRangePreset,\r\n customStartDate,\r\n customEndDate,\r\n}) => {\r\n const end = moment().endOf(\"day\");\r\n let start = moment().subtract(30, \"days\").startOf(\"day\");\r\n\r\n switch (dateRangePreset) {\r\n case DATE_RANGE_PRESETS.LAST_60_DAYS:\r\n start = moment().subtract(60, \"days\").startOf(\"day\");\r\n break;\r\n case DATE_RANGE_PRESETS.LAST_90_DAYS:\r\n start = moment().subtract(90, \"days\").startOf(\"day\");\r\n break;\r\n case DATE_RANGE_PRESETS.SEASON:\r\n start = moment().startOf(\"year\");\r\n break;\r\n case DATE_RANGE_PRESETS.CUSTOM:\r\n if (customStartDate && customEndDate) {\r\n return {\r\n fromDate: moment(customStartDate).format(\"YYYY-MM-DD\"),\r\n toDate: moment(customEndDate).format(\"YYYY-MM-DD\"),\r\n };\r\n }\r\n break;\r\n case DATE_RANGE_PRESETS.LAST_30_DAYS:\r\n default:\r\n start = moment().subtract(30, \"days\").startOf(\"day\");\r\n break;\r\n }\r\n\r\n return {\r\n fromDate: start.format(\"YYYY-MM-DD\"),\r\n toDate: end.format(\"YYYY-MM-DD\"),\r\n };\r\n};\r\n\r\nexport const areAllOptionsSelected = (selectedItems, allOptions) => {\r\n if (!allOptions?.length) {\r\n return false;\r\n }\r\n if (!selectedItems?.length || selectedItems.length !== allOptions.length) {\r\n return false;\r\n }\r\n return allOptions.every((option) =>\r\n selectedItems.some(\r\n (selected) => String(selected) === String(option.value)\r\n )\r\n );\r\n};\r\n\r\nexport const buildFinancialFilterPayload = ({\r\n selectedEvents,\r\n eventsOptions,\r\n selectedSanctioningBodies,\r\n sanctioningBodyOptions,\r\n selectedEventTypes,\r\n eventTypeOptions,\r\n selectedAffiliateTypes,\r\n affiliateTypeOptions,\r\n selectedAffiliates,\r\n affiliateOptions,\r\n selectedPassTypes,\r\n passTypeOptions,\r\n selectedSpecialOptions,\r\n specialOptions,\r\n selectedParkingOptions,\r\n parkingOptions,\r\n selectedPaymentTypes,\r\n paymentTypeOptions,\r\n selectedPaymentStatuses,\r\n paymentStatusOptions,\r\n selectedPaymentMethods,\r\n paymentMethodOptions,\r\n dateRangePreset,\r\n customStartDate,\r\n customEndDate,\r\n overrides = {},\r\n}) => {\r\n const payload = {};\r\n const { fromDate, toDate } = resolveDateRange({\r\n dateRangePreset,\r\n customStartDate,\r\n customEndDate,\r\n });\r\n\r\n if (overrides.fromDate !== undefined) {\r\n payload.fromDate = overrides.fromDate;\r\n } else if (overrides.startDate !== undefined) {\r\n payload.fromDate = overrides.startDate;\r\n } else {\r\n payload.fromDate = fromDate;\r\n }\r\n\r\n if (overrides.toDate !== undefined) {\r\n payload.toDate = overrides.toDate;\r\n } else if (overrides.endDate !== undefined) {\r\n payload.toDate = overrides.endDate;\r\n } else {\r\n payload.toDate = toDate;\r\n }\r\n\r\n const includeIfNotAll = (key, selected, options) => {\r\n if (overrides[key] !== undefined) {\r\n payload[key] = overrides[key];\r\n return;\r\n }\r\n // Match attendance: omit only when truly all selected; send [] when cleared.\r\n if (!areAllOptionsSelected(selected, options)) {\r\n payload[key] = selected || [];\r\n }\r\n };\r\n\r\n if (overrides.events !== undefined) {\r\n payload.events = overrides.events;\r\n } else if (selectedEvents?.length && eventsOptions?.length) {\r\n const allEventsSelected =\r\n selectedEvents.length === eventsOptions.length &&\r\n eventsOptions.every((option) =>\r\n selectedEvents.some(\r\n (event) => String(event?.id ?? event?.Id) === String(option?.id ?? option?.Id)\r\n )\r\n );\r\n if (!allEventsSelected) {\r\n payload.events = selectedEvents.map((event) => event.id ?? event.Id);\r\n }\r\n } else if (Array.isArray(selectedEvents) && selectedEvents.length === 0) {\r\n payload.events = [];\r\n }\r\n\r\n includeIfNotAll(\r\n \"sanctioningBodies\",\r\n selectedSanctioningBodies,\r\n sanctioningBodyOptions\r\n );\r\n includeIfNotAll(\"eventTypes\", selectedEventTypes, eventTypeOptions);\r\n includeIfNotAll(\"affiliateTypes\", selectedAffiliateTypes, affiliateTypeOptions);\r\n includeIfNotAll(\"affiliates\", selectedAffiliates, affiliateOptions);\r\n includeIfNotAll(\"passTypes\", selectedPassTypes, passTypeOptions);\r\n includeIfNotAll(\"specialOptions\", selectedSpecialOptions, specialOptions);\r\n includeIfNotAll(\"parkingOptions\", selectedParkingOptions, parkingOptions);\r\n includeIfNotAll(\"paymentTypes\", selectedPaymentTypes, paymentTypeOptions);\r\n includeIfNotAll(\r\n \"paymentStatuses\",\r\n selectedPaymentStatuses,\r\n paymentStatusOptions\r\n );\r\n includeIfNotAll(\r\n \"paymentMethods\",\r\n selectedPaymentMethods,\r\n paymentMethodOptions\r\n );\r\n\r\n return payload;\r\n};\r\n\r\nconst resolvePaymentStatusLabel = (status) => {\r\n if (typeof status === \"string\" && Number.isNaN(Number(status))) {\r\n return status;\r\n }\r\n const match = PAYMENT_STATUS_OPTIONS.find(\r\n (option) => Number(option.value) === Number(status)\r\n );\r\n return match?.name || String(status);\r\n};\r\n\r\n/**\r\n * Maps financial filter / summary payload into GAPPaymentReportDefinationDTO\r\n * (gappaymentdetails, gappaymentsummary, gappaymentdetailscsv).\r\n */\r\nexport const toGapPaymentDetailsRequestBody = (filters = {}) => {\r\n const {\r\n startDate,\r\n endDate,\r\n fromDate,\r\n toDate,\r\n paymentMethods,\r\n paymentStatuses,\r\n paymentCodes,\r\n IdentityNumber,\r\n identityNumber,\r\n includeIdentityNumber,\r\n includeLast4,\r\n ...rest\r\n } = filters || {};\r\n\r\n const body = { ...rest };\r\n\r\n const resolvedFrom = fromDate ?? startDate;\r\n const resolvedTo = toDate ?? endDate;\r\n if (resolvedFrom) {\r\n body.fromDate = resolvedFrom;\r\n }\r\n if (resolvedTo) {\r\n body.toDate = resolvedTo;\r\n }\r\n\r\n if (paymentCodes !== undefined) {\r\n body.paymentCodes = paymentCodes;\r\n } else if (paymentMethods?.length) {\r\n body.paymentCodes = paymentMethods;\r\n }\r\n\r\n if (paymentStatuses?.length) {\r\n body.paymentStatuses = paymentStatuses.map(resolvePaymentStatusLabel);\r\n }\r\n\r\n const last4 = IdentityNumber ?? identityNumber;\r\n if (last4 != null && String(last4).trim() !== \"\") {\r\n body.IdentityNumber = String(last4).trim();\r\n }\r\n\r\n if (includeIdentityNumber !== undefined) {\r\n body.includeIdentityNumber = Boolean(includeIdentityNumber);\r\n } else if (includeLast4 !== undefined) {\r\n body.includeIdentityNumber = Boolean(includeLast4);\r\n }\r\n\r\n return body;\r\n};\r\n\r\nexport const isPaymentTypeAvailable = (paymentTypeOptions, paymentTypeId) =>\r\n (paymentTypeOptions || []).some(\r\n (option) => Number(option.value) === Number(paymentTypeId)\r\n );\r\n\r\n/** Payment types included when drilling from revenue trend with \"All\" selected. */\r\nexport const REVENUE_TREND_DRILL_DOWN_PAYMENT_TYPE_IDS = [\r\n PAYMENT_TYPE_IDS.SELF_PAY,\r\n PAYMENT_TYPE_IDS.BILL_AFFILIATE,\r\n];\r\n\r\nexport const resolveRevenueTrendDrillDownPaymentTypes = ({\r\n filters = {},\r\n selectedPaymentTypes,\r\n paymentTypeOptions,\r\n}) => {\r\n if (Array.isArray(filters.paymentTypes)) {\r\n return filters.paymentTypes;\r\n }\r\n\r\n const allPaymentTypesSelected =\r\n areAllOptionsSelected(selectedPaymentTypes, paymentTypeOptions) ||\r\n !selectedPaymentTypes?.length;\r\n\r\n if (!allPaymentTypesSelected) {\r\n return selectedPaymentTypes || [];\r\n }\r\n\r\n const revenuePaymentTypes = REVENUE_TREND_DRILL_DOWN_PAYMENT_TYPE_IDS.filter(\r\n (paymentTypeId) => isPaymentTypeAvailable(paymentTypeOptions, paymentTypeId)\r\n );\r\n\r\n return revenuePaymentTypes.length > 0 ? revenuePaymentTypes : undefined;\r\n};\r\n\r\nexport const mapDrillDownToFinancialFilters = (drillDown) => {\r\n if (!drillDown) {\r\n return {};\r\n }\r\n const overrides = {};\r\n if (drillDown.paymentTypeId != null) {\r\n overrides.paymentTypes = [drillDown.paymentTypeId];\r\n }\r\n if (drillDown.passTypeId != null) {\r\n overrides.passTypes = [drillDown.passTypeId];\r\n }\r\n if (drillDown.fromDate || drillDown.startDate) {\r\n overrides.fromDate = drillDown.fromDate || drillDown.startDate;\r\n }\r\n if (drillDown.toDate || drillDown.endDate) {\r\n overrides.toDate = drillDown.toDate || drillDown.endDate;\r\n }\r\n return overrides;\r\n};\r\n\r\nexport const resolvePaymentTypeIdFromLabel = (label, paymentTypeOptions) => {\r\n if (!label || !paymentTypeOptions?.length) {\r\n return null;\r\n }\r\n const match = paymentTypeOptions.find(\r\n (option) =>\r\n option.name &&\r\n option.name.toLowerCase().trim() === label.toLowerCase().trim()\r\n );\r\n if (match) {\r\n return match.value;\r\n }\r\n if (isSelfPayLabel(label)) {\r\n return PAYMENT_TYPE_IDS.SELF_PAY;\r\n }\r\n if (isBillAffiliateLabel(label)) {\r\n return PAYMENT_TYPE_IDS.BILL_AFFILIATE;\r\n }\r\n if (isComplimentaryLabel(label)) {\r\n return PAYMENT_TYPE_IDS.COMPLIMENTARY;\r\n }\r\n return null;\r\n};\r\n\r\n/** Payment types have no IsActive field — match attendance summary mapping. */\r\nexport const mapPaymentTypeOptions = (items = []) =>\r\n sortFilterOptionsByName(\r\n items.map((item) => ({\r\n name: item.Name || item.DisplayName || item.name || \"Unknown\",\r\n value: item.Id ?? item.id,\r\n }))\r\n );\r\n\r\nexport const areAllFilterValuesSelected = (selected, options) =>\r\n areAllOptionsSelected(selected, options);\r\n\r\nexport const getMultiSelectSelectedLabel = (selected, options) => {\r\n if (!options?.length || !selected?.length) {\r\n return undefined;\r\n }\r\n return areAllOptionsSelected(selected, options) ? \"ALL\" : undefined;\r\n};\r\n\r\nexport const getEventMultiSelectSelectedLabel = (selectedEvents, eventOptions) => {\r\n if (!eventOptions?.length || !selectedEvents?.length) {\r\n return undefined;\r\n }\r\n if (selectedEvents.length !== eventOptions.length) {\r\n return undefined;\r\n }\r\n const allSelected = eventOptions.every((option) =>\r\n selectedEvents.some(\r\n (event) => String(event?.id ?? event?.Id) === String(option?.id ?? option?.Id)\r\n )\r\n );\r\n return allSelected ? \"ALL\" : undefined;\r\n};\r\n\r\nconst filterValuesMatch = (selectedValues, optionValue) =>\r\n Array.isArray(selectedValues) &&\r\n selectedValues.some((value) => String(value) === String(optionValue));\r\n\r\nexport const getEventTypeSanctioningBodyId = (eventType) =>\r\n eventType?.SanctioningBody_Id ??\r\n eventType?.sanctioningBody_Id ??\r\n eventType?.SanctioningBodyId ??\r\n eventType?.sanctioningBodyId ??\r\n null;\r\n\r\nconst getEventTypeEffectiveStart = (eventType) =>\r\n eventType?.EffectiveStartTime ?? eventType?.effectiveStartTime ?? null;\r\n\r\nconst getEventTypeEffectiveEnd = (eventType) =>\r\n eventType?.EffectiveEndTime ?? eventType?.effectiveEndTime ?? null;\r\n\r\nconst isEventTypeValidForYear = (eventType, year) => {\r\n const yearNumber = Number(year);\r\n if (!Number.isFinite(yearNumber)) {\r\n return true;\r\n }\r\n const yearStart = moment({ year: yearNumber, month: 0, day: 1 }).startOf(\"day\");\r\n const yearEnd = moment({ year: yearNumber, month: 11, day: 31 }).endOf(\"day\");\r\n\r\n const effectiveEndRaw = getEventTypeEffectiveEnd(eventType);\r\n if (effectiveEndRaw) {\r\n const effectiveEnd = moment(effectiveEndRaw).parseZone().endOf(\"day\");\r\n if (effectiveEnd.isBefore(yearStart, \"day\")) {\r\n return false;\r\n }\r\n }\r\n\r\n const effectiveStartRaw = getEventTypeEffectiveStart(eventType);\r\n if (effectiveStartRaw) {\r\n const effectiveStart = moment(effectiveStartRaw).parseZone().startOf(\"day\");\r\n if (effectiveStart.isAfter(yearEnd, \"day\")) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n};\r\n\r\n/** Years covered by a from/to date range (inclusive). */\r\nexport const yearsFromDateRange = (fromDate, toDate) => {\r\n if (!fromDate || !toDate) {\r\n return [];\r\n }\r\n const startYear = moment(fromDate).year();\r\n const endYear = moment(toDate).year();\r\n if (!Number.isFinite(startYear) || !Number.isFinite(endYear)) {\r\n return [];\r\n }\r\n const years = [];\r\n for (let year = Math.min(startYear, endYear); year <= Math.max(startYear, endYear); year += 1) {\r\n years.push(year);\r\n }\r\n return years;\r\n};\r\n\r\n/**\r\n * Filter event types like Attendance Summary:\r\n * - optional year/effective-date window\r\n * - when any SB selected (incl. ALL), keep types linked to those SBs\r\n */\r\nexport const filterEventTypesForReport = (\r\n allTypes,\r\n selectedSanctioningBodies,\r\n selectedYears = []\r\n) => {\r\n let filteredTypes = allTypes || [];\r\n\r\n if (selectedYears?.length) {\r\n filteredTypes = filteredTypes.filter((eventType) =>\r\n selectedYears.some((year) => isEventTypeValidForYear(eventType, year))\r\n );\r\n }\r\n\r\n // Attendance parity: always filter when SB selection is non-empty (even if \"all\").\r\n if (selectedSanctioningBodies?.length > 0) {\r\n filteredTypes = filteredTypes.filter((eventType) => {\r\n const sanctioningBodyId = getEventTypeSanctioningBodyId(eventType);\r\n return (\r\n sanctioningBodyId != null &&\r\n filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId)\r\n );\r\n });\r\n }\r\n\r\n return sortFilterOptionsByName(\r\n filteredTypes.map((item) => ({\r\n name: item.Name || item.DisplayName || item.Type || item.name || \"Unknown\",\r\n value: item.Id ?? item.id,\r\n }))\r\n );\r\n};\r\n\r\n/** Filter affiliate types by selected SBs (attendance parity — no \"all selected\" bypass). */\r\nexport const filterAffiliateTypesForReport = (\r\n allAffiliateTypes,\r\n selectedSanctioningBodies\r\n) => {\r\n const source = allAffiliateTypes || [];\r\n if (!selectedSanctioningBodies?.length) {\r\n return sortFilterOptionsByName(\r\n source.map((item) => ({ name: item.Name, value: item.Id }))\r\n );\r\n }\r\n\r\n return sortFilterOptionsByName(\r\n source\r\n .filter((affiliateType) => {\r\n if (\r\n !affiliateType.AffiliateTypeSanctioningBodies ||\r\n !Array.isArray(affiliateType.AffiliateTypeSanctioningBodies)\r\n ) {\r\n return false;\r\n }\r\n return affiliateType.AffiliateTypeSanctioningBodies.some((sanctioningBody) =>\r\n filterValuesMatch(\r\n selectedSanctioningBodies,\r\n sanctioningBody?.SanctioningBodyId ?? sanctioningBody\r\n )\r\n );\r\n })\r\n .map((item) => ({ name: item.Name, value: item.Id }))\r\n );\r\n};\r\n\r\nconst affiliateMatchesSanctioningBodies = (\r\n affiliate,\r\n selectedSanctioningBodies,\r\n allAffiliateTypes = []\r\n) => {\r\n if (Array.isArray(affiliate.AffiliateTypeSanctioningBodies)) {\r\n const match = affiliate.AffiliateTypeSanctioningBodies.some(\r\n (sanctioningBody) => {\r\n const sanctioningBodyId =\r\n sanctioningBody?.SanctioningBodyId || sanctioningBody;\r\n return filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId);\r\n }\r\n );\r\n if (match) {\r\n return true;\r\n }\r\n }\r\n\r\n if (affiliate.AffiliateType) {\r\n if (Array.isArray(affiliate.AffiliateType.SanctioningBodies)) {\r\n const match = affiliate.AffiliateType.SanctioningBodies.some(\r\n (sanctioningBody) => {\r\n const sanctioningBodyId =\r\n sanctioningBody?.Id ||\r\n sanctioningBody?.SanctioningBodyId ||\r\n sanctioningBody;\r\n return filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId);\r\n }\r\n );\r\n if (match) {\r\n return true;\r\n }\r\n }\r\n if (Array.isArray(affiliate.AffiliateType.AffiliateTypeSanctioningBodies)) {\r\n const match = affiliate.AffiliateType.AffiliateTypeSanctioningBodies.some(\r\n (sanctioningBody) => {\r\n const sanctioningBodyId =\r\n sanctioningBody?.SanctioningBodyId ||\r\n sanctioningBody?.Id ||\r\n sanctioningBody;\r\n return filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId);\r\n }\r\n );\r\n if (match) {\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n if (affiliate.SanctioningBodyId) {\r\n return filterValuesMatch(\r\n selectedSanctioningBodies,\r\n affiliate.SanctioningBodyId\r\n );\r\n }\r\n\r\n if (Array.isArray(affiliate.SanctioningBodies)) {\r\n const match = affiliate.SanctioningBodies.some((sanctioningBody) => {\r\n const sanctioningBodyId =\r\n sanctioningBody?.Id ||\r\n sanctioningBody?.SanctioningBodyId ||\r\n sanctioningBody;\r\n return filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId);\r\n });\r\n if (match) {\r\n return true;\r\n }\r\n }\r\n\r\n const affiliateTypeId = affiliate.AffiliateTypeId || affiliate.AffiliateType?.Id;\r\n if (affiliateTypeId && allAffiliateTypes.length > 0) {\r\n const affiliateType = allAffiliateTypes.find(\r\n (at) => String(at.Id) === String(affiliateTypeId)\r\n );\r\n if (Array.isArray(affiliateType?.AffiliateTypeSanctioningBodies)) {\r\n return affiliateType.AffiliateTypeSanctioningBodies.some(\r\n (sanctioningBody) => {\r\n const sanctioningBodyId =\r\n sanctioningBody?.SanctioningBodyId || sanctioningBody;\r\n return filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId);\r\n }\r\n );\r\n }\r\n }\r\n\r\n return false;\r\n};\r\n\r\nconst resolveAffiliateTypeId = (affiliate) => {\r\n if (affiliate.AffiliateTypeId) {\r\n return affiliate.AffiliateTypeId;\r\n }\r\n if (affiliate.AffiliateType?.Id) {\r\n return affiliate.AffiliateType.Id;\r\n }\r\n if (\r\n Array.isArray(affiliate.AffiliateTypeSanctioningBodies) &&\r\n affiliate.AffiliateTypeSanctioningBodies.length > 0\r\n ) {\r\n return affiliate.AffiliateTypeSanctioningBodies[0]?.AffiliateTypeId;\r\n }\r\n return affiliate.affiliateTypeId ?? null;\r\n};\r\n\r\n/** Filter affiliates by SB + affiliate type (attendance parity — no \"all selected\" bypass). */\r\nexport const filterAffiliatesForReport = (\r\n allAffiliates,\r\n selectedSanctioningBodies,\r\n selectedAffiliateTypes,\r\n allAffiliateTypes = []\r\n) => {\r\n let filtered = allAffiliates || [];\r\n\r\n if (selectedSanctioningBodies?.length > 0) {\r\n filtered = filtered.filter((affiliate) =>\r\n affiliateMatchesSanctioningBodies(\r\n affiliate,\r\n selectedSanctioningBodies,\r\n allAffiliateTypes\r\n )\r\n );\r\n }\r\n\r\n if (selectedAffiliateTypes?.length > 0) {\r\n filtered = filtered.filter((affiliate) => {\r\n const affiliateTypeId = resolveAffiliateTypeId(affiliate);\r\n return (\r\n affiliateTypeId != null &&\r\n filterValuesMatch(selectedAffiliateTypes, affiliateTypeId)\r\n );\r\n });\r\n }\r\n\r\n return sortFilterOptionsByName(\r\n filtered.map((item) => ({\r\n name: item.ShortName || item.FullName || \"Unknown\",\r\n value: item.Id,\r\n }))\r\n );\r\n};\r\n\r\n/** Filter cached events by selected event types + sanctioning bodies (attendance parity). */\r\n/** Filter cached events by event type, SB, and optional date range (no API refetch). */\r\nexport const filterEventsForReport = (\r\n events,\r\n selectedEventTypes,\r\n selectedSanctioningBodies,\r\n { fromDate = null, toDate = null } = {}\r\n) => {\r\n let filtered = events || [];\r\n\r\n // Match attendance: when any event types are selected (incl. ALL), keep matching events.\r\n if (selectedEventTypes?.length) {\r\n filtered = filtered.filter(\r\n (event) =>\r\n event.eventTypeId != null &&\r\n filterValuesMatch(selectedEventTypes, event.eventTypeId)\r\n );\r\n }\r\n\r\n if (selectedSanctioningBodies?.length) {\r\n filtered = filtered.filter(\r\n (event) =>\r\n event.sanctioningBodyId != null &&\r\n filterValuesMatch(selectedSanctioningBodies, event.sanctioningBodyId)\r\n );\r\n }\r\n\r\n // Client-side date-range filter so Event dropdown updates without refetching.\r\n if (fromDate || toDate) {\r\n const rangeStart = fromDate\r\n ? moment(fromDate).startOf(\"day\")\r\n : null;\r\n const rangeEnd = toDate ? moment(toDate).endOf(\"day\") : null;\r\n filtered = filtered.filter((event) => {\r\n if (!event?.startTime) {\r\n return false;\r\n }\r\n const eventStart = moment(event.startTime);\r\n if (!eventStart.isValid()) {\r\n return false;\r\n }\r\n if (rangeStart && eventStart.isBefore(rangeStart)) {\r\n return false;\r\n }\r\n if (rangeEnd && eventStart.isAfter(rangeEnd)) {\r\n return false;\r\n }\r\n return true;\r\n });\r\n }\r\n\r\n return filtered;\r\n};\r\n\r\n/** Keep previously selected events that still exist in the filtered options. */\r\nexport const syncSelectedEventsFromOptions = (selectedEvents, options) => {\r\n if (!options?.length) {\r\n return [];\r\n }\r\n if (!selectedEvents?.length) {\r\n return options;\r\n }\r\n const synced = options.filter((option) =>\r\n selectedEvents.some(\r\n (selected) =>\r\n String(selected?.id ?? selected?.Id) === String(option?.id ?? option?.Id)\r\n )\r\n );\r\n return synced.length > 0 ? synced : options;\r\n};\r\n\r\n/**\r\n * Prune invalid ids; optionally expand to all option values (init/reset).\r\n * Matches attendance reconcileSelectionWithOptions behavior.\r\n */\r\nexport const reconcileSelectionWithOptions = (\r\n selectedValues,\r\n options,\r\n { expandToAll = false } = {}\r\n) => {\r\n if (!Array.isArray(selectedValues)) {\r\n return selectedValues;\r\n }\r\n if (!options?.length) {\r\n return expandToAll ? [] : selectedValues.length ? [] : selectedValues;\r\n }\r\n const validIds = options.map((opt) => opt.value);\r\n if (expandToAll) {\r\n return validIds;\r\n }\r\n return selectedValues.filter((value) =>\r\n validIds.some((id) => String(id) === String(value))\r\n );\r\n};\r\n\r\nconst getEventPassTypes = (event) =>\r\n event?.eventPassTypes || event?.EventPassTypes || [];\r\n\r\nconst getEventSpecialOptions = (event) =>\r\n event?.eventSpecialOptions || event?.EventSpecialOptions || [];\r\n\r\nconst resolveEventSpecialOptionId = (option) =>\r\n option?.SpecialOptionId ??\r\n option?.specialOptionId ??\r\n option?.Id ??\r\n option?.id ??\r\n null;\r\n\r\nconst resolveEventSpecialOptionName = (option) =>\r\n option?.SpecialOptionName ??\r\n option?.specialOptionName ??\r\n option?.Name ??\r\n option?.name ??\r\n \"Unknown\";\r\n\r\nconst isActiveEventSpecialOption = (option) => {\r\n const isActive = option?.IsActive ?? option?.isActive;\r\n return isActive !== false;\r\n};\r\n\r\nconst isParkingEventSpecialOption = (option) =>\r\n Boolean(option?.IsParkingPass ?? option?.isParkingPass);\r\n\r\nconst buildPassTypeOptionsFromEvents = (events) => {\r\n const passTypeMap = new Map();\r\n (events || []).forEach((event) => {\r\n getEventPassTypes(event).forEach((passType) => {\r\n const passTypeId = passType.PassTypeId ?? passType.passTypeId;\r\n if (\r\n passTypeId == null ||\r\n passType.IsActive === false ||\r\n passType.isActive === false\r\n ) {\r\n return;\r\n }\r\n passTypeMap.set(passTypeId, {\r\n name:\r\n passType.PassTypeDisplayName ||\r\n passType.PassTypeName ||\r\n passType.passTypeDisplayName ||\r\n passType.passTypeName ||\r\n \"Unknown\",\r\n value: passTypeId,\r\n });\r\n });\r\n });\r\n return sortFilterOptionsByName(Array.from(passTypeMap.values()));\r\n};\r\n\r\nconst buildSpecialOptionsFromEvents = (events) => {\r\n const specialMap = new Map();\r\n (events || []).forEach((event) => {\r\n getEventSpecialOptions(event)\r\n .filter(\r\n (option) =>\r\n !isParkingEventSpecialOption(option) &&\r\n isActiveEventSpecialOption(option)\r\n )\r\n .forEach((option) => {\r\n const optionId = resolveEventSpecialOptionId(option);\r\n if (optionId == null) {\r\n return;\r\n }\r\n specialMap.set(optionId, {\r\n name: resolveEventSpecialOptionName(option),\r\n value: optionId,\r\n });\r\n });\r\n });\r\n return sortFilterOptionsByName(Array.from(specialMap.values()));\r\n};\r\n\r\nconst buildParkingOptionsFromEvents = (events) => {\r\n const parkingMap = new Map();\r\n (events || []).forEach((event) => {\r\n getEventSpecialOptions(event)\r\n .filter(\r\n (option) =>\r\n isParkingEventSpecialOption(option) &&\r\n isActiveEventSpecialOption(option)\r\n )\r\n .forEach((option) => {\r\n const optionId = resolveEventSpecialOptionId(option);\r\n if (optionId == null) {\r\n return;\r\n }\r\n parkingMap.set(optionId, {\r\n name: resolveEventSpecialOptionName(option),\r\n value: optionId,\r\n });\r\n });\r\n });\r\n return sortFilterOptionsByName(Array.from(parkingMap.values()));\r\n};\r\n\r\nconst filterEventDerivedOptionsBySanctioningBodies = (\r\n options,\r\n catalog,\r\n selectedSanctioningBodies,\r\n { isParkingPass = false } = {}\r\n) => {\r\n if (!selectedSanctioningBodies?.length || !catalog?.length) {\r\n return options;\r\n }\r\n const allowedIds = new Set(\r\n catalog\r\n .filter((item) => Boolean(item.IsParkingPass) === isParkingPass)\r\n .filter((item) => {\r\n const bodies = item.SpecialOptionSanctioningBodies;\r\n if (!Array.isArray(bodies) || bodies.length === 0) {\r\n return false;\r\n }\r\n return bodies.some((sanctioningBodyId) =>\r\n filterValuesMatch(selectedSanctioningBodies, sanctioningBodyId)\r\n );\r\n })\r\n .map((item) => item.Id)\r\n );\r\n return (options || []).filter((option) => allowedIds.has(option.value));\r\n};\r\n\r\n/** Derive pass type, special option, and parking pass filters from selected events. */\r\nexport const deriveFilterOptionsFromEvents = ({\r\n selectedEvents = [],\r\n allSpecialOptionsCatalog = [],\r\n selectedSanctioningBodies = [],\r\n}) => {\r\n const passTypeOptions = buildPassTypeOptionsFromEvents(selectedEvents);\r\n const parkingOptsFromEvents = buildParkingOptionsFromEvents(selectedEvents);\r\n const specialOptsFromEvents = buildSpecialOptionsFromEvents(selectedEvents);\r\n const parkingOptions = filterEventDerivedOptionsBySanctioningBodies(\r\n parkingOptsFromEvents,\r\n allSpecialOptionsCatalog,\r\n selectedSanctioningBodies,\r\n { isParkingPass: true }\r\n );\r\n const specialOptions = filterEventDerivedOptionsBySanctioningBodies(\r\n specialOptsFromEvents,\r\n allSpecialOptionsCatalog,\r\n selectedSanctioningBodies,\r\n { isParkingPass: false }\r\n );\r\n return { passTypeOptions, specialOptions, parkingOptions };\r\n};\r\n\r\n/** Events MultiSelect label: affiliate-style multi-line (name, date, venue). */\r\nexport { formatEventOptionItem as formatEventOptionLabel } from \"../eventOptionTemplate\";\r\n","import React, { useMemo } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Bar } from \"react-chartjs-2\";\r\nimport {\r\n Chart as ChartJS,\r\n CategoryScale,\r\n LinearScale,\r\n BarElement,\r\n Tooltip,\r\n} from \"chart.js\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { Button } from \"primereact/button\";\r\nimport { ProgressSpinner } from \"primereact/progressspinner\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport {\r\n BREAKDOWN_PAYMENT_TYPES,\r\n BREAKDOWN_PAYMENT_TYPE_OPTIONS,\r\n} from \"./constants\";\r\nimport { formatCurrency } from \"./financialReportUtils\";\r\n\r\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\r\n\r\nconst chartFont = {\r\n family: 'system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\r\n};\r\n\r\nconst attendanceDropdownAppendTo =\r\n typeof document !== \"undefined\" ? document.body : null;\r\n\r\nconst getBreakdownCopy = (breakdownType) => {\r\n switch (breakdownType) {\r\n case BREAKDOWN_PAYMENT_TYPES.SELF_PAY:\r\n return {\r\n title: \"Self Pay pass breakdown — by pass type\",\r\n hint: \"collected by pass type\",\r\n amountHeader: \"Amount\",\r\n emptyMessage: \"No self pay pass data for the selected filters.\",\r\n };\r\n case BREAKDOWN_PAYMENT_TYPES.BILL_AFFILIATE:\r\n return {\r\n title: \"Bill Affiliate pass breakdown — by pass type\",\r\n hint: \"billed by pass type\",\r\n amountHeader: \"Amount\",\r\n emptyMessage: \"No bill affiliate pass data for the selected filters.\",\r\n };\r\n case BREAKDOWN_PAYMENT_TYPES.COMPLIMENTARY:\r\n default:\r\n return {\r\n title: \"Complimentary pass breakdown — by pass type\",\r\n hint: \"theoretical revenue lost\",\r\n amountHeader: \"Theoretical amount\",\r\n emptyMessage: \"No complimentary pass data for the selected filters.\",\r\n };\r\n }\r\n};\r\n\r\nconst FinancialChart = ({\r\n breakdownRows = [],\r\n breakdownType = BREAKDOWN_PAYMENT_TYPES.COMPLIMENTARY,\r\n breakdownOptions = BREAKDOWN_PAYMENT_TYPE_OPTIONS,\r\n onBreakdownTypeChange,\r\n revenueTrend = { labels: [], values: [], points: [] },\r\n loading = false,\r\n error = null,\r\n onRetry,\r\n onRevenueBarClick,\r\n}) => {\r\n const copy = getBreakdownCopy(breakdownType);\r\n\r\n const breakdownTotals = useMemo(() => {\r\n return breakdownRows.reduce(\r\n (acc, item) => ({\r\n passCount: acc.passCount + (item.passCount || 0),\r\n amount: acc.amount + (item.amount ?? item.revenueLost ?? 0),\r\n }),\r\n { passCount: 0, amount: 0 }\r\n );\r\n }, [breakdownRows]);\r\n\r\n // Single empty-state for data + options so labels/tooltips stay in sync.\r\n const revenueChartSeries = useMemo(() => {\r\n const hasData = revenueTrend.labels?.length > 0;\r\n return {\r\n labels: hasData ? revenueTrend.labels : [\"No Data\"],\r\n values: hasData ? revenueTrend.values : [0],\r\n points: hasData ? revenueTrend.points || [] : [],\r\n hasData,\r\n };\r\n }, [revenueTrend]);\r\n\r\n const revenueBarData = useMemo(() => {\r\n const { labels, values, hasData } = revenueChartSeries;\r\n const pointCount = hasData ? labels.length : 0;\r\n const maxBarThickness =\r\n pointCount <= 15 ? 48 : pointCount <= 25 ? 28 : 18;\r\n\r\n return {\r\n labels,\r\n datasets: [\r\n {\r\n label: \"Revenue\",\r\n data: values,\r\n backgroundColor: \"#3f7ae0\",\r\n borderRadius: 2,\r\n maxBarThickness,\r\n },\r\n ],\r\n };\r\n }, [revenueChartSeries]);\r\n\r\n const revenueBarOptions = useMemo(() => {\r\n const { labels, points, hasData } = revenueChartSeries;\r\n const pointCount = hasData ? labels.length : 0;\r\n // Range labels (e.g. \"Feb 2-Feb 9\") need a bit of tilt when dense.\r\n const maxRotation = pointCount <= 12 ? 0 : 45;\r\n\r\n return {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n layout: {\r\n padding: { top: 4, right: 4, bottom: 2, left: 4 },\r\n },\r\n plugins: {\r\n legend: { display: false },\r\n // Prevent attendance doughnut \"TOTAL\" plugin from painting on this bar chart\r\n attendanceCenterTotal: { disabled: true },\r\n tooltip: {\r\n backgroundColor: \"rgba(28, 31, 36, 0.95)\",\r\n titleColor: \"#f3f3f1\",\r\n bodyColor: \"#e8e8e6\",\r\n borderColor: \"#34373c\",\r\n borderWidth: 1,\r\n callbacks: {\r\n title(items) {\r\n const index = items?.[0]?.dataIndex;\r\n if (index == null || !hasData) {\r\n return hasData ? \"\" : \"No Data\";\r\n }\r\n const point = points?.[index];\r\n if (point?.fromDate && point?.toDate) {\r\n if (point.fromDate === point.toDate) {\r\n return point.label || point.fromDate;\r\n }\r\n return point.label || `${point.fromDate} - ${point.toDate}`;\r\n }\r\n return labels[index] || \"\";\r\n },\r\n label(context) {\r\n return `Revenue: ${formatCurrency(context.parsed?.y ?? 0)}`;\r\n },\r\n },\r\n },\r\n },\r\n scales: {\r\n x: {\r\n ticks: {\r\n color: \"#6f6f6c\",\r\n font: { size: 9, ...chartFont },\r\n autoSkip: false,\r\n maxRotation,\r\n minRotation: 0,\r\n padding: 4,\r\n },\r\n grid: { display: false },\r\n },\r\n y: {\r\n display: false,\r\n grid: { display: false },\r\n },\r\n },\r\n onClick: (event, elements) => {\r\n if (!hasData || !onRevenueBarClick || !elements?.length) {\r\n return;\r\n }\r\n const index = elements[0].index;\r\n const label = labels?.[index];\r\n if (!label || label === \"No Data\") {\r\n return;\r\n }\r\n onRevenueBarClick(index, points?.[index] || null);\r\n },\r\n onHover: (event, elements) => {\r\n const target = event?.native?.target;\r\n if (!target) {\r\n return;\r\n }\r\n const canClick =\r\n hasData &&\r\n Boolean(onRevenueBarClick) &&\r\n elements?.length > 0 &&\r\n points?.[elements[0].index];\r\n target.style.cursor = canClick ? \"pointer\" : \"default\";\r\n },\r\n };\r\n }, [onRevenueBarClick, revenueChartSeries]);\r\n\r\n if (loading) {\r\n return (\r\n {name}
\r\n {event.startTime && (\r\n \r\n {`${formatDate(event.startTime)} ${TIME_ZONE}`}\r\n
\r\n )}\r\n {event.venueName ? (\r\n {event.venueName}
\r\n ) : null}\r\n \r\n
\r\n );\r\n }\r\n\r\n if (error) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {copy.title}\r\n {copy.hint}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Revenue trending — selected date range\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n {error}
\r\n {onRetry && (\r\n\r\n
\r\n );\r\n};\r\n\r\nFinancialChart.propTypes = {\r\n breakdownRows: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n passType: PropTypes.string,\r\n passCount: PropTypes.number,\r\n amount: PropTypes.number,\r\n revenueLost: PropTypes.number,\r\n })\r\n ),\r\n breakdownType: PropTypes.oneOf(Object.values(BREAKDOWN_PAYMENT_TYPES)),\r\n breakdownOptions: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n paymentTypeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n })\r\n ),\r\n onBreakdownTypeChange: PropTypes.func,\r\n revenueTrend: PropTypes.shape({\r\n labels: PropTypes.arrayOf(PropTypes.string),\r\n values: PropTypes.arrayOf(PropTypes.number),\r\n points: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n fromDate: PropTypes.string,\r\n toDate: PropTypes.string,\r\n label: PropTypes.string,\r\n })\r\n ),\r\n }),\r\n loading: PropTypes.bool,\r\n error: PropTypes.string,\r\n onRetry: PropTypes.func,\r\n onRevenueBarClick: PropTypes.func,\r\n};\r\n\r\nexport default FinancialChart;\r\n","import React, { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport styled from \"styled-components\";\r\nimport _ from \"lodash\";\r\nimport moment from \"moment\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { Column } from \"primereact/column\";\r\nimport { FilterMatchMode, FilterOperator } from \"primereact/api\";\r\nimport { ProgressSpinner } from \"primereact/progressspinner\";\r\nimport { Paginator } from \"primereact/paginator\";\r\nimport { Button } from \"primereact/button\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport ActionButton from \"common/ActionButton\";\r\nimport CONSTANTS from \"shared/utils/constants\";\r\nimport { downloadBinary } from \"shared/utils/fileUtils\";\r\nimport { apiClient } from \"proxies/apiClient\";\r\nimport {\r\n accountHasPermissions,\r\n isUserSuperAdmin,\r\n} from \"reducers/account\";\r\nimport { VIEW_PAYMENT_LAST_FOUR } from \"constants/permissions\";\r\nimport { DataListWrapper } from \"../style\";\r\nimport {\r\n formatCurrency,\r\n toGapPaymentDetailsRequestBody,\r\n} from \"./financialReportUtils\";\r\n\r\n/**\r\n * Column field keys match GAPPaymentDetailReportViewDTO where available.\r\n * Alternate keys are tried for fields the API may add (Date Paid, processor, vendor #).\r\n */\r\nconst fieldNames = {\r\n invitationId: \"InvitationID\",\r\n firstName: \"FirstName\",\r\n lastName: \"LastName\",\r\n passType: \"PassTypeName\",\r\n paymentType: \"PaymentTypeName\",\r\n paymentStatus: \"PaymentStatus\",\r\n costLateFee: \"LateFeeAmount\",\r\n otherFee: \"OtherAmount\",\r\n total: \"OrderTotal\",\r\n paymentMethod: \"PaymentCode\",\r\n event: \"EventName\",\r\n affiliate: \"AffiliateName\",\r\n datePaid: \"DatePaid\",\r\n attendanceStatus: \"InvitationStatus\",\r\n amountDue: \"AmountDue\",\r\n amountPaid: \"PaymentTotal\",\r\n outstandingBalance: \"OrderBalance\",\r\n processedBy: \"ProcessedByUser\",\r\n vendorNumber: \"VendorNumber\",\r\n last4: \"IdentityNumber\",\r\n};\r\n\r\n/** Fallbacks when API uses a different property name for the same concept. */\r\nconst fieldAliases = {\r\n DatePaid: [\"DatePaid\", \"PaidDate\", \"PaymentDate\", \"DatePaidOn\"],\r\n AmountDue: [\"AmountDue\", \"OrderTotal\"],\r\n ProcessedByUser: [\r\n \"ProcessByUser\",\r\n \"ProcessedByUser\",\r\n \"ProcessedBy\",\r\n \"UserWhoProcessedTransaction\",\r\n \"ProcessedBy_Name\",\r\n \"CreatedBy_Name\",\r\n ],\r\n VendorNumber: [\r\n \"VendorNumber\",\r\n \"AffiliateVendorNumber\",\r\n \"Affiliate_VendorNumber\",\r\n ],\r\n};\r\n\r\nconst textMatchModes = [\r\n { label: \"Starts With\", value: FilterMatchMode.STARTS_WITH },\r\n { label: \"Contains\", value: FilterMatchMode.CONTAINS },\r\n];\r\n\r\nconst hasActiveColumnFilters = (columnFilters = {}) =>\r\n !!_.toArray(columnFilters).find((filter) =>\r\n filter?.constraints?.find(\r\n (constraint) =>\r\n constraint?.value != null && String(constraint.value).trim() !== \"\"\r\n )\r\n );\r\n\r\nconst resolveField = (row, field) => {\r\n if (!row || field == null) {\r\n return \"\";\r\n }\r\n const candidates = fieldAliases[field] || [field];\r\n for (const key of candidates) {\r\n const value =\r\n row[key] ?? row[key?.toLowerCase?.()] ?? row[_.camelCase(key)];\r\n if (value !== undefined && value !== null && value !== \"\") {\r\n return value;\r\n }\r\n }\r\n return \"\";\r\n};\r\n\r\nconst emptyDash = (value) =>\r\n value === \"\" || value == null ? \"—\" : value;\r\n\r\nconst currencyBodyTemplate = (field) => (row) => {\r\n const amount = resolveField(row, field);\r\n if (amount === \"\" || amount == null) {\r\n return \"—\";\r\n }\r\n return formatCurrency(amount);\r\n};\r\n\r\nconst textBodyTemplate = (field) => (row) => emptyDash(resolveField(row, field));\r\n\r\n/** Dedupe comma-separated values while preserving first-seen order. */\r\nconst uniqueCommaSeparated = (raw) => {\r\n if (raw == null || raw === \"\") {\r\n return \"\";\r\n }\r\n const seen = new Set();\r\n const unique = [];\r\n String(raw)\r\n .split(\",\")\r\n .map((part) => part.trim())\r\n .filter(Boolean)\r\n .forEach((part) => {\r\n const key = part.toLowerCase();\r\n if (!seen.has(key)) {\r\n seen.add(key);\r\n unique.push(part);\r\n }\r\n });\r\n return unique.join(\", \");\r\n};\r\n\r\nconst processedByBodyTemplate = (row) =>\r\n emptyDash(uniqueCommaSeparated(resolveField(row, fieldNames.processedBy)));\r\n\r\nconst formatDatePaidValue = (value) => {\r\n if (value == null || value === \"\") {\r\n return null;\r\n }\r\n const parsed = moment(value);\r\n if (!parsed.isValid()) {\r\n return String(value).trim();\r\n }\r\n return parsed.format(\"MM/DD/YYYY\");\r\n};\r\n\r\nconst datePaidBodyTemplate = (row) => {\r\n const raw = resolveField(row, fieldNames.datePaid);\r\n if (!raw) {\r\n return \"—\";\r\n }\r\n const parts = String(raw)\r\n .split(\",\")\r\n .map((part) => part.trim())\r\n .filter(Boolean)\r\n .map(formatDatePaidValue)\r\n .filter(Boolean);\r\n if (!parts.length) {\r\n return \"—\";\r\n }\r\n return parts.join(\", \");\r\n};\r\n\r\nconst paymentStatusBodyTemplate = (row) => {\r\n const status = resolveField(row, fieldNames.paymentStatus);\r\n if (!status) {\r\n return \"—\";\r\n }\r\n const normalized = String(status).toLowerCase();\r\n let className = \"financial-payment-status\";\r\n if (normalized.includes(\"paid\")) {\r\n className += \" financial-payment-status--paid\";\r\n } else if (normalized.includes(\"partial\")) {\r\n className += \" financial-payment-status--partial\";\r\n } else if (normalized.includes(\"n/a\") || normalized.includes(\"na\")) {\r\n className += \" financial-payment-status--na\";\r\n }\r\n return {status};\r\n};\r\n\r\nconst TEXT_FILTER_FIELDS = [\r\n fieldNames.invitationId,\r\n fieldNames.firstName,\r\n fieldNames.lastName,\r\n fieldNames.passType,\r\n fieldNames.paymentType,\r\n fieldNames.paymentStatus,\r\n fieldNames.costLateFee,\r\n fieldNames.otherFee,\r\n fieldNames.total,\r\n fieldNames.paymentMethod,\r\n fieldNames.event,\r\n fieldNames.affiliate,\r\n fieldNames.datePaid,\r\n fieldNames.attendanceStatus,\r\n fieldNames.amountDue,\r\n fieldNames.amountPaid,\r\n fieldNames.outstandingBalance,\r\n fieldNames.processedBy,\r\n fieldNames.vendorNumber,\r\n];\r\n\r\nconst buildDefaultColumnFilters = () =>\r\n TEXT_FILTER_FIELDS.reduce((acc, field) => {\r\n acc[field] = {\r\n operator: FilterOperator.AND,\r\n constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }],\r\n };\r\n return acc;\r\n }, {});\r\n\r\nconst withLast4Filter = (apiFilters = {}, last4Search = \"\") => {\r\n const next = { ...apiFilters };\r\n const trimmed = String(last4Search || \"\").trim();\r\n if (trimmed) {\r\n next.IdentityNumber = trimmed;\r\n } else {\r\n delete next.IdentityNumber;\r\n }\r\n return next;\r\n};\r\n\r\nexport const FinancialDataList = ({\r\n appliedFilters,\r\n triggerDataLoad,\r\n onDataLoadComplete,\r\n canViewPaymentLastFour = false,\r\n sessionState,\r\n skipInitialFetchRef,\r\n onSessionStateChange,\r\n}) => {\r\n const restoredFromSessionRef = useRef(\r\n Boolean(sessionState?.tableData?.length)\r\n );\r\n\r\n const [tableData, setTableData] = useState(\r\n () => sessionState?.tableData ?? []\r\n );\r\n const [filters, setFilters] = useState(\r\n () => sessionState?.filters ?? buildDefaultColumnFilters()\r\n );\r\n const [filtersActive, setFiltersActive] = useState(\r\n () => sessionState?.filtersActive ?? false\r\n );\r\n const [currentFilters, setCurrentFilters] = useState(\r\n () => sessionState?.currentFilters ?? {}\r\n );\r\n const [last4Search, setLast4Search] = useState(\r\n () => sessionState?.last4Search ?? \"\"\r\n );\r\n const [includeLast4InExport, setIncludeLast4InExport] = useState(\r\n () => sessionState?.includeLast4InExport ?? false\r\n );\r\n const [isExporting, setIsExporting] = useState(false);\r\n const [page, setPage] = useState(() => sessionState?.page ?? 1);\r\n const [rowsPerPage, setRowsPerPage] = useState(\r\n () => sessionState?.rowsPerPage ?? 10\r\n );\r\n const [first, setFirst] = useState(() => sessionState?.first ?? 0);\r\n const [loading, setLoading] = useState(false);\r\n const [totalCount, setTotalCount] = useState(\r\n () => sessionState?.totalCount ?? 0\r\n );\r\n const [error, setError] = useState(() => sessionState?.error ?? null);\r\n const isMountedRef = useRef(true);\r\n const last4DebounceRef = useRef(null);\r\n const currentFiltersRef = useRef({});\r\n const rowsPerPageRef = useRef(rowsPerPage);\r\n const fetchAbortRef = useRef(null);\r\n const last4RequestSeqRef = useRef(0);\r\n\r\n currentFiltersRef.current = currentFilters;\r\n rowsPerPageRef.current = rowsPerPage;\r\n\r\n const publishSessionState = (overrides = {}) => {\r\n if (!onSessionStateChange) {\r\n return;\r\n }\r\n onSessionStateChange({\r\n tableData,\r\n filters,\r\n filtersActive,\r\n currentFilters,\r\n last4Search,\r\n includeLast4InExport,\r\n rowsPerPage,\r\n first,\r\n page,\r\n totalCount,\r\n error,\r\n ...overrides,\r\n });\r\n };\r\n\r\n const showVendorNumberColumn = useMemo(\r\n () =>\r\n (tableData || []).some((row) => {\r\n const value = resolveField(row, fieldNames.vendorNumber);\r\n return value !== \"\" && value != null;\r\n }),\r\n [tableData]\r\n );\r\n\r\n useEffect(() => {\r\n isMountedRef.current = true;\r\n return () => {\r\n isMountedRef.current = false;\r\n if (last4DebounceRef.current) {\r\n clearTimeout(last4DebounceRef.current);\r\n }\r\n if (fetchAbortRef.current) {\r\n fetchAbortRef.current.abort();\r\n }\r\n };\r\n }, []);\r\n\r\n // Clear last-4 UI state when the user cannot view payment last-four data.\r\n useEffect(() => {\r\n if (canViewPaymentLastFour) {\r\n return;\r\n }\r\n if (last4DebounceRef.current) {\r\n clearTimeout(last4DebounceRef.current);\r\n }\r\n setLast4Search(\"\");\r\n setIncludeLast4InExport(false);\r\n if (currentFiltersRef.current?.IdentityNumber) {\r\n const nextFilters = withLast4Filter(currentFiltersRef.current, \"\");\r\n setCurrentFilters(nextFilters);\r\n }\r\n }, [canViewPaymentLastFour]);\r\n\r\n // When Apply updates filters, show the table loader immediately — don't wait\r\n // for triggerDataLoad to flip true on the next tick.\r\n useEffect(() => {\r\n if (!appliedFilters) {\r\n return;\r\n }\r\n if (skipInitialFetchRef?.current || restoredFromSessionRef.current) {\r\n return;\r\n }\r\n setLoading(true);\r\n }, [appliedFilters, skipInitialFetchRef]);\r\n\r\n useEffect(() => {\r\n if (!triggerDataLoad || !appliedFilters) {\r\n return undefined;\r\n }\r\n\r\n if (skipInitialFetchRef?.current) {\r\n skipInitialFetchRef.current = false;\r\n restoredFromSessionRef.current = false;\r\n setLoading(false);\r\n if (onDataLoadComplete) {\r\n onDataLoadComplete();\r\n }\r\n return undefined;\r\n }\r\n\r\n setLoading(true);\r\n setPage(1);\r\n setFirst(0);\r\n setFilters(buildDefaultColumnFilters());\r\n setCurrentFilters({});\r\n setLast4Search(\"\");\r\n setFiltersActive(false);\r\n\r\n let cancelled = false;\r\n fetchGapDetails(1, rowsPerPage, {}).then(() => {\r\n if (!cancelled && isMountedRef.current && onDataLoadComplete) {\r\n onDataLoadComplete();\r\n }\r\n });\r\n\r\n return () => {\r\n cancelled = true;\r\n if (fetchAbortRef.current) {\r\n fetchAbortRef.current.abort();\r\n }\r\n };\r\n }, [triggerDataLoad, appliedFilters]);\r\n\r\n const fetchGapDetails = async (pageIndex = 1, pageSize = 10, apiFilters = {}) => {\r\n if (!isMountedRef.current || !appliedFilters) {\r\n return;\r\n }\r\n\r\n if (fetchAbortRef.current) {\r\n fetchAbortRef.current.abort();\r\n }\r\n const abortController = new AbortController();\r\n fetchAbortRef.current = abortController;\r\n const requestSeq = ++last4RequestSeqRef.current;\r\n\r\n setLoading(true);\r\n setError(null);\r\n\r\n try {\r\n const requestBody = toGapPaymentDetailsRequestBody({\r\n ...appliedFilters,\r\n ...apiFilters,\r\n });\r\n const response = await apiClient\r\n .get()\r\n .reportGetGapPaymentDetailsReportByOgappaymentreportdefinationdtoAndPageindexAndPagesize(\r\n pageIndex,\r\n pageSize,\r\n requestBody,\r\n { signal: abortController.signal }\r\n );\r\n\r\n if (\r\n !isMountedRef.current ||\r\n abortController.signal.aborted ||\r\n requestSeq !== last4RequestSeqRef.current\r\n ) {\r\n return;\r\n }\r\n\r\n const data = Array.isArray(response?.data) ? response.data : [];\r\n let responseTotalCount = 0;\r\n\r\n if (response?.totalCount != null) {\r\n responseTotalCount = response.totalCount;\r\n } else if (data[0]?.TotalCount != null) {\r\n responseTotalCount = data[0].TotalCount;\r\n } else if (data.length < pageSize) {\r\n responseTotalCount = (pageIndex - 1) * pageSize + data.length;\r\n } else {\r\n responseTotalCount = pageIndex * pageSize + 1;\r\n }\r\n\r\n setTableData(data);\r\n setTotalCount(responseTotalCount);\r\n publishSessionState({\r\n tableData: data,\r\n totalCount: responseTotalCount,\r\n error: null,\r\n });\r\n } catch (fetchError) {\r\n if (\r\n !isMountedRef.current ||\r\n abortController.signal.aborted ||\r\n requestSeq !== last4RequestSeqRef.current ||\r\n fetchError?.name === \"CanceledError\" ||\r\n fetchError?.name === \"AbortError\" ||\r\n fetchError?.code === \"ERR_CANCELED\"\r\n ) {\r\n return;\r\n }\r\n console.error(\"Error fetching financial details:\", fetchError);\r\n const message = fetchError.message || \"Failed to load billing data.\";\r\n setError(message);\r\n setTableData([]);\r\n setTotalCount(0);\r\n publishSessionState({\r\n tableData: [],\r\n totalCount: 0,\r\n error: message,\r\n });\r\n } finally {\r\n if (\r\n isMountedRef.current &&\r\n requestSeq === last4RequestSeqRef.current &&\r\n !abortController.signal.aborted\r\n ) {\r\n setLoading(false);\r\n }\r\n }\r\n };\r\n\r\n const applyLast4Search = (value) => {\r\n const trimmed = String(value || \"\").trim();\r\n // Last-4 search: only query when cleared or a full 4 digits are entered.\r\n if (trimmed.length > 0 && trimmed.length < 4) {\r\n return;\r\n }\r\n const nextFilters = withLast4Filter(currentFiltersRef.current, trimmed);\r\n setCurrentFilters(nextFilters);\r\n setPage(1);\r\n setFirst(0);\r\n fetchGapDetails(1, rowsPerPageRef.current, nextFilters);\r\n };\r\n\r\n const onLast4SearchChange = (value) => {\r\n if (!canViewPaymentLastFour) {\r\n return;\r\n }\r\n const digitsOnly = String(value || \"\").replace(/\\D/g, \"\").slice(0, 4);\r\n setLast4Search(digitsOnly);\r\n\r\n if (last4DebounceRef.current) {\r\n clearTimeout(last4DebounceRef.current);\r\n last4DebounceRef.current = null;\r\n }\r\n\r\n // Don't hit the API for partial values while typing (1–3 digits).\r\n if (digitsOnly.length > 0 && digitsOnly.length < 4) {\r\n return;\r\n }\r\n\r\n last4DebounceRef.current = setTimeout(() => {\r\n last4DebounceRef.current = null;\r\n applyLast4Search(digitsOnly);\r\n }, 500);\r\n };\r\n\r\n const onLast4KeyDown = (event) => {\r\n const allowedKeys = [\r\n \"Backspace\",\r\n \"Delete\",\r\n \"Tab\",\r\n \"Escape\",\r\n \"Enter\",\r\n \"ArrowLeft\",\r\n \"ArrowRight\",\r\n \"ArrowUp\",\r\n \"ArrowDown\",\r\n \"Home\",\r\n \"End\",\r\n ];\r\n if (allowedKeys.includes(event.key) || event.ctrlKey || event.metaKey) {\r\n return;\r\n }\r\n if (!/^\\d$/.test(event.key)) {\r\n event.preventDefault();\r\n return;\r\n }\r\n const input = event.target;\r\n const selectionLength = (input.selectionEnd || 0) - (input.selectionStart || 0);\r\n if (String(last4Search || \"\").length >= 4 && selectionLength === 0) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n const onLast4Paste = (event) => {\r\n event.preventDefault();\r\n const pasted = (event.clipboardData || window.clipboardData)?.getData(\"text\") || \"\";\r\n onLast4SearchChange(pasted);\r\n };\r\n\r\n const onPageChange = (event) => {\r\n const newPage = Math.floor(event.first / event.rows) + 1;\r\n setFirst(event.first);\r\n setRowsPerPage(event.rows);\r\n setPage(newPage);\r\n publishSessionState({\r\n first: event.first,\r\n rowsPerPage: event.rows,\r\n page: newPage,\r\n });\r\n fetchGapDetails(newPage, event.rows, currentFilters);\r\n };\r\n\r\n const initFilters = () => {\r\n setFilters(buildDefaultColumnFilters());\r\n setFiltersActive(false);\r\n };\r\n\r\n const onFilter = (filterEvent) => {\r\n const columnFilters = filterEvent?.filters ?? filterEvent ?? {};\r\n const nextFiltersActive = hasActiveColumnFilters(columnFilters);\r\n setFilters(columnFilters);\r\n setFiltersActive(nextFiltersActive);\r\n publishSessionState({\r\n filters: columnFilters,\r\n filtersActive: nextFiltersActive,\r\n });\r\n };\r\n\r\n const exportToCsv = async () => {\r\n if (!appliedFilters) {\r\n alert(\"No data available to export.\");\r\n return;\r\n }\r\n\r\n setIsExporting(true);\r\n try {\r\n const exportFilters = { ...currentFilters };\r\n if (!canViewPaymentLastFour) {\r\n delete exportFilters.IdentityNumber;\r\n }\r\n const requestBody = toGapPaymentDetailsRequestBody({\r\n ...appliedFilters,\r\n ...exportFilters,\r\n includeIdentityNumber: canViewPaymentLastFour && includeLast4InExport,\r\n });\r\n const response = await apiClient\r\n .get()\r\n .reportGetGapPaymentDetailsCsvReportByOgappaymentreportdefinationdto(\r\n requestBody,\r\n {\r\n headers: {\r\n \"Content-Type\": \"text/csv\",\r\n Accept: \"text/csv\",\r\n },\r\n responseType: \"blob\",\r\n }\r\n );\r\n\r\n if (response?.data) {\r\n const timestamp = moment().format(\"YYYY-MM-DD HH-mm-ss\");\r\n downloadBinary(\r\n response.data,\r\n `Financial Billing Report [${timestamp}].csv`,\r\n \"text/csv\"\r\n );\r\n } else {\r\n alert(\"No data available to export.\");\r\n }\r\n } catch (exportError) {\r\n console.error(\"CSV export failed:\", exportError);\r\n alert(\"Error exporting CSV. Please try again.\");\r\n } finally {\r\n setIsExporting(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n {\r\n if (onBreakdownTypeChange) {\r\n onBreakdownTypeChange(e.value);\r\n }\r\n }}\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n className=\"financial-breakdown-type-dropdown attendance-filter-dropdown\"\r\n panelClassName=\"attendance-filter-dropdown-panel\"\r\n appendTo={attendanceDropdownAppendTo}\r\n aria-label=\"Pass breakdown payment type\"\r\n />\r\n )}\r\n
\r\n \r\n {copy.title}\r\n {copy.hint}\r\n
\r\n {breakdownOptions?.length > 1 && (\r\n \r\n \r\n \r\n
\r\n
\r\n | Count | \r\nPass type | \r\n\r\n {copy.amountHeader}\r\n | \r\n
|---|---|---|
| \r\n {Math.round(item.passCount || 0).toLocaleString(\"en-US\")}\r\n | \r\n{item.passType} | \r\n\r\n {formatCurrency(item.amount ?? item.revenueLost ?? 0)}\r\n | \r\n
| \r\n {Math.round(breakdownTotals.passCount).toLocaleString(\r\n \"en-US\"\r\n )}\r\n | \r\nTotal | \r\n\r\n {formatCurrency(breakdownTotals.amount)}\r\n | \r\n
\r\n
\r\n \r\n \r\n Revenue trending — selected date range\r\n \r\n
\r\n \r\n
\r\n {error}
\r\n )}\r\n\r\n \r\n
\r\n\r\n \r\n {canViewPaymentLastFour && (\r\n <>\r\n \r\n Search by last 4 (card/check)\r\n \r\n onLast4SearchChange(e.target.value)}\r\n onKeyDown={onLast4KeyDown}\r\n onPaste={onLast4Paste}\r\n placeholder=\"e.g. 4471\"\r\n className=\"financial-report-last4-input\"\r\n maxLength={4}\r\n keyfilter=\"pint\"\r\n inputMode=\"numeric\"\r\n autoComplete=\"off\"\r\n />\r\n \r\n — column-level search only, not shown in table by default\r\n \r\n \r\n )}\r\n
\r\n \r\n {canViewPaymentLastFour && (\r\n
\r\n \r\n setIncludeLast4InExport(Boolean(e.checked))}\r\n />\r\n \r\n
\r\n )}\r\n \r\n Exporting CSV Report...\r\n
\r\n\r\n Please wait while we generate your report\r\n
\r\n \r\n \r\n )}\r\n\r\n {drillDownState?.source && (\r\n \r\n \r\n {canSaveSearch() && (\r\n handleApplyFilters()}\r\n style={{ backgroundColor: CONSTANTS.COLORS.NASCAR_YELLOW }}\r\n >\r\n {applyFilterLoading ? (\r\n <>\r\n \r\n Reset\r\n \r\n {\r\n if (selectedSavedSearch) {\r\n handleApplySavedSearch(selectedSavedSearch);\r\n }\r\n }}\r\n tooltip={\r\n selectedSavedSearch\r\n ? `Active: ${selectedSavedSearch.name}`\r\n : \"Saved Filters\"\r\n }\r\n tooltipOptions={{ position: \"top\" }}\r\n />\r\n
\r\n \r\n \r\n \r\n\r\n \r\n
\r\n )}\r\n\r\n {isPageLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n Loading Report...
\r\n\r\n Please wait while we load filters and summary data\r\n
\r\n\r\n \r\n
\r\n\r\n {selectedSavedSearch && (\r\n \r\n
\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n setDateRangePreset(e.value)}\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n placeholder=\"Select Date Range\"\r\n className=\"w-full attendance-filter-dropdown\"\r\n panelClassName=\"attendance-filter-dropdown-panel\"\r\n appendTo={attendanceMultiSelectAppendTo}\r\n />\r\n
\r\n \r\n\r\n {dateRangePreset === DATE_RANGE_PRESETS.CUSTOM && (\r\n <>\r\n \r\n \r\n setCustomStartDate(e.value)}\r\n showIcon\r\n iconPos=\"right\"\r\n dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\"\r\n className=\"w-full attendance-filter-calendar\"\r\n panelClassName=\"attendance-filter-calendar-panel\"\r\n appendTo={attendanceMultiSelectAppendTo}\r\n maxDate={customEndDate || undefined}\r\n />\r\n
\r\n \r\n \r\n \r\n setCustomEndDate(e.value)}\r\n showIcon\r\n iconPos=\"right\"\r\n dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\"\r\n className=\"w-full attendance-filter-calendar\"\r\n panelClassName=\"attendance-filter-calendar-panel\"\r\n appendTo={attendanceMultiSelectAppendTo}\r\n minDate={customStartDate || undefined}\r\n />\r\n
\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Active Filter: {selectedSavedSearch.name}\r\n \r\n setSelectedSavedSearch(null)}\r\n style={{ color: \"#fff\", width: \"auto\" }}\r\n tooltip=\"Clear saved filter\"\r\n />\r\n handleDeleteSavedSearch(selectedSavedSearch.id)}\r\n style={{ color: \"#ff6b6b\", width: \"auto\" }}\r\n tooltip=\"Delete saved filter\"\r\n />\r\n
\r\n \r\n \r\n Total self-pay collected\r\n \r\n
\r\n )}\r\n \r\n \r\n {formatCurrency(selfPayCollected)}\r\n
\r\n \r\n \r\n Total self-pay outstanding\r\n \r\n
\r\n )}\r\n \r\n \r\n )}\r\n {showBillAffiliateKpi && (\r\n \r\n {formatCurrency(selfPayOutstanding)}\r\n
\r\n \r\n \r\n Total billed by affiliate\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n {formatCurrency(billAffiliateTotal)}\r\n
\r\n \r\n {\r\n sessionCacheRestoredRef.current = false;\r\n skipDataListInitialFetchRef.current = false;\r\n setTriggerDataLoad(false);\r\n saveReportSessionCache();\r\n }}\r\n sessionState={\r\n sessionCacheRestoredRef.current\r\n ? sessionCacheOnMount?.dataListState\r\n : null\r\n }\r\n skipInitialFetchRef={skipDataListInitialFetchRef}\r\n onSessionStateChange={handleDataListSessionStateChange}\r\n />\r\n
\r\n )}\r\n \r\n )}\r\n\r\n \r\n setShowListsDialog(false)}\r\n className=\"p-button-text\"\r\n />\r\n
\r\n }\r\n >\r\n \r\n {savedSearches.length === 0 ? (\r\n
\r\n )}\r\n \r\n No saved lists found\r\n
\r\n ) : (\r\n \r\n {savedSearches.map((search) => (\r\n handleApplySavedSearch(search)}\r\n style={{\r\n padding: \"1rem\",\r\n marginBottom: \"0.5rem\",\r\n border: \"1px solid #ddd\",\r\n borderRadius: \"4px\",\r\n cursor: \"pointer\",\r\n transition: \"background-color 0.2s\",\r\n }}\r\n onMouseEnter={(e) => {\r\n e.currentTarget.style.backgroundColor = \"#f5f5f5\";\r\n }}\r\n onMouseLeave={(e) => {\r\n e.currentTarget.style.backgroundColor = \"transparent\";\r\n }}\r\n >\r\n
\r\n ))}\r\n \r\n {search.name || \"Unnamed List\"}\r\n
\r\n \r\n {\r\n setShowNewListModal(false);\r\n setNewListName(\"\");\r\n }}\r\n className=\"p-button-text p-button-sm\"\r\n disabled={savingList}\r\n />\r\n
\r\n }\r\n >\r\n \r\n \r\n setNewListName(e.target.value)}\r\n placeholder=\"Enter list name\"\r\n className=\"w-full attendance-report-dialog__list-name-input\"\r\n disabled={savingList}\r\n onKeyPress={(e) => {\r\n if (e.key === \"Enter\" && newListName.trim() && !savingList) {\r\n handleSaveNewList();\r\n }\r\n }}\r\n />\r\n \r\n The current filter selections will be saved with this name.\r\n \r\n
\r\n \r\n \r\n \r\n {/* Table header skeleton */}\r\n
\r\n);\r\n\r\n// Error state component for KPI cards\r\nconst KPIErrorState = ({ onRetry, accent = \"invited\" }) => (\r\n \r\n {Array.from({ length: columns }).map((_, idx) => (\r\n
\r\n {/* Table rows skeleton */}\r\n {Array.from({ length: rows }).map((_, rowIdx) => (\r\n \r\n {Array.from({ length: columns }).map((_, colIdx) => (\r\n
\r\n ))}\r\n \r\n \r\n
\r\n);\r\n\r\n// Error state component with retry\r\nconst ErrorState = ({ message = \"An error occurred while loading data.\", onRetry }) => (\r\n {message}
\r\n\r\n \r\n
\r\n);\r\n\r\nconst AttendanceReport = ({\r\n isUserAdminOrSuperAdmin: isAdminOrSuper,\r\n updateSearchCriteriaValues,\r\n}) => {\r\n const sessionCacheOnMount = useMemo(() => getAttendanceReportSessionCache(), []);\r\n const sessionFilterSnapshotOnMount = useMemo(\r\n () => getSessionFilterSnapshot(),\r\n []\r\n );\r\n const canRestoreFromSession = useMemo(\r\n () => canRestoreAttendanceReportSession(),\r\n []\r\n );\r\n const restorableFilterSnapshot = sessionFilterSnapshotOnMount;\r\n const hasRestorableFilterSnapshot = Boolean(restorableFilterSnapshot);\r\n const sessionFilterUiOnMount = canRestoreFromSession\r\n ? sessionCacheOnMount?.filterUiState ?? null\r\n : null;\r\n const hasCachedFilterUiOnMount = hasMeaningfulFilterUiState(sessionFilterUiOnMount);\r\n const filterOptionsCacheOnMount = sessionCacheOnMount?.filterOptionsData ?? null;\r\n const hasFilterOptionsCacheOnMount = Boolean(\r\n filterOptionsCacheOnMount?.allSanctioningBodies?.length\r\n );\r\n const sessionAllSelectedFlagsOnMount = useMemo(\r\n () => ({\r\n events:\r\n sessionFilterUiOnMount?.allEventsSelected ??\r\n sessionFilterSnapshotOnMount?.allEventsSelected,\r\n sanctioning:\r\n sessionFilterUiOnMount?.allSanctioningBodiesSelected ??\r\n sessionFilterSnapshotOnMount?.allSanctioningBodiesSelected,\r\n affiliateTypes:\r\n sessionFilterUiOnMount?.allAffiliateTypesSelected ??\r\n sessionFilterSnapshotOnMount?.allAffiliateTypesSelected,\r\n affiliates:\r\n sessionFilterUiOnMount?.allAffiliatesSelected ??\r\n sessionFilterSnapshotOnMount?.allAffiliatesSelected,\r\n passTypes:\r\n sessionFilterUiOnMount?.allPassTypesSelected ??\r\n sessionFilterSnapshotOnMount?.allPassTypesSelected,\r\n specialOptions:\r\n sessionFilterUiOnMount?.allSpecialOptionsSelected ??\r\n sessionFilterSnapshotOnMount?.allSpecialOptionsSelected,\r\n parking:\r\n sessionFilterUiOnMount?.allParkingOptionsSelected ??\r\n sessionFilterSnapshotOnMount?.allParkingOptionsSelected,\r\n eventTypes:\r\n sessionFilterUiOnMount?.allEventTypesSelected ??\r\n sessionFilterSnapshotOnMount?.allEventTypesSelected,\r\n paymentTypes:\r\n sessionFilterUiOnMount?.allPaymentTypesSelected ??\r\n sessionFilterSnapshotOnMount?.allPaymentTypesSelected,\r\n status:\r\n sessionFilterUiOnMount?.allStatusSelected ??\r\n sessionFilterSnapshotOnMount?.allStatusSelected,\r\n }),\r\n []\r\n );\r\n const sessionAllSelectedFlagsRef = useRef(sessionAllSelectedFlagsOnMount);\r\n const ALL_SELECTED_FLAGS_DEFAULT = ATTENDANCE_ALL_SELECTED_FLAGS;\r\n /** Fresh-load / reset — drives \"ALL\" label until the user edits a filter. */\r\n const [defaultAllSelectedFlags, setDefaultAllSelectedFlags] = useState(() =>\r\n canRestoreFromSession ? {} : ALL_SELECTED_FLAGS_DEFAULT\r\n );\r\n // Common style for loading spinners\r\n const loadingSpinnerStyle = { width: '12px', height: '12px' };\r\n const [eventReport, setEventReport] = useState(() => {\r\n const snapshot = sessionCacheOnMount?.eventReportSnapshot;\r\n return Array.isArray(snapshot) && snapshot.length > 0 ? snapshot : [];\r\n });\r\n const [eventReportError, setEventReportError] = useState(false);\r\n const selectedEventIdsKey = useMemo(\r\n () => buildSelectedEventIdsKey(eventReport),\r\n [eventReport]\r\n );\r\n const [selectedYear, setSelectedYear] = useState(() =>\r\n normalizeSelectedYears(sessionFilterSnapshotOnMount?.selectedYear ?? [])\r\n );\r\n const [yearsOptions, setYearsOptions] = useState([]);\r\n const [eventsOptions, setEventsOptions] = useState(() => {\r\n const cachedEvents = filterOptionsCacheOnMount?.allEvents;\r\n if (!cachedEvents?.length) {\r\n return [];\r\n }\r\n const sortedEvents = sortEventsForDropdown(cachedEvents);\r\n const restoredEventTypes = sessionFilterUiOnMount?.selectedEventTypes;\r\n const restoredSanctioningBodies =\r\n sessionFilterUiOnMount?.selectedSanctioningBodies ??\r\n sessionFilterSnapshotOnMount?.selectedSanctioningBodies;\r\n return sortEventsForDropdown(\r\n filterEventsForAttendance(\r\n sortedEvents,\r\n restoredEventTypes,\r\n restoredSanctioningBodies\r\n )\r\n );\r\n });\r\n const [allEvents, setAllEvents] = useState(() =>\r\n sortEventsForDropdown(filterOptionsCacheOnMount?.allEvents ?? [])\r\n );\r\n const [affiliateTypeOptions, setAffiliateTypeOptions] = useState(() =>\r\n mapAffiliateTypeOptions(filterOptionsCacheOnMount?.allAffiliateTypes)\r\n );\r\n const [allAffiliateTypes, setAllAffiliateTypes] = useState(\r\n () => filterOptionsCacheOnMount?.allAffiliateTypes ?? []\r\n );\r\n const [selectedAffiliateTypes, setSelectedAffiliateTypes] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedAffiliateTypes\")\r\n );\r\n const [affiliateOptions, setAffiliateOptions] = useState(() =>\r\n mapAffiliateOptions(filterOptionsCacheOnMount?.allAffiliates)\r\n );\r\n const [allAffiliates, setAllAffiliates] = useState(\r\n () => filterOptionsCacheOnMount?.allAffiliates ?? []\r\n );\r\n const [selectedAffiliate, setSelectedAffiliate] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedAffiliate\")\r\n );\r\n const [passTypeOptions, setPassTypeOptions] = useState(() =>\r\n mapPassTypeOptions(filterOptionsCacheOnMount?.allPassTypes)\r\n );\r\n const [allPassTypes, setAllPassTypes] = useState(\r\n () => filterOptionsCacheOnMount?.allPassTypes ?? []\r\n );\r\n const [selectedPassType, setSelectedPassType] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedPassType\")\r\n );\r\n const [specialOptions, setSpecialOptions] = useState([]);\r\n const [allSpecialOptions, setAllSpecialOptions] = useState(\r\n () => filterOptionsCacheOnMount?.allSpecialOptions ?? []\r\n );\r\n const [selectedOptions, setSelectedOptions] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedOptions\")\r\n );\r\n const [selectedStatus, setSelectedStatus] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedStatus\")\r\n );\r\n const [parkingOptions, setParkingOptions] = useState([]);\r\n const [selectedParkingOptions, setSelectedParkingOptions] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedParkingOptions\")\r\n );\r\n const [sanctioningBodyOptions, setSanctioningBodyOptions] = useState(() =>\r\n mapSanctioningBodyOptions(filterOptionsCacheOnMount?.allSanctioningBodies)\r\n );\r\n const [allSanctioningBodies, setAllSanctioningBodies] = useState(\r\n () => filterOptionsCacheOnMount?.allSanctioningBodies ?? []\r\n );\r\n const [selectedSanctioningBodies, setSelectedSanctioningBodies] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedSanctioningBodies\")\r\n );\r\n const [selectedAgeCategory, setSelectedAgeCategory] = useState(\r\n () => sessionFilterUiOnMount?.selectedAgeCategory ?? AGE_CATEGORY_BOTH\r\n );\r\n const [eventTypeOptions, setEventTypeOptions] = useState(() =>\r\n filterEventTypesForAttendance(\r\n filterOptionsCacheOnMount?.allEventTypes,\r\n sessionFilterSnapshotOnMount?.selectedYear,\r\n sessionFilterUiOnMount?.selectedSanctioningBodies ??\r\n sessionFilterSnapshotOnMount?.selectedSanctioningBodies\r\n )\r\n );\r\n const [allEventTypes, setAllEventTypes] = useState(\r\n () => filterOptionsCacheOnMount?.allEventTypes ?? []\r\n );\r\n const [selectedEventTypes, setSelectedEventTypes] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedEventTypes\")\r\n );\r\n const [paymentTypeOptions, setPaymentTypeOptions] = useState(\r\n () => filterOptionsCacheOnMount?.paymentTypeOptions ?? []\r\n );\r\n const [selectedPaymentTypes, setSelectedPaymentTypes] = useState(() =>\r\n initialSelectedFromSessionUi(sessionFilterUiOnMount, \"selectedPaymentTypes\")\r\n );\r\n const [statusOptions, setStatusOptions] = useState(\r\n () => filterOptionsCacheOnMount?.statusOptions ?? DEFAULT_STATUS_OPTIONS\r\n );\r\n const [isExporting, setIsExporting] = useState(false);\r\n\r\n // Applied filters state for DataList\r\n const [appliedFilters, setAppliedFilters] = useState(\r\n () => (canRestoreFromSession ? sessionCacheOnMount.appliedFilters : null)\r\n );\r\n const [showDataList, setShowDataList] = useState(\r\n () => Boolean(canRestoreFromSession && sessionCacheOnMount.showDataList)\r\n );\r\n const [triggerDataLoad, setTriggerDataLoad] = useState(false);\r\n const [applyFilterLoading, setApplyFilterLoading] = useState(false);\r\n const [tableLoadingFromCountClick, setTableLoadingFromCountClick] = useState(false);\r\n\r\n // Gap summary data state\r\n const [gapSummaryData, setGapSummaryData] = useState(\r\n () => (canRestoreFromSession ? sessionCacheOnMount.gapSummaryData ?? [] : [])\r\n );\r\n const [loadingSummary, setLoadingSummary] = useState(false);\r\n const [summaryError, setSummaryError] = useState(\r\n () => (canRestoreFromSession ? sessionCacheOnMount.summaryError ?? null : null)\r\n );\r\n\r\n // Loading states for each filter option\r\n const [loadingEvents, setLoadingEvents] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingAffiliateTypes, setLoadingAffiliateTypes] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingAffiliates, setLoadingAffiliates] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingPassTypes, setLoadingPassTypes] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingSpecialOptions, setLoadingSpecialOptions] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingSanctioningBodies, setLoadingSanctioningBodies] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingEventTypes, setLoadingEventTypes] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n const [loadingPaymentTypes, setLoadingPaymentTypes] = useState(\r\n () => !hasFilterOptionsCacheOnMount\r\n );\r\n\r\n // Saved filter lists state\r\n const [showListsDialog, setShowListsDialog] = useState(false);\r\n const [showNewListModal, setShowNewListModal] = useState(false);\r\n const [savedLists, setSavedLists] = useState([]);\r\n const [loadingLists, setLoadingLists] = useState(false);\r\n const [newListName, setNewListName] = useState(\"\");\r\n const [savingList, setSavingList] = useState(false);\r\n const [selectedSavedFilter, setSelectedSavedFilter] = useState(() => {\r\n const snapshot = sessionCacheOnMount?.selectedSavedFilterSnapshot;\r\n if (snapshot?.id) {\r\n return snapshot;\r\n }\r\n return null;\r\n });\r\n const [currentAccountId, setCurrentAccountId] = useState(null);\r\n const [currentAccount, setCurrentAccount] = useState(null); // Store full account data\r\n const [shouldSelectAllEvents, setShouldSelectAllEvents] = useState(false);\r\n const [shouldAutoApplyFilter, setShouldAutoApplyFilter] = useState(false);\r\n const [hasInitializedDefaults, setHasInitializedDefaults] = useState(\r\n () => !canRestoreFromSession || hasCachedFilterUiOnMount\r\n );\r\n /** Latched false until filters, events, and initial KPI data are all ready — prevents early dismiss on fast networks. */\r\n const [hasDismissedInitialLoader, setHasDismissedInitialLoader] = useState(\r\n () => Boolean(canRestoreFromSession)\r\n );\r\n /** Fresh load/reload: keep applying \"select all\" until every filter option list is populated and selected. */\r\n const [isApplyingFreshDefaults, setIsApplyingFreshDefaults] = useState(\r\n () => !canRestoreFromSession\r\n );\r\n const isApplyingFreshDefaultsRef = useRef(!canRestoreFromSession);\r\n const freshBootstrapPassesRef = useRef(0);\r\n const [eventsLoadSettled, setEventsLoadSettled] = useState(\r\n () => hasFilterOptionsCacheOnMount || Boolean(canRestoreFromSession)\r\n );\r\n const [initialKpiFetchSettled, setInitialKpiFetchSettled] = useState(\r\n () => Boolean(canRestoreFromSession)\r\n );\r\n const waitingForEventsRef = useRef(false);\r\n const sessionFiltersHydratedRef = useRef(hasCachedFilterUiOnMount);\r\n const summaryRestoredRef = useRef(hasCachedFilterUiOnMount);\r\n const initializationAttemptedRef = useRef(hasCachedFilterUiOnMount);\r\n const initialGapSummaryFetchedRef = useRef(canRestoreFromSession);\r\n const sessionCacheRestoredRef = useRef(canRestoreFromSession);\r\n const skipDataListInitialFetchRef = useRef(canRestoreFromSession);\r\n /** True while the initial gap-summary (KPI) request is in flight — ref avoids a race where the fetch ref is set before loadingSummary state updates. */\r\n const initialGapSummaryInFlightRef = useRef(false);\r\n const initialYearSetRef = useRef(false);\r\n /** When true, skip auto-select-all — user changed the events multiselect manually. */\r\n const userCustomizedEventSelectionRef = useRef(false);\r\n /** When true, user edited a filter — stop session restore/sync from overriding selections. */\r\n const userCustomizedFiltersRef = useRef(false);\r\n /** When true, skip the effect that re-selects default events after eventReport becomes empty (user cleared the multiselect). */\r\n const userClearedAllEventsRef = useRef(false);\r\n /**\r\n * True while resetting filters (e.g. clear saved filter / Reset) until events + gap summary + table pipeline finish.\r\n * Avoids clearing KPI/chart data when eventReport is briefly empty and fetchGapSummary would otherwise zero out the UI.\r\n */\r\n const attendanceFullResetPendingRef = useRef(false);\r\n /** Reset keeps this true until every option in eventsOptions is selected (survives stale loads / filter expansion). */\r\n const pendingResetEventSelectionRef = useRef(false);\r\n /** Reset keeps this true until cascade filters expand back to all options (survives bootstrap timing). */\r\n const pendingResetAllFiltersRef = useRef(false);\r\n /** Initial page load — keep selecting all until eventsOptions stabilizes after filter defaults apply. */\r\n const initialDefaultSelectionPendingRef = useRef(false);\r\n const shouldSelectAllEventsRef = useRef(false);\r\n const pendingRestoreEventIdsRef = useRef(null);\r\n const filterRestoreSyncCompleteRef = useRef(hasCachedFilterUiOnMount);\r\n const [filterRestoreSyncComplete, setFilterRestoreSyncComplete] = useState(\r\n () => hasCachedFilterUiOnMount\r\n );\r\n /** Set true only after pass/special/parking options are derived from selected events. */\r\n const eventDerivedFiltersHydratedRef = useRef(false);\r\n const suppressPersistenceUntilApplyRef = useRef(false);\r\n const persistSummaryFiltersRef = useRef(() => {});\r\n const restoreInProgressRef = useRef(canRestoreFromSession);\r\n const invitationTypeFieldRef = useRef(null);\r\n const isMountedRef = useRef(true);\r\n\r\n useEffect(() => {\r\n isMountedRef.current = true;\r\n return () => {\r\n isMountedRef.current = false;\r\n };\r\n }, []);\r\n\r\n const syncInvitationTypePanelWidth = () => {\r\n const applyWidth = () => {\r\n const trigger = invitationTypeFieldRef.current?.querySelector(\".p-dropdown\");\r\n const panel = document.querySelector(\".p-dropdown-panel.attendance-filter-dropdown-panel\");\r\n if (!trigger || !panel) {\r\n return;\r\n }\r\n const { width } = trigger.getBoundingClientRect();\r\n panel.style.minWidth = `${width}px`;\r\n panel.style.width = `${width}px`;\r\n };\r\n\r\n requestAnimationFrame(() => {\r\n applyWidth();\r\n requestAnimationFrame(applyWidth);\r\n });\r\n };\r\n\r\n /**\r\n * Tab indices must stay contiguous (no holes from `{condition && {message}
\r\n {onRetry && (\r\n\r\n {isInitialPageLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n Loading Report...
\r\n\r\n Please wait while we load filters and summary data\r\n
\r\n\r\n {!isAdminOrSuper && (\r\n \r\n {isExporting ? \"Exporting...\" : \"Export CSV\"}\r\n \r\n
\r\n\r\n \r\n Attendance Summary Report\r\n
\r\n )}\r\n {isAdminOrSuper && (\r\n \r\n )}\r\n\r\n\r\n \r\n \r\n \r\n setSelectedAgeCategory(e.value)}\r\n onShow={syncInvitationTypePanelWidth}\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n placeholder=\"Select Invitation Type\"\r\n className=\"w-full attendance-filter-dropdown\"\r\n panelClassName=\"attendance-filter-dropdown-panel\"\r\n appendTo={attendanceMultiSelectAppendTo}\r\n />\r\n
\r\n \r\n )}\r\n \r\n {selectedSavedFilter && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n handleChangeYear(e)}\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n placeholder=\"Select Year\"\r\n className=\"w-full\"\r\n panelClassName=\"custom-multiselect attendance-multiselect-panel\"\r\n appendTo={attendanceMultiSelectAppendTo}\r\n filter\r\n maxSelectedLabels={1}\r\n selectedItemsLabel={getSelectedItemsLabel(selectedYear, yearsOptions)}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {showAgeCategoryFilter && (\r\n \r\n
\r\n \r\n \r\n \r\n Active Filter: {selectedSavedFilter.name}\r\n \r\n {\r\n setSelectedSavedFilter(null);\r\n clearEventReport();\r\n }}\r\n style={{ color: '#fff', width: \"auto\" }}\r\n tooltip=\"Clear saved filter\"\r\n />\r\n handleDeleteSavedFilter(selectedSavedFilter.id)}\r\n style={{ color: '#ff6b6b', width: \"auto\" }}\r\n tooltip=\"Delete saved filter\"\r\n />\r\n
\r\n \r\n {canSaveSearch() && (\r\n \r\n {applyFilterLoading ? (\r\n <>\r\n \r\n Reset\r\n \r\n {\r\n if (selectedSavedFilter) {\r\n handleApplySavedList(selectedSavedFilter);\r\n }\r\n }}\r\n tooltip={selectedSavedFilter ? `Active: ${selectedSavedFilter.name}` : \"Saved Filters\"}\r\n tooltipOptions={{ position: 'top' }}\r\n />\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n {showDataList && appliedFilters && (\r\n \r\n {tableLoadingFromCountClick && (\r\n \r\n \r\n )}\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n 0 ? eventReport[0] : null}\r\n triggerDataLoad={triggerDataLoad}\r\n onDataLoadComplete={handleDataLoadComplete}\r\n sessionState={\r\n sessionCacheRestoredRef.current\r\n ? sessionCacheOnMount?.dataListState\r\n : null\r\n }\r\n skipInitialFetchRef={skipDataListInitialFetchRef}\r\n onSessionStateChange={handleDataListSessionStateChange}\r\n />\r\n
\r\n \r\n
\r\n \r\n Exporting CSV Report...\r\n
\r\n\r\n Please wait while we generate your report\r\n
\r\n \r\n \r\n )}\r\n\r\n {/* Saved Lists Dialog */}\r\n\r\n setShowListsDialog(false)}\r\n className=\"p-button-text\"\r\n />\r\n
\r\n }\r\n >\r\n \r\n {loadingLists ? (\r\n
\r\n )}\r\n \r\n {/* Add New List option */}\r\n \r\n
\r\n ) : savedLists.length === 0 ? (\r\n \r\n No saved lists found\r\n
\r\n ) : (\r\n \r\n {savedLists.map((list, index) => (\r\n handleApplySavedList(list)}\r\n style={{\r\n padding: '1rem',\r\n marginBottom: '0.5rem',\r\n border: '1px solid #ddd',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n transition: 'background-color 0.2s',\r\n }}\r\n onMouseEnter={(e) => e.target.style.backgroundColor = '#f5f5f5'}\r\n onMouseLeave={(e) => e.target.style.backgroundColor = 'transparent'}\r\n >\r\n
\r\n ))}\r\n \r\n {list.name || 'Unnamed List'}\r\n
\r\n {list.createdDate && (\r\n \r\n Created: {moment(list.createdDate).format('MMM DD, YYYY')}\r\n
\r\n )}\r\n \r\n {\r\n setShowNewListModal(false);\r\n setNewListName(\"\");\r\n }}\r\n className=\"p-button-text p-button-sm\"\r\n disabled={savingList}\r\n />\r\n
\r\n }\r\n >\r\n \r\n \r\n setNewListName(e.target.value)}\r\n placeholder=\"Enter list name\"\r\n className=\"w-full attendance-report-dialog__list-name-input\"\r\n disabled={savingList}\r\n onKeyPress={(e) => {\r\n if (e.key === 'Enter' && newListName.trim() && !savingList) {\r\n handleSaveNewList();\r\n }\r\n }}\r\n />\r\n \r\n The current filter selections will be saved with this name.\r\n \r\n
\r\n \r\n {rowData.email}
;\r\n };\r\n\r\n const phoneBodyTemplate = (rowData) => {\r\n return {rowData.phone || ''}
;\r\n };\r\n\r\n const statusBodyTemplate = (rowData) => {\r\n return Active
;\r\n };\r\n\r\n const actionsBodyTemplate = (rowData) => {\r\n return (\r\n 🔍
\r\n No guests found matching your search
\r\n Try a different search term
\r\n 📋
\r\n No invitations found for this guest
\r\n No waivers required for this invitation
\r\n \r\n Hello World!\r\n
\r\n );\r\n};\r\n\r\nexport default AllocationsReports;\r\n","const orderByOptions = {\r\n passTypes: [\r\n {\r\n label: 'Name (A–Z)',\r\n value: 'displayname',\r\n },\r\n {\r\n label: 'Name (Z–A)',\r\n value: 'displaynamedesc',\r\n },\r\n {\r\n label: 'Allow This Pass Type for Minors',\r\n value: 'allowminors',\r\n },\r\n {\r\n label: 'Pass Allows to Accompany Minors',\r\n value: 'allowaccompanyminors',\r\n },\r\n ],\r\n};\r\n\r\nexport const SEARCH_PASS_TYPE_LIST = {\r\n ID: 'passTypes/passTypesList',\r\n PAGE_NAME: 'Pass Type Management',\r\n SEARCH_CRITERIA: {\r\n searchTerm: '',\r\n orderBy: 'displayname',\r\n orderByOptions: orderByOptions.passTypes,\r\n },\r\n BLANK_SEARCH_RESULT_TEXT: 'passTypes.emptySearch',\r\n REQUEST_CONFIG: {\r\n searchQueryKey: 'searchTerm',\r\n orderByKey: 'orderBy',\r\n },\r\n VISIBLE_FIELDS: [\r\n 'displayName',\r\n 'displayNameDesc',\r\n 'allowMinors',\r\n 'allowAccompanyMinors'\r\n ],\r\n};\r\n","import styled from 'styled-components';\r\n\r\nconst Card = styled.span`\r\n padding: 15px;\r\n box-shadow: 3px 3px 8px 2px rgba(0,0,0,.3);\r\n background-color: rgba(0,0,0,.8);\r\n`;\r\n\r\nexport const CardSquare = styled(Card)`\r\n width: 20px;\r\n height: 20px;\r\n padding: 5px;\r\n margin-right: 15px;\r\n background-color: ${({ color }) => color};\r\n display: inline-block;\r\n line-height: 0;\r\n vertical-align: middle;\r\n`;\r\n\r\nexport default Card;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport styled from \"styled-components\";\r\nimport { colorProp } from \"propTypes\";\r\nimport { CardSquare } from \"css/components/Card\";\r\nimport { push } from \"react-router-redux\";\r\nimport Icon from \"components/common/Icon\";\r\nimport OptionsMenu from \"common/OptionsMenu\";\r\nimport { MenuItem } from \"common/Menu\";\r\nimport uniqueId from \"lodash/uniqueId\";\r\nimport { isDescendant } from \"shared/utils/dom\";\r\nimport {\r\n Wrapper,\r\n Header,\r\n Content,\r\n Title,\r\n ActionsWrapper,\r\n Actions,\r\n DetailsWrapper,\r\n} from \"common/List/styles\";\r\n\r\nconst menuPosition = {\r\n posX: \"left\",\r\n posY: \"bottom\",\r\n};\r\n\r\nclass PassTypeListItem extends Component {\r\n handleTypeUpdate = (item) => () => {\r\n const { onUpdate } = this.props;\r\n onUpdate({ ...item, isActive: !item.isActive });\r\n };\r\n\r\n renderActions() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default enhanceWithClickOutside(FormColorPicker);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { reduxForm } from \"redux-form\";\r\n\r\nimport { required, createValidator, hexColor } from \"shared/utils/validation\";\r\nimport Form from \"common/Form\";\r\nimport CheckBox from \"common/CheckBox\";\r\nimport Content from \"common/Content\";\r\nimport { Row, Col } from \"common/layout\";\r\nimport FormResetWarning from \"common/FormResetWarning\";\r\nimport FormTextField from \"common/FormTextField\";\r\nimport FormColorPicker from \"components/ColorPicker/FormColorPicker\";\r\n\r\n/**\r\n * Replaced by new version component v2/edit-passtype-detail.jsx\r\n * Associated to user story 7819. \r\n * https://dev.azure.com/nascar/Lixar/_workitems/edit/7819/\r\n */\r\nclass PassTypeForm extends Component {\r\n static propTypes = {\r\n editStatus: PropTypes.bool.isRequired,\r\n fields: PropTypes.object,\r\n handleSubmit: PropTypes.func.isRequired,\r\n dirty: PropTypes.bool.isRequired,\r\n passType: PropTypes.object,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.actions = [\r\n {\r\n label: \"Add\",\r\n isDisabled: this.isReadOnly,\r\n },\r\n ];\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.editStatus) {\r\n this.actions[0].label = \"Save\";\r\n }\r\n }\r\n\r\n get isReadOnly() {\r\n const {\r\n passType: { isEditable },\r\n editStatus,\r\n } = this.props;\r\n return isEditable === false && editStatus;\r\n }\r\n\r\n render() {\r\n const { fields, handleSubmit, dirty } = this.props;\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {/* Show up the pass type editing form after success got \r\n pass type data from server side. */}\r\n {!isShowSpinner && (\r\n //\r\n // Show block cover when click \"Save\" button.\r\n // Prevent user from clicking items in the form\r\n // when saving data type is in processing.\r\n //\r\n \r\n
\r\n \r\n {isEditable && isEditPassType && Edit Pass Type}\r\n {isEditable && !isEditPassType && (\r\n Create New Pass Type\r\n )}\r\n {!isEditable && isEditPassType && View Pass Type}\r\n
\r\n \r\n {(isEditable && (\r\n \r\n \r\n onPassTypeModified(\"DisplayName\", e.target.value)\r\n }\r\n className={\r\n !isFormFieldValid(\"DisplayName\") ? \"p-invalid\" : \"\"\r\n }\r\n />\r\n \r\n \r\n )) || (\r\n
\r\n \r\n
\r\n )}\r\n \r\n Name *\r\n
\r\n {passType.DisplayName}\r\n \r\n {(isEditable && (\r\n \r\n \r\n onPassTypeModified(\"Color\", e.target.value)\r\n }\r\n className={!isFormFieldValid(\"Color\") ? \"p-invalid\" : \"\"}\r\n />\r\n \r\n \r\n )) || (\r\n
\r\n {isEditable && (\r\n \r\n \r\n onPassTypeModified(\"Color\", \"#\" + e.value)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n Color *\r\n
\r\n {passType.Color}\r\n \r\n onPassTypeModified(\"Color\", \"#\" + e.value)}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n onPassTypeModified(\r\n \"MinorEligibility\",\r\n e.checked ? e.value : false\r\n )\r\n }\r\n className=\"nascar-default-color\"\r\n checked={passType.MinorEligibility}\r\n >\r\n \r\n Allow this pass type for minors\r\n \r\n
\r\n \r\n \r\n onPassTypeModified(\"Is4SEL\", e.checked ? e.value : false)\r\n }\r\n className=\"nascar-default-color\"\r\n checked={passType.Is4SEL}\r\n >\r\n \r\n Require approval at 4+ SELs for the season\r\n \r\n
\r\n \r\n \r\n onPassTypeModified(\r\n \"AllowWicketAuthentication\",\r\n e.checked ? e.value : false\r\n )\r\n }\r\n className=\"nascar-default-color\"\r\n checked={passType.AllowWicketAuthentication}\r\n >\r\n \r\n Allow Facial Authentication\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n onPassTypeModified(\r\n \"EligibilityToAccompanyMinors\",\r\n e.checked ? e.value : false\r\n )\r\n }\r\n className=\"nascar-default-color\"\r\n checked={passType.EligibilityToAccompanyMinors}\r\n >\r\n \r\n Pass allows to accompany minors\r\n \r\n
\r\n \r\n \r\n onPassTypeModified(\r\n \"RequireApproval\",\r\n e.checked ? e.value : false\r\n )\r\n }\r\n className=\"nascar-default-color\"\r\n checked={passType.RequireApproval}\r\n >\r\n \r\n Always Requires Approval\r\n \r\n
\r\n \r\n {(isEditable && (\r\n \r\n \r\n onPassTypeModified(\"Description\", e.target.value)\r\n }\r\n rows={10}\r\n cols={30}\r\n autoResize\r\n />\r\n \r\n \r\n )) || (\r\n
\r\n \r\n
\r\n )}\r\n Description
\r\n {passType.Description}
\r\n \r\n \r\n \r\n onPassTypeModified(\"PassTypeSanctioningBodyIds\", e.value)\r\n }\r\n options={sanctioningBodies}\r\n optionLabel=\"name\"\r\n optionValue=\"id\"\r\n maxSelectedLabels={3}\r\n filter\r\n panelClassName=\"multiselect-with-filter\"\r\n placeholder=\"Select a sanctioning body\"\r\n className=\"w-full\"\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n onPassTypeModified(\"PassTypeVenueIds\", e.value)}\r\n options={filterVenueList(venues)}\r\n optionLabel=\"name\"\r\n optionValue=\"id\"\r\n maxSelectedLabels={3}\r\n filter\r\n panelClassName=\"multiselect-with-filter\"\r\n placeholder=\"Select a venue\"\r\n className=\"w-full\"\r\n />\r\n
\r\n {props.isSuperAdmin &&\r\n isEditPassType &&\r\n passTypeHistoryItems.length > 0 && (\r\n \r\n
\r\n )}\r\n {isEditable && (\r\n \r\n \r\n {/* Disabled the \"Save\" button \r\n if there is any valdiation error \r\n happened in pass type input data. */}\r\n \r\n \r\n
\r\n )}\r\n {image}
\r\n );\r\n};\r\n\r\nLogo.propTypes = {\r\n className: PropTypes.string,\r\n href: PropTypes.string,\r\n};\r\n\r\nexport default Logo;\r\n","import makeConnectionCall, { VIEW_API_ACTIONS } from 'provisioning/api/provisioningConnection';\r\nimport Logger from 'provisioning/shared/utils/Logger';\r\n\r\nexport const getSyncState = () => (\r\n makeConnectionCall(VIEW_API_ACTIONS.getSyncState)\r\n);\r\n\r\nexport const startSync = () => {\r\n makeConnectionCall(VIEW_API_ACTIONS.startSync);\r\n Logger.warn('Start Syncing');\r\n return getSyncState();\r\n};\r\n","import styled from 'styled-components-legacy-version';\r\n\r\nimport { orangeColor } from 'provisioning/css/variables';\r\nimport { unSelectableText, rotateBackwards } from 'provisioning/css/mixins';\r\n\r\nexport const HeaderIcon = styled.div`\r\n display: inline-block;\r\n margin: 0 10px;\r\n max-width: 50px;\r\n text-overflow: hidden;\r\n ${unSelectableText}\r\n \r\n .sync-icon {\r\n transform: scaleX(-1);\r\n }\r\n \r\n .is-syncing {\r\n position: relative;\r\n border: none !important;\r\n animation: ${rotateBackwards} 1.5s infinite linear;\r\n }\r\n \r\n .header-icon {\r\n border: 2px solid transparent;\r\n color: ${orangeColor};\r\n display: inline-block;\r\n font-size: 3rem;\r\n padding: 0 2px;\r\n vertical-align: middle;\r\n\r\n &:hover, &:active {\r\n color: white;\r\n cursor: pointer;\r\n }\r\n }\r\n`;\r\n\r\nexport const SyncIconContainer = styled.div`\r\n line-height: 1;\r\n position: relative;\r\n display: inline-block;\r\n text-align: center;\r\n ::after {\r\n content: '';\r\n width: 1px;\r\n background-color: #fff;\r\n opacity: 0.3;\r\n position: relative;\r\n height: 47px;\r\n top: 18px;\r\n display: inline-block;\r\n margin: 0 .5em 0 1em;\r\n }\r\n \r\n h5 {\r\n font-weight: bold;\r\n font-size: 0.8em;\r\n margin: 0 0 3px 0;\r\n &.sync-complete {\r\n top: 6px;\r\n position: relative;\r\n }\r\n }\r\n \r\n ul > li {\r\n float: none;\r\n font-size: 14px;\r\n opacity: 0.6;\r\n font-style: italic;\r\n }\r\n`;\r\n\r\n\r\nexport const SyncStatusContainer = styled.div`\r\n line-height: 1;\r\n display: inline-block;\r\n top: 0.7em;\r\n position: relative;\r\n`;","import React, { PureComponent } from 'react';\r\nimport cx from 'classnames';\r\nimport { SYNC_STATE_STOPPED } from 'provisioning/constants/sync';\r\nimport { startSync, getSyncState } from 'provisioning/actions/sync';\r\nimport Icon from 'provisioning/components/common/icons/Icon';\r\nimport { HeaderIcon, SyncIconContainer, SyncStatusContainer } from './styles';\r\n\r\nconst POLL_INTERVAL_MS = 3000;\r\n\r\nexport const getIsSyncing = (syncData) => (\r\n Number(syncData.downloadState) !== SYNC_STATE_STOPPED ||\r\n Number(syncData.uploadState) !== SYNC_STATE_STOPPED\r\n);\r\n\r\nclass SyncIcon extends PureComponent {\r\n state = {\r\n isSyncFetching: false,\r\n isSyncing: false,\r\n syncData: {\r\n downloadHealth: 0,\r\n downloadState: 0,\r\n uploadHealth: 0,\r\n uploadState: 0,\r\n internetConnected: true,\r\n invitationCount: 0,\r\n invitationDownloadCount: 0,\r\n invitationUploadCount: 0,\r\n },\r\n };\r\n\r\n UNSAFE_componentWillMount() {\r\n this.fetchSyncState();\r\n }\r\n\r\n fetchSyncState() {\r\n this.setState({ isSyncFetching: true });\r\n getSyncState().then(data => {\r\n this.setState({\r\n syncData: data,\r\n isSyncing: getIsSyncing(data),\r\n isSyncFetching: false,\r\n });\r\n });\r\n }\r\n\r\n UNSAFE_componentWillUpdate(nextProps, nextState) {\r\n if (this.state.syncData !== nextState.syncData) {\r\n window.clearTimeout(this.timeout);\r\n if (!nextState.isSyncFetching) {\r\n this.startSyncPoll();\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.clearTimeout(this.timeout);\r\n }\r\n\r\n startSyncPoll() {\r\n this.timeout = window.setTimeout(() => this.fetchSyncState(), POLL_INTERVAL_MS);\r\n }\r\n\r\n handleStartSync = () => {\r\n if (!this.state.isSyncing) {\r\n startSync();\r\n }\r\n }\r\n render() {\r\n const classes = cx('header-icon', 'sync-icon', {\r\n 'is-syncing': this.state.isSyncing && this.state.syncData.internetConnected,\r\n });\r\n\r\n return (\r\n Sync disabled
\r\n- \r\n
- Internet not available \r\n
- {this.state.syncData.invitationUploadCount} remaining to upload \r\n
Sync complete
\r\n- \r\n
- \r\n
Syncing...
\r\n- \r\n
- {this.state.syncData.invitationDownloadCount} remaining to download \r\n
- {this.state.syncData.invitationUploadCount} remaining to upload \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect()(PageLayout);\r\n","import CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport { VIEW_API_ACTIONS } from 'provisioning/api/provisioningConnection';\r\n\r\nconst loadUserProfile = () => {\r\n const endpoint = CONSTANTS.API.ACCOUNTS.CURRENT;\r\n return {\r\n [CONSTANTS.CALL_API]: {\r\n endpoint,\r\n wrapperCall: {\r\n action: VIEW_API_ACTIONS.getUserProfile,\r\n },\r\n method: CONSTANTS.METHODS.GET,\r\n config: {\r\n headers: {\r\n Accept: CONSTANTS.CONTENT_TYPES.APPLICATION_JSON,\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nexport const fetchUserProfile = (dispatch) => dispatch(loadUserProfile());\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { getSidebarIsOpen } from 'provisioning/reducers/layout';\r\nimport Layout from './Layout';\r\nimport { fetchUserProfile } from 'provisioning/actions/userProfile';\r\nclass PageLayoutContainer extends Component {\r\n static propTypes = {\r\n isSidebarOpen: PropTypes.bool,\r\n };\r\n\r\n componentDidMount() {\r\n this.props.fetchUserProfile();\r\n }\r\n\r\n componentDidUpdate() {\r\n if (Materialize.updateTextFields) Materialize.updateTextFields();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {props.children}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default VerticallyCenter;\r\n","import styles from 'styled-components-legacy-version';\r\n\r\nimport { orangeColor } from 'provisioning/css/variables';\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\nimport styled from 'styled-components-legacy-version';\r\nimport Button from 'provisioning/components/common/Button';\r\n\r\nexport const ScanStepContainer = styles.div``;\r\n\r\nexport const ScanStepHeader = styles.div`\r\n font-size: 30px;\r\n padding: 10px 10px 20px 10px;\r\n`;\r\n\r\nexport const ManualPassHeader = styles.div`\r\n padding: 20px;\r\n font-size: 24px;\r\n`;\r\n\r\nexport const ScanStepFooter = styles.div`\r\n bottom: 0;\r\n width: 100%;\r\n`;\r\n\r\nexport const ScanStepCenter = styles.div`\r\n bottom: 0;\r\n height: 20%;\r\n left: 0;\r\n margin: auto;\r\n position: ${props => props.issued ? \"relative\" : \"absolute\"};\r\n right: 0;\r\n top: 0;\r\n width: 40%;\r\n ${props => props.issued ? \"padding-top: 50px;\" : null};\r\n`;\r\n\r\nexport const ManualPassIdLink = styles.span`\r\n margin-left: 50px;\r\n padding: 20px 10px 10px 10px;\r\n cursor: pointer;\r\n background-color: #2a3239;\r\n text-decoration: underline;\r\n color: ${orangeColor};\r\n font-size: 12pt;\r\n`;\r\n\r\nexport const ManualInfoText = styles.div`\r\n text-align: center;\r\n`;\r\n\r\nexport const ScanFinalResult = styles.div`\r\n font-size: 30px;\r\n line-height: 1.5;\r\n text-align: center;\r\n`;\r\n\r\nexport const ErrorDuringScanContainer = styles.div`\r\n height: 50vh;\r\n margin: auto;\r\n text-align: center;\r\n width: 50vw;\r\n`;\r\n\r\nexport const ErrorMessage = styles.div`\r\n font-size: 125%;\r\n padding: 10px;\r\n`;\r\n\r\nexport const InputWrapper = styles.div`\r\n margin: 1em auto;\r\n width: 80%;\r\n`;\r\n\r\nexport const ScanRestart = styles.div`\r\n color: #cc0000;\r\n font-weight: bold;\r\n text-shadow: 0 0 0 rgba(0, 0, 0, .6);\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n`;\r\n\r\nexport const ScanInitialStepWrapper = styles.div`\r\n`;\r\n\r\nexport const HardWareScannerIconWrapper = styles.div`\r\n opacity: 0.8;\r\n position: absolute;\r\n right: 20px;\r\n transition: 400ms;\r\n top: 1em;\r\n \r\n .svg-wrapper {\r\n display: inline-block;\r\n }\r\n`;\r\nexport const HardWareQrCodeReaderIconWrapper = styles.div`\r\n opacity: 0.8;\r\n position: absolute;\r\n right: 60px;\r\n transition: 400ms;\r\n top: 1em;\r\n \r\n .svg-wrapper {\r\n display: inline-block;\r\n }\r\n`;\r\n\r\nexport const InvitationInfoWrapper = styles.div`\r\n font-size: 18px;\r\n padding: 10px 10px 20px 10px;\r\n display: flex;\r\n div {\r\n padding-right: 16px;\r\n font-weight: bold;\r\n span {\r\n font-weight: 400;\r\n }\r\n }\r\n`;\r\n\r\nexport const BulkScanResultContainer = styles.div`\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 24px 0 100px;\r\n table {\r\n flex: 1;\r\n margin-right: 30px;\r\n td {\r\n padding: 7px !important;\r\n }\r\n }\r\n textarea {\r\n line-height: 1.5;\r\n }\r\n`;\r\n\r\nexport const BulkScanEventInfo = styles.div`\r\n flex: 1;\r\n margin-right: 20px;\r\n`;\r\n\r\nexport const BulkScanSendBody = styles.div`\r\n display: flex;\r\n width: 100%;\r\n margin-top: 40px;\r\n`;\r\nexport const BulkScanSendBodyItem = styles.div`\r\n width: 100%;\r\n`;\r\n\r\nexport const BulkScanTitle = styles.div`\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n`;\r\n\r\nexport const FooterButton = styled(Button)`\r\n font-style: italic;\r\n position: relative;\r\n min-width: 100px;\r\n border: 2px solid ${CONSTANTS.COLORS.NASCAR_YELLOW};\r\n padding: 10px 20px;\r\n background-color: #293239;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 1.7rem;\r\n line-height: normal;\r\n text-align: center;\r\n outline: none;\r\n transform: skewX(-8deg);\r\n box-sizing: border-box;\r\n transition: background-color 0.3s;\r\n`;\r\n\r\nexport const ActionCheckbox = styled.div`\r\n > div {\r\n border: none;\r\n background-color: transparent;\r\n &:hover {\r\n background-color: transparent;\r\n }\r\n }\r\n`;","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport Icon from 'provisioning/components/common/icons/Icon';\r\nimport styled from 'styled-components-legacy-version';\r\nimport { switchCamera } from 'provisioning/actions/camera';\r\nimport { startScanStep1, startScanStep2 } from 'provisioning/actions/scan';\r\nimport { getInvitationField } from 'provisioning/reducers/invitation';\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\n\r\n\r\nclass SwitchCameraIcon extends Component {\r\n static propTypes = {\r\n useBackCamera: PropTypes.bool,\r\n scanType: PropTypes.string,\r\n startScanStep1: PropTypes.func.isRequired,\r\n startScanStep2: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n scanType: '',\r\n };\r\n\r\n handleClick = () => {\r\n const { useBackCamera, scanType, token, paymentTypeId, onClickCamera } = this.props;\r\n // if(onClickCamera) {\r\n // onClickCamera();\r\n // }\r\n\r\n this.props.switchCamera(!useBackCamera);\r\n\r\n if (scanType === CONSTANTS.SCAN_STEPS.INVITATION) {\r\n this.props.startScanStep1(!useBackCamera);\r\n } else if (scanType === CONSTANTS.SCAN_STEPS.PASS) {\r\n this.props.startScanStep2(token, paymentTypeId, !useBackCamera);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Ready to start?
\r\nTouch the screen to scan the guest's pass
\r\n\r\n
\r\n );\r\n};\r\n","import React, { PureComponent } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { ScanStepContainer, ScanStepHeader } from \"./styles\";\r\nimport HardwareScannerIcon from \"./HardwareScannerIcon\";\r\nimport HardwareQrCodeReader from \"./HardwareQrCodeReader\";\r\nimport CONSTANTS from \"provisioning/shared/utils/constants\";\r\nimport {\r\n BrowserQRCodeReader,\r\n ChecksumException,\r\n FormatException,\r\n} from \"@zxing/library\";\r\nimport { fetchDecodedQr } from \"provisioning/api/scanner\";\r\nimport { HardwareQrCodeResult } from \"./HardwareQrCodeResult\";\r\n\r\nclass ScanStepOne extends PureComponent {\r\n state = {\r\n error: \"\",\r\n usingDevice: false,\r\n };\r\n\r\n codeReader = new BrowserQRCodeReader();\r\n\r\n // refactor into actions after camera switch implemented\r\n decodeQr = (qrCode) => (dispatch) => {\r\n dispatch(fetchDecodedQr(qrCode))\r\n .then((results) => {\r\n this.props.router.push(\r\n `/provisioning/events/${results.EventId}/${results.Id}`\r\n );\r\n })\r\n .catch((e) => {\r\n this.setState({\r\n error: \"There has been an issue while scanning your QR Code!\",\r\n });\r\n });\r\n };\r\n\r\n startScanner = () => {\r\n this.codeReader.listVideoInputDevices().then((videoInputDevices) => {\r\n let deviceId = videoInputDevices[0].deviceId;\r\n\r\n if (this.props.useBackCamera && videoInputDevices.length > 1) {\r\n deviceId = videoInputDevices[1].deviceId; // select second camera\r\n }\r\n\r\n if (document.getElementById(\"video\")) {\r\n this.codeReader.decodeFromInputVideoDeviceContinuously(\r\n deviceId,\r\n \"video\",\r\n (result, err) => {\r\n if (result) {\r\n this.props.dispatch(this.decodeQr(result.text));\r\n }\r\n\r\n if (err) {\r\n if (err instanceof ChecksumException) {\r\n this.setState({\r\n error: \"A code was found, but it's read value was not valid.\",\r\n });\r\n }\r\n\r\n if (err instanceof FormatException) {\r\n this.setState({\r\n error: \"A code was found, but it was in a invalid format.\",\r\n });\r\n }\r\n }\r\n }\r\n );\r\n }\r\n });\r\n };\r\n\r\n scanQRCodeResult = (val) => {\r\n this.props.dispatch(this.decodeQr(val));\r\n };\r\n\r\n resetScanner = () => {\r\n if (this.codeReader) {\r\n this.codeReader.reset();\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.startScanner();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.resetScanner();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.useBackCamera !== prevProps.useBackCamera) {\r\n this.resetScanner();\r\n this.startScanner();\r\n }\r\n }\r\n handleClickScanner = () => {\r\n this.setState({ usingDevice: true }, () => {\r\n this.resetScanner();\r\n });\r\n };\r\n handleCameraIconClick = () => {\r\n this.setState({ usingDevice: false }, () => {\r\n this.resetScanner();\r\n this.startScanner();\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n Please scan using scanner
\r\n\r\n
\r\n {!this.state.usingDevice && (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {this.state.usingDevice && (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Looks like you have already assigned an Pass Id,\r\n
\r\n please provide with additional information in order to update Pass\r\n Id.\r\n
\r\n
\r\n );\r\n};\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport autobind from \"react-autobind\";\r\nimport { push } from \"react-router-redux\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport Logger from \"provisioning/shared/utils/Logger\";\r\nimport {\r\n ScanStepContainer,\r\n ScanStepHeader,\r\n ScanStepFooter,\r\n ManualPassIdLink,\r\n} from \"./styles\";\r\nimport ProvisioningFooter from \"provisioning/components/ProvisioningFooter\";\r\nimport { updatePassId } from \"provisioning/actions/invitationDetails\";\r\n// TODO: We should refactor this to the api folder, but no time currently\r\nimport { submitInvitationDetails } from \"provisioning/components/invitations/invitation/actionCreators\";\r\nimport { getRouteForInvitationId } from \"provisioning/shared/utils/routeHelpers\";\r\nimport { submitError } from \"provisioning/actions/scan\";\r\nimport ScanManualPassEntry from \"./ScanManualPassEntry\";\r\nimport PopoverRoot from \"provisioning/components/common/popover/PopoverRoot.jsx\";\r\nimport { LoadingPopover } from \"provisioning/components/common/popover\";\r\nimport { isEmpty } from \"provisioning/shared/utils/validation\";\r\nimport CONSTANTS from \"provisioning/shared/utils/constants\";\r\nimport {\r\n getInvitationField,\r\n getInvitationDetails,\r\n getInvitationParkingPassDetails,\r\n} from \"provisioning/reducers/invitation\";\r\nimport {\r\n BrowserQRCodeReader,\r\n ChecksumException,\r\n FormatException,\r\n} from \"@zxing/library\";\r\nimport HardwareScannerIcon from \"./HardwareScannerIcon\";\r\nimport HardwareQrCodeReader from \"./HardwareQrCodeReader\";\r\nimport PassIssuedForm from \"./PassIssuedForm\";\r\nimport Modal from \"provisioning/components/common/ModalProvider\";\r\nimport styled from \"styled-components\";\r\nimport { HardwareQrCodeResultPass } from \"./HardwareQrCodeResultPass\";\r\nimport { bulkProvisioningUpdatePass } from \"provisioning/actions/eventGuests\";\r\n\r\nclass ScanStepTwo extends PureComponent {\r\n static propTypes = {\r\n eventId: PropTypes.number.isRequired,\r\n invitationId: PropTypes.number.isRequired,\r\n token: PropTypes.string.isRequired,\r\n paymentTypeId: PropTypes.number.isRequired,\r\n /** submitPassId will call server side method \"checkin\" in InvitationController.cs */\r\n submitPassId: PropTypes.func.isRequired,\r\n routeToResult: PropTypes.func.isRequired,\r\n routeToScan: PropTypes.func.isRequired,\r\n routeToDashboard: PropTypes.func.isRequired,\r\n routeToParkingPass: PropTypes.func.isRequired,\r\n routeBackToInvitation: PropTypes.func.isRequired,\r\n paymentMethodName: PropTypes.string,\r\n errorDuringManualEntry: PropTypes.func.isRequired,\r\n useBackCamera: PropTypes.bool.isRequired,\r\n };\r\n\r\n codeReader = new BrowserQRCodeReader();\r\n\r\n constructor() {\r\n super();\r\n /** Flag to lock the scanner process. Prevent system looping too many time. Associated to bug 6168 fix. */\r\n this.gotQRCode = false;\r\n\r\n autobind(this);\r\n\r\n this.state = {\r\n manuallyEntering: false,\r\n passIssued: false,\r\n isLoading: false,\r\n description: \"\",\r\n selectedOption: null,\r\n selectedType: null,\r\n selectedPass: null,\r\n showLink: false,\r\n parkingPassOptions: [],\r\n usingDevice: false,\r\n };\r\n }\r\n\r\n handleSelectChange = (selectedOption) => {\r\n this.setState({ selectedOption });\r\n };\r\n\r\n handleSelectType = (selectedType) => {\r\n this.setState({ selectedType });\r\n };\r\n handleSelectPass = (selectedPass) => {\r\n this.setState({ selectedPass });\r\n };\r\n\r\n handleDescriptionChange = (description) => {\r\n this.setState({ description });\r\n };\r\n\r\n handleClickScanner = () => {\r\n this.setState({ usingDevice: true }, () => {\r\n this.resetScanner();\r\n });\r\n };\r\n handleCameraIconClick = () => {\r\n this.setState({ usingDevice: false }, () => {\r\n this.resetScanner();\r\n this.startScanner();\r\n });\r\n };\r\n componentDidMount() {\r\n const { eventId, invitationId, details } = this.props;\r\n\r\n if (!this.isValidData(eventId, invitationId)) return;\r\n\r\n if (\r\n details.status.toLowerCase() === \"passissued\" ||\r\n details.status.toLowerCase() === \"grouppassissued\"\r\n ) {\r\n this.loadModal();\r\n } else {\r\n if (!details.isAnnualPass) {\r\n this.startScanner();\r\n }\r\n }\r\n\r\n if (details.isAnnualPass) {\r\n this.setState({\r\n manuallyEntering: true,\r\n });\r\n }\r\n\r\n const parkingPassData =\r\n details.invitationSpecialOptions &&\r\n details.invitationSpecialOptions.filter((item) => item.isParkingPass);\r\n\r\n if (parkingPassData.length > 0) {\r\n let parkingPassOptionsData = [];\r\n parkingPassData.map((item) => {\r\n const qtyData = Array.from(Array(item.quantity).keys());\r\n\r\n qtyData.map((passItem, i) => {\r\n let selectedParkingPassNumber;\r\n if (details.invitationParkingPassNumbers.length > 0) {\r\n selectedParkingPassNumber = details.invitationParkingPassNumbers.find(\r\n (parkingPass) =>\r\n parkingPass.specialOption_ID === item.id &&\r\n parkingPass.parkingPassSequence === i + 1\r\n );\r\n }\r\n parkingPassOptionsData.push({\r\n label: `${item.name} pass ${i + 1}${\r\n selectedParkingPassNumber\r\n ? \" - \" + selectedParkingPassNumber.parkingPassNumber\r\n : \"\"\r\n }`,\r\n value: `parking-${item.name}-${i + 1}`,\r\n specialOptionId: item.id,\r\n id: i + 1,\r\n });\r\n });\r\n\r\n // parkingPassOptions.push({\r\n // label: item.parkingPassNumber,\r\n // value: `parking-${i}`,\r\n // specialOptionId: item.specialOption_ID,\r\n // id: item.parkingPassSequence,\r\n // });\r\n this.setState({\r\n parkingPassOptions: parkingPassOptionsData,\r\n });\r\n });\r\n }\r\n\r\n // if (\r\n // details.invitationParkingPassNumbers &&\r\n // details.invitationParkingPassNumbers.length > 0\r\n // ) {\r\n // let parkingPassOptions = [];\r\n // details.invitationParkingPassNumbers.map((item, i) => {\r\n // parkingPassOptions.push({\r\n // label: item.parkingPassNumber,\r\n // value: `parking-${i}`,\r\n // specialOptionId: item.specialOption_ID,\r\n // id: item.parkingPassSequence,\r\n // });\r\n // });\r\n\r\n // this.setState({\r\n // parkingPassOptions: parkingPassOptions,\r\n // });\r\n // }\r\n }\r\n\r\n loadModal = () => {\r\n this.setState({\r\n passIssued: true,\r\n });\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.useBackCamera !== prevProps.useBackCamera) {\r\n this.resetScanner();\r\n this.startScanner();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.resetScanner();\r\n }\r\n\r\n isValidData(eventId, invitationId) {\r\n const { routeToDashboard } = this.props;\r\n\r\n if (!eventId || !invitationId) {\r\n Logger.warn(\"Missing search params, routing to Dashboard\");\r\n routeToDashboard();\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n backToOrigin() {\r\n const { eventId, invitationId, routeBackToInvitation } = this.props;\r\n\r\n if (!this.isValidData(eventId, invitationId)) return;\r\n\r\n routeBackToInvitation(eventId, invitationId);\r\n }\r\n\r\n onManualSubmit({ passId }) {\r\n if (isEmpty(passId)) return;\r\n this.submitData(passId);\r\n }\r\n\r\n handleSelSave = () => {\r\n this.setState({\r\n passIssued: false,\r\n });\r\n\r\n if (this.state.selectedType.value === \"parking-pass\") {\r\n this.props.router.push({\r\n pathname: CONSTANTS.URLS.SCAN_PAGE_THREE,\r\n state: {\r\n selectedOption: this.state.selectedOption,\r\n selectedPass: this.state.selectedPass,\r\n description: this.state.description,\r\n },\r\n });\r\n } else {\r\n this.startScanner();\r\n }\r\n };\r\n\r\n cancelSelForm = () => {\r\n this.setState({\r\n passIssued: false,\r\n description: null,\r\n selectedOption: null,\r\n });\r\n this.backToOrigin();\r\n };\r\n\r\n submitData = (passId) => {\r\n this.setState({ isLoading: true });\r\n const {\r\n token,\r\n paymentMethodName,\r\n paymentTypeId,\r\n submitPassId,\r\n routeToResult,\r\n routeToParkingPass,\r\n details,\r\n errorDuringManualEntry,\r\n } = this.props;\r\n\r\n const { selectedOption, description } = this.state;\r\n // When reissuing (e.g. lost), keep Group Pass Issued if already that status (case-insensitive)\r\n const issueAsGroup =\r\n details?.status?.toLowerCase() === \"grouppassissued\" ||\r\n this.props.location?.state?.issueAsGroup === true;\r\n\r\n let payload = {\r\n token,\r\n passNumber: passId,\r\n paymentMethodName,\r\n paymentTypeId,\r\n isAnnual: details.isAnnualPass,\r\n isGroupIssue: issueAsGroup,\r\n };\r\n\r\n if (\r\n details.status.toLowerCase() === \"passissued\" ||\r\n details.status.toLowerCase() === \"grouppassissued\"\r\n ) {\r\n payload = {\r\n token,\r\n passNumber: passId,\r\n paymentMethodName,\r\n paymentTypeId,\r\n seLReasonId: selectedOption.id,\r\n reasonDescription: description,\r\n isAnnual: details.isAnnualPass,\r\n isGroupIssue: issueAsGroup,\r\n };\r\n }\r\n\r\n return submitPassId(payload)\r\n .then((response) => {\r\n //\r\n // release the lock after submit QA code to server side \"checkin\" method.\r\n // Solve bug 6168.\r\n //\r\n this.gotQRCode = false;\r\n if (response && response.errors) {\r\n if (response.errors.error) {\r\n if (response.errors.error.PassNumber)\r\n return response.errors.error.PassNumber;\r\n return response.errors.error;\r\n }\r\n\r\n if (typeof response.errors.json === \"function\") {\r\n return response.errors.json();\r\n }\r\n return response;\r\n }\r\n\r\n this.setState({ isLoading: false });\r\n\r\n // if(this.state.selectedOption && this.state.selectedOption.value) {\r\n // this.props.router.push({\r\n // pathname: CONSTANTS.URLS.SCAN_PAGE_THREE,\r\n // state: {\r\n // selectedOption: this.state.selectedOption,\r\n // description: this.state.description,\r\n // }\r\n // })\r\n // } else {\r\n // routeToParkingPass();\r\n // }\r\n\r\n if (\r\n details.status.toLowerCase() === \"passissued\" ||\r\n details.status.toLowerCase() === \"grouppassissued\"\r\n ) {\r\n if (\r\n this.state.selectedType &&\r\n this.state.selectedType.value !== \"pass-id\"\r\n ) {\r\n this.props.router.push({\r\n pathname: CONSTANTS.URLS.SCAN_PAGE_THREE,\r\n state: {\r\n selectedOption: this.state.selectedOption,\r\n description: this.state.description,\r\n selectedPass: this.state.selectedPass,\r\n },\r\n });\r\n } else {\r\n routeToResult(passId, details);\r\n }\r\n } else {\r\n if (this.props.parkingPass.length > 0) {\r\n if (\r\n this.state.selectedType &&\r\n this.state.selectedType.value !== \"parking-pass\"\r\n ) {\r\n this.props.router.push({\r\n pathname: CONSTANTS.URLS.SCAN_PAGE_THREE,\r\n state: {\r\n selectedOption: this.state.selectedOption,\r\n description: this.state.description,\r\n selectedPass: this.state.selectedPass,\r\n },\r\n });\r\n } else {\r\n routeToParkingPass();\r\n }\r\n } else {\r\n routeToResult(passId, details);\r\n }\r\n }\r\n })\r\n .then((res) => {\r\n if (res) {\r\n errorDuringManualEntry(\r\n typeof res === \"string\" ? res : res.Errors[0].Message\r\n );\r\n this.setState({ isLoading: false });\r\n }\r\n });\r\n };\r\n\r\n submitManualForm() {\r\n this.refs.passTypeForm.submit();\r\n }\r\n\r\n enterManually() {\r\n this.resetScanner();\r\n this.setState({\r\n manuallyEntering: true,\r\n });\r\n }\r\n\r\n exitManually() {\r\n const { details } = this.props;\r\n if (details.status.toLowerCase() === \"passissued\") {\r\n this.resetScanner();\r\n this.setState({\r\n passIssued: true,\r\n manuallyEntering: false,\r\n });\r\n } else {\r\n this.startScanner();\r\n this.setState({\r\n manuallyEntering: false,\r\n description: null,\r\n selectedOption: null,\r\n selectedType: null,\r\n });\r\n }\r\n\r\n this.setState({\r\n showLink: false,\r\n });\r\n }\r\n\r\n startScanner = () => {\r\n this.codeReader\r\n .listVideoInputDevices()\r\n .then((videoInputDevices) => {\r\n let deviceId = videoInputDevices[0].deviceId;\r\n\r\n if (this.props.useBackCamera && videoInputDevices.length > 1) {\r\n deviceId = videoInputDevices[1].deviceId; // select second camera\r\n }\r\n\r\n if (document.getElementById(\"video\")) {\r\n this.codeReader.decodeFromInputVideoDeviceContinuously(\r\n deviceId,\r\n \"video\",\r\n (result, err) => {\r\n if (\r\n err &&\r\n (!result || !result.text || result.text.length === 0)\r\n ) {\r\n if (err instanceof ChecksumException) {\r\n console.log(\r\n \"A code was found, but it's read value was not valid.\"\r\n );\r\n }\r\n\r\n if (err instanceof FormatException) {\r\n console.log(\r\n \"A code was found, but it was in a invalid format.\"\r\n );\r\n }\r\n } else {\r\n //console.log(\"QR Code\", result.text);\r\n //console.log(\"QR Code status\", this.gotQRCode);\r\n\r\n //\r\n // Solve bug 6168. Prevent client side from sending many requests to server side.\r\n //\r\n if (\r\n result &&\r\n result.text &&\r\n result.text.length > 0 &&\r\n this.gotQRCode === false\r\n ) {\r\n //console.log(\"Submit QR Code to Server\", result.text);\r\n this.gotQRCode = true;\r\n this.submitData(result.text);\r\n }\r\n }\r\n\r\n if (this.codeReader.videoElement && !this.state.showLink) {\r\n this.setState({\r\n showLink: true,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n })\r\n .catch((err) => console.error(err));\r\n };\r\n\r\n resetScanner = () => {\r\n if (this.codeReader && this.codeReader.videoElement) {\r\n this.codeReader.reset();\r\n }\r\n };\r\n\r\n isShowParkingPassScanButton = () => {\r\n if (\r\n this.props.parkingPass.length <= 0 ||\r\n (this.state.selectedType && this.state.selectedType.value === \"pass-id\")\r\n ) {\r\n return null;\r\n }\r\n\r\n return this.props.routeToParkingPass;\r\n };\r\n\r\n render() {\r\n const { manuallyEntering, isLoading } = this.state;\r\n const { details } = this.props;\r\n\r\n if (isLoading) {\r\n return (\r\n Please scan using scanner
\r\n\r\n
\r\n\r\n \r\n
\r\n )}\r\n {this.state.usingDevice && (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n is now assigned to\r\n
\r\n {guestName}\r\n
\r\n Name: {bulkSelectedScanItems.firstName}{\" \"}\r\n {bulkSelectedScanItems.lastName}\r\n
\r\n {bulkSelectedScanItems.email && (\r\n \r\n Email: {bulkSelectedScanItems.email}\r\n
\r\n )}\r\n \r\n PassType: \r\n {bulkSelectedScanItems.passTypeName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n No country codes found
;\r\n\r\n return (\r\n | \r\n | Guests | \r\nPass type | \r\nAffiliate | \r\nEmail/SMS | \r\n|
|---|---|---|---|---|---|
| \r\n | \r\n ) : (\r\n <>\r\n {item.isPassScanFailed ? (\r\n \r\n | \r\n ) : (\r\n \r\n )}\r\n \r\n )}\r\n | {item.passTypeName ?? item.passType} | \r\n\r\n {item.inviterAffiliateName}\r\n | \r\n {item.isPassIssued && (\r\n\r\n | \r\n )}\r\n
\r\n \r\n \r\n {iconUrl ? (\r\n \r\n \r\n {eventTypeIconUrl ? (\r\n \r\n \r\n \r\n \r\n {name} \r\n {venueName} {\" \"}\r\n {`${formatDate(startTime)} ${TIME_ZONE}`}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n fields.isSMS.onChange(!isChecked);\r\n }}\r\n roundedCheckbox={false}\r\n noPadding={true}\r\n label=\"SMS\"\r\n />\r\n
\r\n {/* {!fields.isEmail.checked && !fields.isSMS.checked && (\r\n \r\n {\r\n fields.isEmail.onChange(!isChecked);\r\n }}\r\n roundedCheckbox={false}\r\n noPadding={true}\r\n label=\"Email\"\r\n />\r\n
\r\n \r\n SMS or Email is required\r\n
\r\n )} */}\r\n \r\n
\r\n \r\n {\r\n fields.hasAddProvisioningList.onChange(!isChecked);\r\n }}\r\n roundedCheckbox={false}\r\n noPadding={true}\r\n label=\"bulk_provisioning.field.label.provisioning.list.email\"\r\n />\r\n
\r\n \r\n
\r\n {/* {fields.isSMS.checked && ( */}\r\n <>\r\n \r\n {\r\n fields.hasSendEmailToGuest.onChange(!isChecked);\r\n }}\r\n roundedCheckbox={false}\r\n noPadding={true}\r\n label=\"bulk_provisioning.field.label.guest.checkbox.email\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* )} */}\r\n {/* {fields.isEmail.checked && ( */}\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {fields.hasSendEmailToGuest.checked && (\r\n \r\n
\r\n )}\r\n {fields.hasSendEmailToGuest.checked && (\r\n \r\n
\r\n )}\r\n \r\n {/* )} */}\r\n \r\n {allSuccess && allSuccess.length === 0 && (\r\n
\r\n {message}
\r\n \r\n\r\n is now assigned to\r\n
\r\n {bulkSelectedScanItems?.firstName} {bulkSelectedScanItems?.lastName}\r\n
\r\n {children}\r\n
\r\n \r\n );\r\n};\r\n\r\n\r\nLabelWrapper.propTypes = {\r\n children: PropTypes.node,\r\n text: PropTypes.string,\r\n labelPosition: PropTypes.string,\r\n className: PropTypes.string,\r\n alignY: PropTypes.string,\r\n hideOverflowText: PropTypes.bool,\r\n capitalize: PropTypes.bool,\r\n compact: PropTypes.bool,\r\n};\r\n\r\nexport default LabelWrapper;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Label from 'provisioning/components/common/forms/LabelWrapper';\r\n\r\nimport { Text } from 'provisioning/components/common/Typography';\r\n\r\nimport { PrimaryText } from '../../components/Layout';\r\n\r\nconst FieldLabel = ({ text, labelText, isRequired, className, extraText }) => {\r\n if (!text) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nFieldLabel.propTypes = {\r\n text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n labelText: PropTypes.string.isRequired,\r\n className: PropTypes.string,\r\n extraText: PropTypes.string,\r\n isRequired: PropTypes.bool,\r\n};\r\n\r\nexport default FieldLabel;\r\n","import { connect } from 'react-redux';\r\nimport styled from 'styled-components-legacy-version';\r\n\r\nimport { getPassType } from 'provisioning/reducers/passTypes';\r\n\r\nimport FieldLabel from '../components/FieldLabel';\r\n\r\nconst mapStateToProps = (state, { id }) => getPassType(state.passTypes, id);\r\n\r\nexport default connect(mapStateToProps)(styled(FieldLabel).attrs({\r\n isRequired: true,\r\n labelText: 'Pass type',\r\n text: props => props.displayName,\r\n})`\r\n color: ${({ color }) => color}\r\n`);\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { getPaymentType } from 'provisioning/reducers/paymentTypes';\r\n\r\nimport FieldLabel from '../components/FieldLabel';\r\n\r\nconst mapStateToProps = (state, { id }) => getPaymentType(state.paymentTypes, id);\r\n\r\nexport default connect(mapStateToProps)(\r\n ({ name }) => {this.props.children}
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default ClickOutside;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport MenuItem from './MenuItem';\r\n\r\nimport {\r\n StyledMenu,\r\n} from './styles';\r\n\r\nclass Menu extends Component {\r\n static propTypes = {\r\n initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n onChange: PropTypes.func,\r\n hasValue: PropTypes.bool,\r\n noItemsMessage: PropTypes.string,\r\n }\r\n\r\n static defaultProps = {\r\n onChange: () => {},\r\n noItemsMessage: 'Nothing to show',\r\n }\r\n\r\n constructor(props) {\r\n super();\r\n this.state = {\r\n value: props.initialValue,\r\n };\r\n }\r\n\r\n handleItemClick = (value) => {\r\n const { onChange } = this.props;\r\n this.setState({ value });\r\n\r\n onChange(value);\r\n }\r\n\r\n renderChildren() {\r\n const { children, hasValue, hasDividers, noItemsMessage } = this.props;\r\n const { value } = this.state;\r\n\r\n if (!children || (Array.isArray(children) && children.length === 0)) {\r\n return ;\r\n }\r\n\r\n return React.Children.toArray(children).map(child => React.cloneElement(\r\n child,\r\n {\r\n onClick: hasValue ? this.handleItemClick : child.props.onClick,\r\n isActive: hasValue && child.props.value === value,\r\n hasDivider: hasDividers,\r\n }\r\n ));\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {name} \r\n {startDate} \r\n
\r\n {showOption && \r\n {React.cloneElement(children, {\r\n ...props,\r\n overwriteOnInitialValuesChange: true,\r\n onSubmit: this.handleSubmit,\r\n })}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst validateSignature = requireFields(\"signature\");\r\nconst validator = createValidator({\r\n // city: required,\r\n // region: required,\r\n // country: required,\r\n // zipCode: required,\r\n lastName: required,\r\n firstName: required,\r\n photoUpload: (value, data, { details }) =>\r\n isWalkUpDlPitPassInvitation(details) ? undefined : required(value),\r\n registeredby: required,\r\n // addressLine1: required,\r\n email: validateInvitedOnly([requiredEmail]),\r\n phoneNumber: validateInvitedOnly([requiredPhone]),\r\n // birthDateDay: validateInvitedOnly([required, invitationDayFormat]),\r\n invitationWaiverDocuments: (values, data, { details }) =>\r\n isWalkUpDlPitPassInvitation(details)\r\n ? undefined\r\n : values.map(validateSignature),\r\n // birthDateYear: validateInvitedOnly([required, invitationYearFormat]),\r\n // birthDateMonth: validateInvitedOnly([required, invitationMonthFormat]),\r\n guardianHoldingId: (value, invitation, { isMinorInvitation }) =>\r\n isMinorInvitation ? required(value) : null,\r\n documentNumber: [\r\n (value, invitation, { eventDetails, isMinorInvitation }) =>\r\n eventDetails.identityNumberRequired || isMinorInvitation\r\n ? required(value)\r\n : undefined,\r\n maxLength(20),\r\n ],\r\n photoId: (value, invitation, { eventDetails, isMinorInvitation }) =>\r\n isMinorInvitation ? required(value) : undefined,\r\n passTypeId: (value, invitation, { isInEditMode }) =>\r\n isInEditMode ? required(value) : undefined,\r\n // photoId: (value, invitation, { eventDetails, isMinorInvitation }) =>\r\n // (eventDetails.identityImageRequired || isMinorInvitation) ? required(value) : undefined,\r\n});\r\n\r\nexport default withRouter(\r\n reduxForm(\r\n {\r\n form: \"invitationForm\",\r\n fields: [\r\n \"firstName\",\r\n \"lastName\",\r\n \"phoneNumber\",\r\n \"email\",\r\n \"birthDateYear\",\r\n \"birthDateMonth\",\r\n \"birthDateDay\",\r\n \"city\",\r\n \"country\",\r\n \"region\",\r\n \"addressLine1\",\r\n \"passTypeId\",\r\n \"paymentTypeId\",\r\n \"photoId\",\r\n \"photoUpload\",\r\n \"invitationWaiverDocuments[].signature\",\r\n \"documentNumber\",\r\n \"zipCode\",\r\n \"guardianHoldingId\",\r\n \"registeredby\",\r\n ],\r\n touchOnChange: true,\r\n overwriteOnInitialValuesChange: false,\r\n validate: validator,\r\n },\r\n (state) => ({\r\n invitationStatus: getInvitationStatus(state),\r\n eventDetails: getEventDetails(state.event),\r\n details: getInvitationDetails(state.invitation),\r\n isInEditMode: getIsFormInEditMode(state.invitation),\r\n }),\r\n {\r\n submitInvitationDetails: submitInvitation,\r\n uploadWicketPhoto: (id, photo) => updatePhotoWicket(id, photo),\r\n }\r\n )(InvitationForm)\r\n);\r\n","import PropTypes from 'prop-types';\r\n\r\nexport const route = PropTypes.shape({\r\n component: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\r\n name: PropTypes.string,\r\n path: PropTypes.string,\r\n staticName: PropTypes.bool,\r\n childRoutes: PropTypes.arrayOf(PropTypes.object),\r\n});\r\n\r\nexport const arrayOfRoutes = PropTypes.arrayOf(route);\r\n\r\nexport const routerEventIdParams = PropTypes.shape({\r\n eventId: PropTypes.string,\r\n}).isRequired;\r\n\r\nexport const selectedItemIdParams = PropTypes.shape({\r\n selectedItemId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n});\r\n\r\nexport const routerUserIdParams = PropTypes.shape({\r\n userId: PropTypes.string,\r\n}).isRequired;\r\n\r\nexport const routerRoleIdParams = PropTypes.shape({\r\n roleId: PropTypes.string,\r\n}).isRequired;\r\n\r\nexport const userDetailsAffiliateParams = PropTypes.shape({\r\n selectedItemId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n affiliateType: PropTypes.string,\r\n});\r\n\r\nexport const routerTypes = PropTypes.shape({\r\n push: PropTypes.func.isRequired,\r\n});\r\n\r\nexport const locationTypes = PropTypes.shape({\r\n pathname: PropTypes.string,\r\n});\r\n","import PropTypes from 'prop-types';\r\n\r\nexport const invitationEventProps = PropTypes.shape({\r\n eventName: PropTypes.string,\r\n eventIconLink: PropTypes.string,\r\n eventTypeIconLink: PropTypes.string,\r\n eventStartDate: PropTypes.string,\r\n inviterAffiliateName: PropTypes.string,\r\n inviterFullName: PropTypes.string,\r\n});\r\n\r\nexport const invitationOptionsProps = PropTypes.shape({\r\n passType: PropTypes.string,\r\n paymentType: PropTypes.string,\r\n specialOptionNames: PropTypes.arrayOf(PropTypes.string),\r\n});\r\n\r\nexport const invitationShape = PropTypes.shape({\r\n eventName: PropTypes.string,\r\n eventIconLink: PropTypes.string,\r\n eventTypeIconLink: PropTypes.string,\r\n eventStartDate: PropTypes.string,\r\n inviterAffiliateName: PropTypes.string,\r\n inviterFullName: PropTypes.string,\r\n});\r\n\r\nexport const noteType = PropTypes.shape({\r\n note: PropTypes.string.isRequired,\r\n responsibleUserName: PropTypes.string.isRequired,\r\n entryDate: PropTypes.string.isRequired,\r\n});\r\n\r\nexport const notesType = PropTypes.arrayOf(noteType);\r\n","import React from 'react';\r\nimport styled from 'styled-components-legacy-version';\r\nimport { formatDate } from 'provisioning/shared/utils/dateUtils';\r\nimport { normalizeObjectKeys } from 'provisioning/shared/utils/objectUtils';\r\n\r\nimport { noteType } from 'provisioning/propTypes/invitation';\r\n\r\nimport { Text, ExtraInfo } from 'provisioning/components/common/Typography';\r\nimport CONSTANTS from 'provisioning/shared/utils/constants';\r\n\r\nconst InvitationNote = ({ note }) => {\r\n const normalizedNote = normalizeObjectKeys(note);\r\n\r\n return (\r\n \r\n {notes.map((note) =>
\r\n \r\n
\r\n ) : (\r\n <>\r\n {isWicketUploading && (\r\n Wicket API Is Currently Disabled
\r\n\r\n You cannot submit this headshot to Wicket while the API is\r\n turned off.\r\n
\r\n\r\n Please enable the **Wicket Authentication API Check** in the\r\n System Configuration settings and try again.\r\n
\r\n- \r\n {this.showEmptyField()}\r\n {this.renderList()}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const validationError =\r\n passTypeUnavailableError &&\r\n field.value !== null &&\r\n field.value !== undefined &&\r\n field.value !== ''\r\n ? passTypeUnavailableError\r\n : field.invalid && field.touched && field.error\r\n ? field.error\r\n : '';\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
;\r\n\r\nEditDateOfBirth.propTypes = {\r\n isDisabled: PropTypes.bool,\r\n required: PropTypes.bool,\r\n fields: PropTypes.shape({\r\n birthDateDay: reduxFormField,\r\n birthDateMonth: reduxFormField,\r\n birthDateYear: reduxFormField,\r\n }),\r\n};\r\n\r\nexport default EditDateOfBirth;\r\n\r\nconst Label = Text.extend`font-size: 16px;`;\r\nconst RowContainer = styled.div`margin: 20px 0;`;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport moment from \"moment\";\r\nimport { reduxFormField } from \"provisioning/propTypes/reduxForm\";\r\nimport CONSTANTS, { DATE } from \"provisioning/shared/utils/constants\";\r\nimport styled from \"styled-components-legacy-version\";\r\nimport FormTextField from \"provisioning/components/common/FormTextField\";\r\nimport FormTextFieldWithHint from \"provisioning/components/common/FormTextFieldWithHint\";\r\nimport { concatenateStrings } from \"provisioning/shared/utils/stringUtils\";\r\nimport autobind from \"react-autobind\";\r\nimport FieldLabel from \"../FieldLabel\";\r\nimport {\r\n SectionWithBorder,\r\n FormRow,\r\n FormRowNoHorizontalScrollbar,\r\n Column,\r\n SpecialOptionsWrapper,\r\n SpecialOptionChild,\r\n} from \"../../components/Layout\";\r\nimport ComponentSwitcher from \"../../containers/ComponentSwitcher\";\r\nimport InvitationPassType from \"../../containers/InvitationPassType\";\r\nimport InvitationPassTypeSelect from \"../../containers/InvitationPassTypeSelect\";\r\nimport { resolveEnableMinorPrice } from \"provisioning/shared/utils/passTypeAllocation\";\r\nimport InvitationPaymentType from \"../../containers/InvitationPaymentType\";\r\nimport InvitationPaymentTypeSelect from \"../../containers/InvitationPaymentTypeSelect\";\r\nimport EditDateOfBirth from \"../EditDateOfBirth\";\r\nimport ReactDOM from \"react-dom\";\r\nimport ModalProvider from \"provisioning/components/common/ModalProvider\";\r\nimport ConfirmModal from \"provisioning/components/common/Modals/ConfirmModal\";\r\nimport { Link } from \"react-router\";\r\nimport { Button } from \"primereact/button\";\r\nimport { orangeColor } from \"provisioning/css/variables\";\r\nimport CheckBoxLine from \"provisioning/components/CheckBoxGroupPage/CheckBoxLine\";\r\nimport apiHelper from \"provisioning/shared/utils/apiHelper\";\r\nimport { apiClient } from \"proxies/apiClient\";\r\n\r\n// import { dictionary } from 'shared/constants';\r\n// import { locale } from 'locale';\r\n\r\nconst AttendingWithTitle = styled.div`\r\n width: 100%;\r\n color: #fff;\r\n font-size: 24px;\r\n margin-top: 30px;\r\n margin-bottom: 8px;\r\n`;\r\n\r\nconst AttendingWithContent = styled.p`\r\n width: 100%;\r\n color: #fff;\r\n font-size: 16px;\r\n margin-top: 5px;\r\n`;\r\n\r\nconst InvitationRevoked = styled.span`\r\n color: #81888d;\r\n`;\r\n\r\nconst PassTypeLabel = styled.span`\r\n text-decoration: underline;\r\n font-weight: bold;\r\n color: ${orangeColor};\r\n`;\r\n\r\nconst PassStatusGreen = styled.span`\r\n color: #37d67a;\r\n`;\r\n\r\nconst PassStatusWhite = styled.span``;\r\n\r\nconst OtherInvitationsTitle = styled.p`\r\n font-weight: bold;\r\n margin: 20px 0 10px;\r\n`;\r\n\r\nconst RevokedName = styled.div`\r\n font-size: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n span {\r\n font-size: 14px;\r\n color: #81888d;\r\n }\r\n`;\r\n\r\nconst LoadMoreButton = styled.button`\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: transparent;\r\n border: none;\r\n color: ${orangeColor};\r\n cursor: pointer;\r\n font-size: 16px;\r\n padding: 8px 0;\r\n margin-top: 8px;\r\n &:focus {\r\n background: transparent;\r\n outline: none;\r\n }\r\n &:active {\r\n background: transparent;\r\n }\r\n i {\r\n font-size: 16px;\r\n }\r\n`;\r\n\r\nconst getInvitationStatusFromCode = (code) => {\r\n const INVITATION_STATUS = Object.keys(CONSTANTS.INVITATION_STATUS).map(\r\n (key) => CONSTANTS.INVITATION_STATUS[key]\r\n );\r\n return INVITATION_STATUS.find((status) => status.VALUE === code)[\"NAME\"];\r\n};\r\n\r\nclass InvitationPrimaryInfo extends Component {\r\n constructor() {\r\n super();\r\n autobind(this);\r\n\r\n this.state = {\r\n isNoFlyList: false,\r\n selectedMinors: [],\r\n addBulkMsg: \"\",\r\n inviterAffiliateType: null,\r\n isLoadingAffiliateType: false,\r\n visibleMinorsCount: 5,\r\n visibleAssociatedInvitationsCount: 5,\r\n };\r\n this.lastSelectedMinors = [];\r\n }\r\n\r\n componentDidMount() {\r\n const {\r\n details: { noFlyMatch, noFlyPartialMatch, status, inviterAffiliateId },\r\n } = this.props;\r\n\r\n if (\r\n (noFlyMatch || noFlyPartialMatch) &&\r\n status.toLowerCase() === \"invited\"\r\n ) {\r\n this.setState({ isNoFlyList: true });\r\n } else {\r\n this.setState({ isNoFlyList: false });\r\n }\r\n\r\n // Fetch affiliate type information if inviterAffiliateId is available\r\n if (inviterAffiliateId) {\r\n this.fetchAffiliateType(inviterAffiliateId);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { scrollError, foundScrollableError, child, matchingInvitation } = this.props;\r\n\r\n if (scrollError !== null && this[`${scrollError}Ref`]) {\r\n let node = ReactDOM.findDOMNode(this[`${scrollError}Ref`]);\r\n\r\n node.scrollIntoView({\r\n block: \"center\",\r\n inline: \"nearest\",\r\n behavior: \"smooth\",\r\n });\r\n foundScrollableError(null); //<-- RESET\r\n }\r\n\r\n // Reset visible counts when data changes (e.g., switching between invitations)\r\n if (\r\n prevProps.child !== child ||\r\n prevProps.matchingInvitation !== matchingInvitation\r\n ) {\r\n this.setState({\r\n visibleMinorsCount: 5,\r\n visibleAssociatedInvitationsCount: 5,\r\n });\r\n }\r\n }\r\n\r\n // Fetch affiliate type by affiliate ID\r\n fetchAffiliateType = async (affiliateId) => {\r\n if (!affiliateId || this.state.isLoadingAffiliateType) {\r\n return;\r\n }\r\n\r\n this.setState({ isLoadingAffiliateType: true });\r\n\r\n try {\r\n const response = await apiClient.get().affiliateGetAsyncByAffiliateid(affiliateId);\r\n \r\n if (response && response.data) {\r\n const inviterAffiliateType = response.data;\r\n this.setState({\r\n inviterAffiliateType,\r\n isLoadingAffiliateType: false,\r\n });\r\n\r\n const { details, eventId, fetchInvitationSummaryPassTypes } = this.props;\r\n if (\r\n eventId &&\r\n fetchInvitationSummaryPassTypes &&\r\n details?.type === CONSTANTS.INVITATION_TYPES.MINOR\r\n ) {\r\n fetchInvitationSummaryPassTypes(\r\n eventId,\r\n details.paymentTypeId,\r\n inviterAffiliateType,\r\n );\r\n }\r\n } else {\r\n console.error('Failed to fetch affiliate: No data received');\r\n this.setState({ isLoadingAffiliateType: false });\r\n }\r\n } catch (error) {\r\n console.error('Error fetching affiliate:', error);\r\n this.setState({ isLoadingAffiliateType: false });\r\n }\r\n };\r\n\r\n // Check if a field should be required based on permissions\r\n isFieldRequired = (fieldName) => {\r\n const { fields } = this.props;\r\n\r\n // Apply normal required logic\r\n // If user doesn't have permission to see/edit fields, don't make them required\r\n if (!this.shouldRenderFields() || !this.shouldShowName()) {\r\n return false;\r\n }\r\n switch (fieldName) {\r\n case 'firstName':\r\n case 'lastName':\r\n return true; // Always required when visible\r\n case 'phoneNumber':\r\n return !fields.email.value; // Required if email is empty\r\n case 'email':\r\n return !fields.phoneNumber.value; // Required if phone is empty\r\n case 'birthDate':\r\n return false; // DOB is never required\r\n case 'city':\r\n case 'country':\r\n case 'zipCode':\r\n case 'addressLine1':\r\n case 'region':\r\n return false; // These are never required\r\n default:\r\n return false;\r\n }\r\n };\r\n\r\n // Check if we should render fields (prevents visual jerk)\r\n shouldRenderFields = () => {\r\n const { currentUserAccount, details } = this.props;\r\n const { inviterAffiliateType, isLoadingAffiliateType } = this.state;\r\n\r\n // If no current user account, always render fields\r\n if (!currentUserAccount) {\r\n return true;\r\n }\r\n\r\n // Check if user has \"manager\" role\r\n const userRoles = currentUserAccount.Roles || [];\r\n const isManager = userRoles.some(role => \r\n role.toLowerCase() === 'manager'\r\n );\r\n\r\n // If user is not a manager, always render fields\r\n if (!isManager) {\r\n return true;\r\n }\r\n\r\n // If user is a manager, wait for affiliate data to load before rendering\r\n if (isManager && isLoadingAffiliateType) {\r\n return false; // Don't render until we have the data\r\n }\r\n\r\n // If user is a manager and we have affiliate data (or no affiliate ID), render fields\r\n return true;\r\n };\r\n\r\n // Check if current user's sanctioning body matches affiliate type's sanctioning body\r\n // Only applies this logic for users with \"manager\" role\r\n shouldShowName = () => {\r\n const { currentUserAccount, details } = this.props;\r\n const { inviterAffiliateType } = this.state;\r\n\r\n // If no current user account, show name by default\r\n if (!currentUserAccount) {\r\n return true;\r\n }\r\n\r\n // Check if user has \"manager\" role\r\n const userRoles = currentUserAccount.Roles || [];\r\n const isManager = userRoles.some(role => \r\n role.toLowerCase() === 'manager'\r\n );\r\n\r\n // If user is not a manager, always show name\r\n if (!isManager) {\r\n return true;\r\n }\r\n\r\n // If user is a manager but no affiliate type data, show name by default\r\n if (!inviterAffiliateType) {\r\n return true;\r\n }\r\n\r\n \r\n // Get current user's sanctioning body IDs\r\n const userSanctioningBodyIds = currentUserAccount.SanctioningBodyNames \r\n ? currentUserAccount.SanctioningBodyNames.map(sb => sb.Id)\r\n : [];\r\n\r\n \r\n // Get affiliate type's sanctioning body IDs (using the API response structure)\r\n const affiliateTypeSanctioningBodyIds = inviterAffiliateType.AffiliateTypeSanctioningBodies\r\n ? inviterAffiliateType.AffiliateTypeSanctioningBodies.map(sb => sb.SanctioningBodyId)\r\n : [];\r\n\r\n \r\n // Check if there's any overlap between user's and affiliate type's sanctioning bodies\r\n const hasMatchingSanctioningBody = userSanctioningBodyIds.some(userSbId => \r\n affiliateTypeSanctioningBodyIds.includes(userSbId)\r\n );\r\n\r\n // console.log('shouldShowName: Manager sanctioning body check', {\r\n // userRoles,\r\n // isManager,\r\n // userSanctioningBodyIds,\r\n // affiliateTypeSanctioningBodyIds,\r\n // hasMatchingSanctioningBody,\r\n // result: hasMatchingSanctioningBody\r\n // });\r\n\r\n return hasMatchingSanctioningBody;\r\n };\r\n\r\n isParentAnnual() {\r\n const { parent } = this.props;\r\n return !parent.passTypeFull;\r\n }\r\n\r\n getParentLink(content) {\r\n const {\r\n details: { parentInvitation },\r\n parent,\r\n } = this.props;\r\n\r\n const parentUrl = this.isParentAnnual()\r\n ? \"test\"\r\n : `provisioning/events/${parentInvitation.eventId}/${parentInvitation.id}`;\r\n\r\n return this.isParentAnnual() ? (\r\n {content}\r\n ) : (\r\n {content}\r\n );\r\n }\r\n\r\n getGuestLink(eventId, invitationId, name) {\r\n return {name};\r\n }\r\n\r\n checkBulkSelected = (id) => {\r\n return this.state.selectedMinors.some((item) => item.id === id);\r\n };\r\n\r\n checkBulkProvisioningSelected = (id) => {\r\n return this.props.bulkSelectedItems.some((item) => item.id === id);\r\n };\r\n\r\n handleClickCheckbox = (e, item) => {\r\n e.stopPropagation();\r\n this.setState((prevState) => {\r\n const exists = prevState.selectedMinors.find((i) => i.id === item.id);\r\n const updated = exists\r\n ? prevState.selectedMinors.filter((i) => i.id !== item.id)\r\n : [...prevState.selectedMinors, item];\r\n \r\n return { selectedMinors: updated };\r\n }, () => {\r\n if(!this.props.bulkProvisioningWarning && this.state.selectedMinors.length > 0) {\r\n this.props.handleBulkModalShow();\r\n }\r\n });\r\n \r\n };\r\n\r\n arraysAreEqual = (arr1, arr2) => {\r\n if (arr1.length !== arr2.length) return false;\r\n const sorted1 = [...arr1].sort((a, b) => a.id - b.id);\r\n const sorted2 = [...arr2].sort((a, b) => a.id - b.id);\r\n return sorted1.every((item, idx) => item.id === sorted2[idx].id);\r\n };\r\n handleAddSelectedMinors = () => {\r\n const { selectedMinors } = this.state;\r\n\r\n if (!this.arraysAreEqual(selectedMinors, this.lastSelectedMinors)) {\r\n const removedMinors = this.lastSelectedMinors.filter(\r\n (prevItem) => !selectedMinors.some((item) => item.id === prevItem.id)\r\n );\r\n\r\n const addedMinors = selectedMinors.filter(\r\n (item) => !this.lastSelectedMinors.some((prev) => prev.id === item.id)\r\n );\r\n\r\n const isCurrentItem = this.props.bulkSelectedItems.filter(item => item.id === this.props.details.id);\r\n\r\n if (isCurrentItem.length <= 0) {\r\n const details = this.props.details;\r\n const status = (details.status || details.statusName || \"\").toLowerCase();\r\n this.props.onSelectBulkProvisioning({\r\n ...details,\r\n invitationId: details.id,\r\n isPassIssued: [\"passissued\", \"grouppassissued\"].includes(status),\r\n passTypeName:\r\n details.passTypeName ||\r\n details.passTypeFull?.displayName ||\r\n details.passType,\r\n });\r\n }\r\n // Handle removed\r\n removedMinors.forEach((item) => {\r\n this.props.removeBulkProvisioningSelect({\r\n ...item,\r\n });\r\n });\r\n\r\n // Handle added\r\n addedMinors.forEach((item) => {\r\n this.props.onSelectBulkProvisioning({\r\n ...item,\r\n passTypeName: item.passType,\r\n });\r\n });\r\n\r\n this.setState({\r\n addBulkMsg: \"Bulk Provisioning List Updated\",\r\n });\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n addBulkMsg: \"\",\r\n });\r\n }, 2000);\r\n // Update last selection\r\n this.lastSelectedMinors = [...selectedMinors];\r\n\r\n }\r\n this.props.handleBulkModalHide();\r\n };\r\n\r\n isShowBulkCheckBox = (status) => {\r\n return status.toLowerCase() === \"registered\";\r\n };\r\n\r\n handleLoadMoreMinors = () => {\r\n const { child } = this.props;\r\n const { visibleMinorsCount } = this.state;\r\n \r\n if (visibleMinorsCount >= child.length) {\r\n // Show less - collapse back to 5\r\n this.setState({ visibleMinorsCount: 5 });\r\n } else {\r\n // Load more - increase by 5\r\n this.setState((prevState) => ({\r\n visibleMinorsCount: Math.min(prevState.visibleMinorsCount + 5, child.length),\r\n }));\r\n }\r\n };\r\n\r\n handleLoadMoreAssociatedInvitations = () => {\r\n const { matchingInvitation, child, isFetchingMatchingInvitation } = this.props;\r\n const { visibleAssociatedInvitationsCount } = this.state;\r\n \r\n const matchingInvitationData = !isFetchingMatchingInvitation\r\n ? matchingInvitation\r\n .filter(\r\n (item) => !child.some((child) => child.id === item.invitationId)\r\n )\r\n .filter(\r\n (item) =>\r\n item.statusName.toLowerCase() !== \"grouppassissued\" &&\r\n item.statusName.toLowerCase() !== \"passissued\"\r\n )\r\n : [];\r\n \r\n if (visibleAssociatedInvitationsCount >= matchingInvitationData.length) {\r\n // Show less - collapse back to 5\r\n this.setState({ visibleAssociatedInvitationsCount: 5 });\r\n } else {\r\n // Load more - increase by 5\r\n this.setState((prevState) => ({\r\n visibleAssociatedInvitationsCount: Math.min(prevState.visibleAssociatedInvitationsCount + 5, matchingInvitationData.length),\r\n }));\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n details: {\r\n status,\r\n firstName,\r\n lastName,\r\n passTypeId,\r\n phoneNumber,\r\n paymentTypeId,\r\n email,\r\n birthDate,\r\n country,\r\n region,\r\n city,\r\n addressLine1,\r\n zipCode,\r\n type,\r\n invitationSpecialOptions,\r\n parentInvitation,\r\n childInvitations,\r\n isAnnualPass,\r\n isWalkUp,\r\n verifiedbyName,\r\n verifiedon,\r\n memberId,\r\n statusId,\r\n id,\r\n },\r\n canEditCostAmount,\r\n canEditPassType,\r\n canEditPaymentType,\r\n isInvitationReadOnly,\r\n isUserSuperAdmin,\r\n fields,\r\n parent,\r\n isFetchingParent,\r\n isFetchingChild,\r\n isFetchingMatchingInvitation,\r\n child,\r\n matchingInvitation,\r\n otherInvitations,\r\n eventId,\r\n } = this.props;\r\n\r\n const isMinorInvitation = type === CONSTANTS.INVITATION_TYPES.MINOR;\r\n const isEnableMinorPrice = isMinorInvitation\r\n ? resolveEnableMinorPrice(\r\n this.state.inviterAffiliateType,\r\n this.props.details\r\n )\r\n : false;\r\n const statusIsInvited = String(status || \"\").toLowerCase() === \"invited\";\r\n /** Invited: any user in edit mode may edit guest contact; other statuses: Super Admin only. */\r\n const forceGuestContactReadOnly =\r\n isInvitationReadOnly || (!statusIsInvited && !isUserSuperAdmin);\r\n\r\n // Wait for both child and matchingInvitation to finish loading before calculating\r\n // to prevent race condition where sections appear and disappear\r\n // Prioritize showing minors - only calculate associated invitations after child data is loaded\r\n const hasMinors = !isFetchingChild && child && child.length > 0;\r\n const matchingInvitationData = !isFetchingMatchingInvitation && !isFetchingChild\r\n ? matchingInvitation\r\n .filter(\r\n (item) => !child.some((child) => child.id === item.invitationId)\r\n )\r\n .filter(\r\n (item) =>\r\n item.statusName.toLowerCase() !== \"grouppassissued\" &&\r\n item.statusName.toLowerCase() !== \"passissued\"\r\n )\r\n : [];\r\n\r\n // const specialOptData = invitationSpecialOptions.filter((item) => !item.isParkingPass).concat(invitationSpecialOptionsNotApproved);\r\n return (\r\n \r\n This individual seems to be on a no-fly list, you may be contacted\r\n by someone from NASCAR security.\r\n
\r\n \r\n\r\n Phone: {parent.phoneNumber}\r\n
\r\n Pass Type:{\" \"}\r\n {this.isParentAnnual()\r\n ? \"Annual Pass\"\r\n : parent.passTypeFull.displayName}\r\n
\r\n \r\n {`${child.firstName} ${child.lastName}`}\r\n \r\n {child.passTypeFull && child.passTypeFull.displayName && (\r\n \r\n {child.passTypeFull.displayName}\r\n \r\n )}\r\n
\r\n\r\n {this.isShowBulkCheckBox(child.status) &&\r\n status.toLowerCase() !== \"invited\" && (\r\n \r\n \r\n );\r\n })}\r\n {child.length > 5 && (\r\n
\r\n \r\n {`${matchingItem.firstName} ${matchingItem.lastName}`}\r\n \r\n {matchingItem.passTypeFull && matchingItem.passTypeFull.displayName && (\r\n \r\n {matchingItem.passTypeFull.displayName}\r\n \r\n )}\r\n
\r\n\r\n {this.isShowBulkCheckBox(matchingItem.statusName) &&\r\n status.toLowerCase() !== \"invited\" && (\r\n \r\n \r\n this.handleClickCheckbox(e, {\r\n ...matchingItem,\r\n id: matchingItem.invitationId,\r\n passType: (matchingItem.passTypeFull && matchingItem.passTypeFull.displayName) || \"N/A\",\r\n params: {\r\n eventId: this.props.eventId,\r\n },\r\n })\r\n }\r\n roundedCheckbox={false}\r\n isChecked={this.checkBulkSelected(\r\n matchingItem.invitationId\r\n )}\r\n {...this.props}\r\n noPadding\r\n />\r\n
\r\n )}\r\n \r\n \r\n );\r\n })}\r\n {matchingInvitationData.length > 5 && (\r\n
{this.state.addBulkMsg}
}\r\n\r\n {/* {childInvitations && (\r\n\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n {`${child.firstName} ${child.lastName}`}\r\n
\r\n \r\n );\r\n }\r\n })}\r\n
\r\n \r\n );\r\n })}\r\n \r\n )}\r\n
\r\n \r\n (this.addressLine1Ref = ref)}\r\n />\r\n \r\n \r\n (this.regionRef = ref)}\r\n />\r\n \r\n
\r\n }\r\n />\r\n )}\r\n \r\n \r\n \r\n {!invitationIsPaid && (\r\n {numberToCurrency(this.getInvitationPrice())}\r\n )}\r\n {this.renderPaidButton()}\r\n \r\n }\r\n />\r\n \r\n {(!isEditing && !documentsPurged) &&\r\n (invitationIsPaid ||\r\n invitationPaymentMethod !== CONSTANTS.PAYMENT_TYPES.SELF_PAY) && (\r\n \r\n Add more items\r\n \r\n )}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n { this.wrapper = r; }}>\r\n {\r\n this.signatureBlock = r;\r\n }}\r\n width={signatureWidth}\r\n height={100}\r\n signatureFontSize={signatureFontSize}\r\n signatureHelpText={signatureHelpText}\r\n signatureChange={this.handleSignatureCheck}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SignAgreement;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { within } from 'provisioning/shared/utils/numberUtils';\r\nimport { isEmpty } from 'provisioning/shared/utils/validation';\r\nimport styled from 'styled-components-legacy-version';\r\n\r\nimport { fetchAllWaiverDocuments } from 'provisioning/actions/waivers';\r\nimport {\r\n isWaiverTypeMinor,\r\n getSelectedWaiverDocumentType,\r\n getSelectedWaiverDocumentContent,\r\n} from 'provisioning/reducers/waivers';\r\nimport { getInvitationToken, getIsMinorInvitation } from 'provisioning/reducers/invitation';\r\n\r\nimport CheckBoxLine from 'provisioning/components/CheckBoxGroupPage/CheckBoxLine';\r\nimport Spinner from 'provisioning/css/components/Spinner';\r\n\r\nimport SignAgreement from '../components/SignAgreement';\r\n\r\n// Margin of error to help with \"close\" calculations and browser differences\r\nconst MARGIN_OF_ERROR = 20;\r\nconst SIGNATURE_SMALL_FONT = '30px';\r\nconst SIGNATURE_LARGE_FONT = '42px';\r\n\r\nclass WaiverDocument extends React.PureComponent {\r\n static propTypes = {\r\n token: PropTypes.string,\r\n content: PropTypes.string,\r\n isMinorWaiver: PropTypes.bool.isRequired,\r\n onSignatureChange: PropTypes.func.isRequired,\r\n isMinorInvitation: PropTypes.bool,\r\n fetchAllWaiverDocuments: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n userAgreedWithTerms: false,\r\n canAgree: false,\r\n };\r\n\r\n componentDidMount() {\r\n const { token } = this.props;\r\n this.props.fetchAllWaiverDocuments(token);\r\n this.testScrollHeight();\r\n window.addEventListener('resize', this.testScrollHeight);\r\n this.props.onSignatureChange();\r\n\r\n window.showLanguage = function (lang, element) {\r\n const englishSection = document.getElementById(\"english\");\r\n const spanishSection = document.getElementById(\"spanish\");\r\n const targetSection = document.getElementById(lang);\r\n \r\n if (englishSection && spanishSection) {\r\n englishSection.style.display = lang === \"english\" ? \"block\" : \"none\";\r\n spanishSection.style.display = lang === \"spanish\" ? \"block\" : \"none\";\r\n }\r\n \r\n const links = document.querySelectorAll(\".lang-link\");\r\n if (links.length > 0) {\r\n links.forEach((link) => link.classList.remove(\"active\"));\r\n }\r\n \r\n if (element && element.classList) {\r\n element.classList.add(\"active\");\r\n }\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { content } = this.props;\r\n const { canAgree } = this.state;\r\n\r\n if (content !== prevProps.content || canAgree !== prevState.canAgree) {\r\n this.testScrollHeight();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.testScrollHeight);\r\n }\r\n\r\n canCheckScroll() {\r\n const content = this.content;\r\n return !isEmpty(content) && !isEmpty(content.innerText);\r\n }\r\n\r\n getSignatureHelpText() {\r\n const {\r\n isMinorWaiver,\r\n isMinorInvitation,\r\n } = this.props;\r\n\r\n if (isMinorInvitation) {\r\n if (isMinorWaiver) {\r\n return {\r\n fontSize: SIGNATURE_LARGE_FONT,\r\n message: 'Signature of the parent or legal guardian.',\r\n };\r\n\r\n } else {\r\n return {\r\n fontSize: SIGNATURE_SMALL_FONT,\r\n message: (\r\n \r\n Signature of the minor if he/she is 16 years old or older today\r\n \r\n Signature of the parent or legal guardian if he/she is younger than 16 years old today\r\n \r\n ),\r\n };\r\n }\r\n\r\n } else {\r\n return {\r\n message: 'Your signature',\r\n fontSize: SIGNATURE_LARGE_FONT,\r\n };\r\n }\r\n }\r\n\r\n getContentHeight = () => this.content.clientHeight;\r\n getScrollHeight = () => this.content.scrollHeight;\r\n getScrollPos = () => this.content.scrollTop;\r\n\r\n detectEndOfScroll = () => {\r\n if (!this.canCheckScroll()) return;\r\n\r\n const finalScrollPos = this.getScrollHeight() - this.getContentHeight();\r\n if (within(this.getScrollPos(), finalScrollPos, MARGIN_OF_ERROR)) {\r\n // Scrolled to the bottom\r\n this.setState({\r\n canAgree: true,\r\n });\r\n }\r\n };\r\n\r\n testScrollHeight = () => {\r\n if (!this.canCheckScroll()) return;\r\n\r\n if (within(this.getContentHeight(), this.getScrollHeight(), MARGIN_OF_ERROR)) {\r\n this.setState({\r\n canAgree: true,\r\n });\r\n }\r\n };\r\n\r\n handleCheck = () => {\r\n this.setState(prevState => {\r\n if (prevState.userAgreedWithTerms) {\r\n this.props.onSignatureChange();\r\n }\r\n return {\r\n userAgreedWithTerms: !prevState.userAgreedWithTerms,\r\n };\r\n });\r\n };\r\n\r\n render() {\r\n const { userAgreedWithTerms, canAgree } = this.state;\r\n const signatureTextDetails = this.getSignatureHelpText();\r\n const {\r\n content,\r\n onSignatureChange,\r\n } = this.props;\r\n\r\n if (!content) {\r\n return (\r\n
\r\n \r\n \r\n Select the special options that will be send to {invitedGuestCount} guest(s):\r\n \r\n\r\n \r\n {options.filter((item) => !item.isParkingPass).map(option => {\r\n if (this.getIsEnoughRemaining(option) === false) return null;\r\n\r\n return (\r\n \r\n\r\n {(option.name === canInviteGuestsField && (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderOptionLabels(option, showDescription = true) {\r\n return (\r\n \r\n Up to \r\n \r\n guest(s). \r\n\r\n {isGuestNumError && (\r\n \r\n \r\n )}\r\n\r\n {this.renderOptionLabels(option, false)}\r\n
\r\n )) ||\r\n this.renderOptionLabels(option)}\r\n \r\n )\r\n })\r\n }\r\n \r\n
\r\n
\r\n ) : (\r\n <>\r\n {this.state.isInviteSendSucees ? (\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n\r\n \r\n
\r\n\r\n // \r\n Invitation Affiliate: \r\n {this.props.invitation.inviterAffiliateName}\r\n
\r\n \r\n (this.registeredby = ref)}\r\n defaultComponent={registeredby &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nInvitationRegisterInfo.propTypes = {\r\n fields: PropTypes.shape({\r\n registeredby: reduxFormField,\r\n }),\r\n};\r\n\r\nexport default InvitationRegisterInfo;\r\n","import { connect } from 'react-redux';\r\nimport { getInvitationDetails } from 'provisioning/reducers/invitation';\r\n\r\nimport InvitationRegisterInfo from '../components/InvitationRegisterInfo';\r\n\r\nconst mapStateToProps = state => {\r\n const details = getInvitationDetails(state.invitation);\r\n\r\n return {\r\n registeredby: details.registeredby\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(InvitationRegisterInfo);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport styled from \"styled-components-legacy-version\";\r\nimport { connect } from \"react-redux\";\r\nimport { getAccount } from \"provisioning/reducers/userProfile\";\r\nimport { Link } from \"react-router\";\r\nimport { withRouter } from \"react-router\";\r\nimport { reduxFormField } from \"provisioning/propTypes/reduxForm\";\r\nimport { routerTypes } from \"provisioning/propTypes/router\";\r\nimport { requestType } from \"provisioning/propTypes/request\";\r\nimport CONSTANTS from \"provisioning/shared/utils/constants\";\r\nimport ConfirmModal from \"provisioning/components/common/Modals/ConfirmModal\";\r\nimport ModalProvider from \"provisioning/components/common/ModalProvider\";\r\nimport ProvisioningFooter from \"provisioning/components/ProvisioningFooter\";\r\nimport InvitationNotes from \"../../containers/InvitationNotes\";\r\nimport InvitationIdentification from \"../InvitationIdentification\";\r\nimport InvitationEvent from \"../../containers/InvitationEvent\";\r\nimport InvitationPrimaryInfo from \"../../containers/InvitationPrimaryInfo\";\r\nimport InvitationSecondaryInfo from \"../../containers/InvitationSecondaryInfo\";\r\nimport ComponentSwitcher from \"../../containers/ComponentSwitcher\";\r\nimport WaiverDocuments from \"../../containers/WaiverDocuments\";\r\nimport AddInvitationNoteModal from \"../../containers/AddInvitationNoteModal\";\r\nimport AddInvitationPassRevokeModal from \"../../containers/AddInvitationPassRevokeModal\";\r\nimport AddMinorInvitationModal from \"../../containers/AddMinorInvitationModal\";\r\nimport InvitationFooter from \"../InvitationFooter\";\r\nimport PhotoBlock from \"../PhotoBlock\";\r\nimport InvitationRegisterInfo from \"../../containers/InvitationRegisterInfo\";\r\nimport { hideMinorHotInvitationPopover } from \"provisioning/actions/invitation\";\r\n\r\nconst warnings = {\r\n VALIDATION: \"validationWarning\",\r\n RESET: \"resetFormWarning\",\r\n OTHER_INVITATIONS: \"otherInvitationsPending\",\r\n};\r\n\r\nclass InvitationView extends Component {\r\n static propTypes = {\r\n dirty: PropTypes.bool,\r\n submitFailed: PropTypes.bool,\r\n router: routerTypes.isRequired,\r\n params: PropTypes.shape({\r\n eventId: PropTypes.string.isRequired,\r\n }).isRequired,\r\n updateRequest: requestType.isRequired,\r\n fetchInvitation: PropTypes.func.isRequired,\r\n isReadOnly: PropTypes.bool,\r\n status: PropTypes.string,\r\n fields: PropTypes.object,\r\n fetchInvitationOrders: PropTypes.func,\r\n fetchEvent: PropTypes.func,\r\n };\r\n\r\n state = {\r\n warning: \"\",\r\n updateConfirm: false,\r\n bulkProvisioningWarning: false,\r\n showBulkProvisioning: false,\r\n };\r\n\r\n componentDidMount() {\r\n const {\r\n details,\r\n fetchParentInvitation,\r\n fetchChildInvitation,\r\n fetchMatchingInvitation,\r\n } = this.props;\r\n\r\n if (\r\n details.type === CONSTANTS.INVITATION_TYPES.MINOR &&\r\n fetchParentInvitation\r\n ) {\r\n fetchParentInvitation(details.token);\r\n } else {\r\n fetchChildInvitation(details.token);\r\n }\r\n\r\n if (details.token) {\r\n fetchMatchingInvitation(\r\n details.id,\r\n details.email,\r\n details?.phone ?? null\r\n );\r\n }\r\n }\r\n\r\n getInvitationChildInfo = () => {\r\n const {\r\n details,\r\n fetchParentInvitation,\r\n fetchChildInvitation,\r\n fetchMatchingInvitation,\r\n } = this.props;\r\n\r\n \r\n fetchChildInvitation(details.token);\r\n\r\n if (details.token) {\r\n fetchMatchingInvitation(\r\n details.id,\r\n details.email,\r\n details?.phone ?? null\r\n );\r\n }\r\n }\r\n\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n const { updateRequest } = this.props;\r\n\r\n if (nextProps.submitFailed && this.isValidating === true) {\r\n this.updateWarning(warnings.VALIDATION);\r\n }\r\n\r\n if (\r\n nextProps.updateRequest.isFetching &&\r\n !updateRequest.isFetching &&\r\n !updateRequest.error\r\n ) {\r\n this.setState({\r\n updateConfirm: true,\r\n });\r\n }\r\n\r\n if (nextProps.updateRequest.error && !updateRequest.error) {\r\n this.setState({\r\n updateConfirm: false,\r\n updateErrored: true,\r\n });\r\n }\r\n }\r\n\r\n isValidating = false;\r\n\r\n /** URL params are missing on scan/bulk routes; fall back to loaded invitation. */\r\n routeParams = () => {\r\n const { params = {}, details } = this.props;\r\n return {\r\n ...params,\r\n eventId: params.eventId != null ? params.eventId : details?.eventId,\r\n invitationId:\r\n params.invitationId != null ? params.invitationId : details?.id,\r\n };\r\n };\r\n\r\n getInvitationStatusFromCode = (code) => {\r\n const INVITATION_STATUS = Object.keys(CONSTANTS.INVITATION_STATUS).map(\r\n (key) => CONSTANTS.INVITATION_STATUS[key]\r\n );\r\n return INVITATION_STATUS.find((status) => status.VALUE === code)[\"NAME\"];\r\n };\r\n\r\n hasPassOrPaymentTypeChanged() {\r\n const { fields } = this.props;\r\n if (!fields?.passTypeId || !fields?.paymentTypeId) {\r\n return false;\r\n }\r\n\r\n const { passTypeId, paymentTypeId } = fields;\r\n return (\r\n passTypeId.initial !== passTypeId.value ||\r\n paymentTypeId.initial !== paymentTypeId.value\r\n );\r\n }\r\n\r\n hasUnsavedChanges() {\r\n const { dirty } = this.props;\r\n return (\r\n dirty || this.checkForUpdates() || this.hasPassOrPaymentTypeChanged()\r\n );\r\n }\r\n\r\n exitEditMode = () => {\r\n const { fetchInvitation } = this.props;\r\n if (!fetchInvitation) {\r\n return;\r\n }\r\n\r\n const refresh = fetchInvitation();\r\n if (refresh && typeof refresh.then === \"function\") {\r\n refresh.catch(() => {});\r\n }\r\n };\r\n\r\n handleCancelClick = () => {\r\n const { resetForm, status } = this.props;\r\n\r\n if (this.hasUnsavedChanges()) {\r\n this.updateWarning(warnings.RESET);\r\n return;\r\n }\r\n\r\n if (status.toLowerCase() === \"invited\") {\r\n this.redirectToList();\r\n } else {\r\n resetForm();\r\n this.exitEditMode();\r\n }\r\n };\r\n\r\n handleRedirectToScanner = () => {\r\n const { router, details, bulkSelectedItems, invitationDetails, isShowBulkProvisioning, status } = this.props;\r\n const currentId = details?.id ?? invitationDetails?.id;\r\n const isCurrentInBulkList =\r\n bulkSelectedItems?.length > 0 &&\r\n currentId != null &&\r\n bulkSelectedItems.some(\r\n (item) => (item.invitationId ?? item.id) === currentId\r\n );\r\n const isCurrentInBulk =\r\n isShowBulkProvisioning && isCurrentInBulkList;\r\n // Only issue as group when current is in bulk list and not already pass-issued (reissue should keep Pass Issued, not become Group Pass Issued)\r\n const isCurrentAlreadyPassIssued = [\"passissued\", \"grouppassissued\"].includes(status?.toLowerCase());\r\n const shouldIssueAsGroup = isCurrentInBulkList && !isCurrentAlreadyPassIssued;\r\n if (isCurrentInBulk) {\r\n router.push({\r\n pathname: CONSTANTS.URLS.SCAN_PAGE_TWO_BULK_DETAIL,\r\n state: { currentInvitationId: currentId },\r\n });\r\n } else {\r\n router.push({\r\n pathname: CONSTANTS.URLS.SCAN_PAGE_TWO,\r\n state: shouldIssueAsGroup ? { issueAsGroup: true } : undefined,\r\n });\r\n }\r\n };\r\n\r\n updateWarning = (warningName) => {\r\n this.setState({\r\n warning: warningName,\r\n });\r\n };\r\n\r\n removeWarning = () => {\r\n this.setState({\r\n warning: \"\",\r\n });\r\n };\r\n\r\n closeUpdateModal = () => {\r\n const { fetchInvitation, resetForm } = this.props;\r\n\r\n this.setState({\r\n updateConfirm: false,\r\n updateErrored: false,\r\n });\r\n\r\n const afterRefresh = () => {\r\n if (resetForm) {\r\n resetForm();\r\n }\r\n this.fetchData();\r\n };\r\n\r\n const refresh = fetchInvitation && fetchInvitation();\r\n if (refresh && typeof refresh.then === 'function') {\r\n refresh.then(afterRefresh).catch(afterRefresh);\r\n } else {\r\n afterRefresh();\r\n }\r\n };\r\n\r\n closeErrorModal = () => {\r\n this.setState({\r\n updateErrored: false,\r\n });\r\n };\r\n\r\n submitFormReset = () => {\r\n const { status, resetForm } = this.props;\r\n this.removeWarning();\r\n resetForm();\r\n\r\n if (status.toLowerCase() === \"invited\") {\r\n this.redirectToList();\r\n } else {\r\n this.exitEditMode();\r\n }\r\n };\r\n\r\n redirectToList = () => {\r\n const { router, details } = this.props;\r\n const bulkReturn = router?.location?.state?.bulkProvisioningReturn;\r\n if (bulkReturn) {\r\n const focusId =\r\n router.location.state.bulkReturnFocusId ?? details?.id ?? null;\r\n router.push({\r\n pathname: CONSTANTS.URLS.SCAN_PAGE_TWO_BULK_DETAIL,\r\n state: focusId != null ? { currentInvitationId: focusId } : undefined,\r\n });\r\n return;\r\n }\r\n const { eventId } = this.routeParams();\r\n router.push(`${CONSTANTS.URLS.DASHBOARD}/${eventId}`);\r\n };\r\n\r\n validationConfirmModalSubmit = () => {\r\n const { errors, foundScrollableError } = this.props;\r\n\r\n if (!!errors && Object.keys(errors).length > 0)\r\n foundScrollableError(this.getScrollErrorKey(errors));\r\n\r\n this.removeWarning();\r\n this.isValidating = false;\r\n };\r\n\r\n fetchData() {\r\n const { fetchInvitation, fetchEvent, fetchInvitationOrders } = this.props;\r\n\r\n const afterEvent = () => {\r\n if (fetchInvitation) {\r\n fetchInvitation();\r\n }\r\n if (fetchInvitationOrders) {\r\n fetchInvitationOrders();\r\n }\r\n };\r\n\r\n if (!fetchEvent) {\r\n afterEvent();\r\n return;\r\n }\r\n\r\n const eventResult = fetchEvent();\r\n if (eventResult && typeof eventResult.then === \"function\") {\r\n eventResult.then(afterEvent);\r\n } else {\r\n afterEvent();\r\n }\r\n }\r\n\r\n getScrollErrorKey(errors) {\r\n let currKey = Object.keys(errors)[0];\r\n\r\n if (!!currKey) {\r\n if (\r\n currKey === \"birthDateYear\" ||\r\n currKey === \"birthDateMonth\" ||\r\n currKey === \"birthDateDay\"\r\n )\r\n currKey = \"birthDate\";\r\n } else {\r\n currKey = null;\r\n }\r\n\r\n return currKey;\r\n }\r\n\r\n checkForUpdates() {\r\n const { fields } = this.props;\r\n let hasUpdated = false;\r\n\r\n const iterator = (waiver) => {\r\n if (\r\n waiver.hasOwnProperty(\"signature\") &&\r\n waiver.signature.hasOwnProperty(\"touched\") &&\r\n waiver.signature.touched &&\r\n !hasUpdated\r\n ) {\r\n hasUpdated = true;\r\n }\r\n };\r\n\r\n for (const fieldKey in fields) {\r\n if (\r\n fieldKey.localeCompare(\"invitationWaiverDocuments\") === 0 &&\r\n Array.isArray(fields[fieldKey])\r\n ) {\r\n fields[fieldKey].forEach(iterator);\r\n } else {\r\n if (\r\n fields[fieldKey].hasOwnProperty(\"touched\") &&\r\n fields[fieldKey].touched &&\r\n !hasUpdated\r\n ) {\r\n hasUpdated = true;\r\n }\r\n }\r\n }\r\n\r\n return hasUpdated;\r\n }\r\n\r\n renderConfirmModal() {\r\n const { warning, updateConfirm, updateErrored } = this.state;\r\n const { updateRequest } = this.props;\r\n\r\n if (warning) {\r\n if (warning === warnings.VALIDATION) {\r\n return (\r\n \r\n \r\n {registeredby} \r\n
\r\n }\r\n editComponent={\r\n \r\n Looks like we found some issues with the information you provided.\r\n Please review the information and retry saving.\r\n
\r\n \r\n );\r\n }\r\n\r\n if (warning === warnings.OTHER_INVITATIONS) {\r\n return (\r\n\r\n Please make sure to complete provisioning of all remaining passes\r\n for this guest to this event\r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\nCancel and lose any edits made?
\r\n \r\n );\r\n }\r\n\r\n if (updateConfirm) {\r\n return (\r\n\r\n You’ve selected one or more associated invitations, but haven’t\r\n added them to the Bulk Provision queue yet. To ensure all selected\r\n guests are provisioned together, please click **Bulk Provision**\r\n before completing this invitation.\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n {!details.isAnnualPass && !details.isDocumentPurged && (\r\n \r\n \r\n )}\r\n {details.isDocumentPurged && (\r\n Documents Purged \r\n )}\r\n \r\n \r\n {\r\n if (this.state.bulkProvisioningWarning) {\r\n this.setState({ showBulkProvisioning: true });\r\n } else {\r\n if (pendingInvitations)\r\n this.updateWarning(warnings.OTHER_INVITATIONS);\r\n else this.handleRedirectToScanner();\r\n }\r\n }}\r\n />\r\n }\r\n editComponent={\r\n {\r\n this.isValidating = true;\r\n handleSubmit(onSubmit)();\r\n }}\r\n onCancel={this.handleCancelClick}\r\n />\r\n }\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nInvitationView.propTypes = {\r\n fields: PropTypes.shape({\r\n firstName: reduxFormField,\r\n lastName: reduxFormField,\r\n phoneNumber: reduxFormField,\r\n email: reduxFormField,\r\n }),\r\n resetForm: PropTypes.func,\r\n handleSubmit: PropTypes.func,\r\n onSubmit: PropTypes.func,\r\n};\r\n\r\nconst Grid = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 80px;\r\n @media (min-width: 1024px), (orientation: landscape) {\r\n flex-direction: row;\r\n }\r\n`;\r\n\r\nconst Content = styled.div`\r\n @media (min-width: 1024px), (orientation: landscape) {\r\n width: 50%;\r\n flex-grow: 1;\r\n &:last-child {\r\n padding-left: 40px;\r\n max-width: 700px;\r\n }\r\n }\r\n`;\r\n\r\nconst PhotoWrapper = styled.div`\r\n @media (min-width: 1024px) {\r\n max-width: 340px;\r\n margin-left: auto;\r\n }\r\n`;\r\n\r\nconst DocumentPurgeText = styled.div`\r\n font-size: 24px;\r\n text-align: center;\r\n margin-top: 32px;\r\n color: red;\r\n`;\r\nconst EventCredItem = styled.div`\r\n border-bottom: 1px solid #9e9e9e;\r\n padding: 12px 0;\r\n a {\r\n color: ${CONSTANTS.COLORS.NASCAR_YELLOW};\r\n font-size: 16px;\r\n padding-bottom: 8px;\r\n }\r\n a:hover {\r\n text-decoration: underline;\r\n }\r\n span {\r\n font-size: 14px;\r\n margin: 4px 0;\r\n }\r\n`;\r\n\r\nconst mapStateToProps = ({ account }) => ({\r\n account: getAccount(account),\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n onCancel: () => {\r\n dispatch(hideMinorHotInvitationPopover());\r\n },\r\n});\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(InvitationView)\r\n);\r\n","import { connect } from \"react-redux\";\r\nimport { fetchEventDetails } from \"provisioning/actions/event\";\r\nimport { fetchInvitationOrders } from \"provisioning/actions/invitationOrders\";\r\nimport { store } from \"provisioning/shared\";\r\n\r\nimport { getRequestByName } from \"provisioning/reducers/requests\";\r\nimport {\r\n isInvitationReadOnly,\r\n getInvitationDetails,\r\n} from \"provisioning/reducers/invitation\";\r\n\r\nimport {\r\n scrollToFormError,\r\n fetchParentInvitation,\r\n fetchChildInvitation,\r\n fetchMatchingInvitation,\r\n updatePhotoWicket,\r\n} from \"provisioning/actions/invitation\";\r\nimport { getIsUploadingWicket, getIsUploadWicket, getWicketResponseData } from 'provisioning/reducers/invitation';\r\n\r\nimport InvitationView from \"../components/InvitationView\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n details: getInvitationDetails(state.invitation),\r\n isReadOnly: isInvitationReadOnly(state.invitation),\r\n updateRequest: getRequestByName(state, \"invitationUpdate\"),\r\n isWicketUploading: getIsUploadingWicket(state.invitation),\r\n isWicketUploaded: getIsUploadWicket(state.invitation),\r\n wicketResponse: getWicketResponseData(state.invitation)\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch, ownProps) => {\r\n const { params = {} } = ownProps;\r\n const resolveEventId = () =>\r\n params.eventId ??\r\n getInvitationDetails(store.getState().invitation)?.eventId;\r\n const resolveInvitationId = () =>\r\n params.invitationId ??\r\n getInvitationDetails(store.getState().invitation)?.id;\r\n\r\n return {\r\n fetchEvent: () => {\r\n const eventId = resolveEventId();\r\n return eventId\r\n ? dispatch(fetchEventDetails(eventId))\r\n : Promise.resolve();\r\n },\r\n fetchParentInvitation: (token) => dispatch(fetchParentInvitation(token)),\r\n fetchChildInvitation: (token) => dispatch(fetchChildInvitation(token)),\r\n fetchMatchingInvitation: (invitationId, email, phone) => {\r\n const eventId = resolveEventId();\r\n return eventId\r\n ? dispatch(\r\n fetchMatchingInvitation(eventId, invitationId, email, phone)\r\n )\r\n : undefined;\r\n },\r\n foundScrollableError: (errorKey) => dispatch(scrollToFormError(errorKey)),\r\n fetchInvitationOrders: () => {\r\n const invitationId = resolveInvitationId();\r\n return invitationId\r\n ? dispatch(fetchInvitationOrders(invitationId))\r\n : Promise.resolve();\r\n },\r\n uploadWicketPhoto: (id, photo) => dispatch(updatePhotoWicket(id, photo)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(InvitationView);\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport moment from \"moment\";\r\nimport autobind from \"react-autobind\";\r\nimport { push } from \"react-router-redux\";\r\nimport { connect } from \"react-redux\";\r\nimport Logger from \"provisioning/shared/utils/Logger\";\r\nimport { ScanStepContainer } from \"./styles\";\r\nimport ProvisioningFooter from \"provisioning/components/ProvisioningFooter\";\r\nimport { updatePassId } from \"provisioning/actions/invitationDetails\";\r\nimport { submitInvitationDetails } from \"provisioning/components/invitations/invitation/actionCreators\";\r\nimport { getRouteForInvitationId } from \"provisioning/shared/utils/routeHelpers\";\r\nimport PopoverRoot from \"provisioning/components/common/popover/PopoverRoot.jsx\";\r\nimport { LoadingPopover } from \"provisioning/components/common/popover\";\r\nimport CONSTANTS, { DATE } from \"provisioning/shared/utils/constants\";\r\nimport { concatenateStrings } from \"provisioning/shared/utils/stringUtils\";\r\nimport { numberToCurrency } from \"provisioning/shared/utils/currency\";\r\nimport {\r\n getInvitationDetails,\r\n getIsFetching,\r\n getIsFetched,\r\n getChildInvitationDetails,\r\n getMatchingInvitationDetails,\r\n getIsFetchingMatchingInvitation,\r\n getParentInvitationDetails,\r\n isInvitationReadOnly,\r\n getIsFormInEditMode,\r\n getIsMinorInvitation,\r\n} from \"provisioning/reducers/invitation\";\r\nimport { getAccount } from \"provisioning/reducers/userProfile\";\r\n\r\nimport {\r\n bulkProvisioningUpdatePass,\r\n bulkProvisioningUpdateFailedPass,\r\n bulkProvisioningSelectedScanItem,\r\n bulkProvisioningResetSelectedItems,\r\n bulkProvisioningSelect,\r\n removeBulkProvisioningSelect,\r\n bulkProvisioningMergeInvitationDetails,\r\n} from \"provisioning/actions/eventGuests\";\r\n\r\nimport {\r\n getSelectedItem,\r\n getSelectedScanItem,\r\n getShowBulkProvisioning,\r\n getEventGuests,\r\n getIsLoaded as getEventGuestsListLoaded,\r\n} from \"provisioning/reducers/eventGuests\";\r\nimport { fetchEventGuestsNew } from \"provisioning/actions/eventGuests\";\r\nimport styled from \"styled-components\";\r\nimport {\r\n SectionWithBorder,\r\n FormRow,\r\n FormRowNoHorizontalScrollbar,\r\n Column,\r\n SpecialOptionsWrapper,\r\n SpecialOptionChild,\r\n Section,\r\n Group,\r\n Header,\r\n Title,\r\n Row,\r\n} from \"../../Invitation/components/Layout\";\r\nimport FieldLabel from \"../../Invitation/components/FieldLabel\";\r\nimport InvitationPassType from \"provisioning/routes/Invitation/containers/InvitationPassType\";\r\nimport InvitationPaymentType from \"provisioning/routes/Invitation/containers/InvitationPaymentType\";\r\nimport GuestStatus from \"routes/InvitationDetails/components/InvitationDetailsView/components/GuestStatus\";\r\nimport PageWrapper from \"provisioning/components/common/PageWrapper\";\r\nimport ShadowBox from \"provisioning/components/common/ShadowBox\";\r\nimport { Scrollbars } from \"react-custom-scrollbars\";\r\nimport PhotoBlock from \"provisioning/routes/Invitation/components/PhotoBlock\";\r\nimport { fetchOutstanding } from \"provisioning/actions/payments\";\r\nimport { fetchEventDetails } from \"provisioning/actions/event\";\r\nimport {\r\n fetchInvitation,\r\n fetchChildInvitation,\r\n fetchMatchingInvitation,\r\n} from \"provisioning/actions/invitation\";\r\nimport { fetchInvitationOrders } from \"provisioning/actions/invitationOrders\";\r\nimport { formatHistory } from \"reducers/invitationDetails\";\r\nimport { Link } from \"react-router\";\r\nimport { prefixBase64 } from \"provisioning/shared/utils/stringUtils\";\r\nimport InvitationNote from \"routes/InvitationDetails/components/InvitationNote\";\r\nimport uniqueId from \"lodash/uniqueId\";\r\nimport { formatDate } from \"shared/utils/dateUtils\";\r\nimport InvitationEvent from \"provisioning/routes/Invitation/containers/InvitationEvent\";\r\nimport InvitationForm from \"provisioning/routes/Invitation/components/InvitationForm\";\r\nimport InvitationView from \"provisioning/routes/Invitation/containers/InvitationView\";\r\nimport CheckBoxLine from \"provisioning/components/CheckBoxGroupPage/CheckBoxLine\";\r\nimport { Button } from \"primereact/button\";\r\nimport ConfirmModal from \"provisioning/components/common/Modals/ConfirmModal\";\r\nimport ModalProvider from \"provisioning/components/common/ModalProvider\";\r\nimport { apiClient } from \"proxies/apiClient\";\r\n\r\nconst getGuestPhotoTitle = (name) => `Photo of ${name}`;\r\nconst getLicenceTitle = (licence) =>\r\n licence && `License/Passport No: ${licence}`;\r\n\r\nconst renderPhotoId = (licence, isRequired) => {\r\n if (licence.uri) {\r\n return (\r\n \r\n \r\n \r\n {item.eventName}\r\n \r\n \r\n Status:{\" \"}\r\n {this.getInvitationStatusFromCode(item.invitationStatus)}\r\n \r\n {item.passTypeName && (\r\n \r\n Pass type: {item.passTypeDisplayName}\r\n \r\n )}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n Other Event Credential\r\n
\r\n {associatedInvitationList.map((item) => (\r\n\r\n You’ve selected one or more associated invitations, but haven’t\r\n added them to the Bulk Provision queue yet. To ensure all selected\r\n guests are provisioned together, please click **Bulk Provision**\r\n before completing this invitation.\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {invitationSpecialOptions\r\n .filter((item) => !item.isParkingPass)\r\n .map((op, i, arr) => (\r\n \r\n {op.name}\r\n {i < arr.length - 1 ? (\r\n , \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n ))}\r\n \r\n }\r\n />\r\n \r\n )}\r\n \r\n )}\r\n {invitationSpecialOptions.length > 0 && (\r\n <>\r\n {invitationSpecialOptions.filter(\r\n (item) => item.isParkingPass\r\n ).length > 0 && (\r\n \r\n \r\n {invitationSpecialOptions\r\n .filter((item) => item.isParkingPass)\r\n .map((op, i, arr) => (\r\n \r\n {op.name}\r\n {i < arr.length - 1 ? (\r\n , \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n ))}\r\n \r\n }\r\n />\r\n \r\n )}\r\n \r\n )}\r\n {isMinorInvitation && parentInvitation && (\r\n \r\n \r\n Attending with:\r\n \r\n \r\n Name:{\" \"}\r\n {this.getParentLink(\r\n `${parentInvitation.firstName} ${parentInvitation.lastName}`\r\n )}\r\n
\r\n Phone: {this.props.parent?.phoneNumber}\r\n
\r\n Pass Type:{\" \"}\r\n {this.isParentAnnual()\r\n ? \"Annual Pass\"\r\n : parentInvitation.passTypeFull?.displayName}\r\n \r\n \r\n )}\r\n {!isMinorInvitation &&\r\n childInvitations &&\r\n childInvitations.length > 0 && (\r\n \r\n Minors: \r\n {childInvitations.map((child, i) => {\r\n return (\r\n \r\n \r\n {`${child.firstName} ${child.lastName}`}\r\n \r\n\r\n {this.isShowBulkCheckBox(\r\n child.status,\r\n child.id,\r\n child\r\n ) && (\r\n \r\n this.handleClickCheckbox(e, {\r\n ...child,\r\n invitationId: child.id,\r\n params: {\r\n eventId: parseInt(this.state.eventId),\r\n },\r\n passType:\r\n child.passTypeFull.displayName,\r\n })\r\n }\r\n roundedCheckbox={false}\r\n isChecked={this.checkBulkSelected(\r\n child.id\r\n )}\r\n {...this.props}\r\n noPadding\r\n />\r\n )}\r\n
\r\n
\r\n );\r\n })}\r\n \r\n )}\r\n {matchingInvitationData &&\r\n matchingInvitationData.length > 0 && (\r\n \r\n
\r\n {invitationSpecialOptions.length > 0 && (\r\n <>\r\n {invitationSpecialOptions.filter(\r\n (item) => !item.isParkingPass\r\n ).length > 0 && (\r\n \r\n Phone: {this.props.parent?.phoneNumber}\r\n
\r\n Pass Type:{\" \"}\r\n {this.isParentAnnual()\r\n ? \"Annual Pass\"\r\n : parentInvitation.passTypeFull?.displayName}\r\n
\r\n
\r\n \r\n {`${child.firstName} ${child.lastName}`}\r\n \r\n \r\n {child.passTypeFull.displayName}\r\n \r\n
\r\n {this.isShowBulkCheckBox(\r\n child.statusName,\r\n child.invitationId,\r\n child\r\n ) && (\r\n \r\n \r\n );\r\n })}\r\n
{this.state.addBulkMsg}
}\r\n \r\n\r\n \r\n \r\n {renderPhotoId({\r\n uri: prefixBase64(photoMinorId),\r\n documentNumber: documentNumber,\r\n })}\r\n \r\n
\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {registeredby && (\r\n Notes:
\r\n \r\n {notes.map((note) => (\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {associatedInvitationList.length > 0 && (\r\n \r\n \r\n \r\n {item.eventName}\r\n \r\n {item.invitationStatus && (\r\n \r\n Status:{\" \"}\r\n {this.getInvitationStatusFromCode(\r\n item.invitationStatus\r\n )}\r\n \r\n )}\r\n\r\n {item.passTypeName && (\r\n \r\n Pass type: {item.passTypeDisplayName}\r\n \r\n )}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n Other Event Credential\r\n
\r\n {associatedInvitationList.map((item) => (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventsItemTitles;\r\n","import React, { PureComponent } from 'react';\r\nimport { formatDate } from 'provisioning/shared/utils/dateUtils';\r\nimport { eventDetails } from 'provisioning/propTypes/eventDetails';\r\nimport EventDetailsLogos from '../EventDetailsLogos';\r\nimport EventDetailsTitles from '../EventDetailsTitles';\r\n\r\nclass EventDetails extends PureComponent {\r\n static propTypes = {\r\n details: eventDetails.isRequired,\r\n };\r\n\r\n render() {\r\n return (\r\n {this.props.name}
\r\n {this.props.venueName &&{this.props.venueName}
}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventDetails;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { formatDate } from 'shared/utils/dateUtils';\r\nimport { eventDetails } from 'provisioning/propTypes/eventDetails';\r\nimport EventDetailSeriesIcon from '../EventDetailsLogos/EventDetailSeriesIcon';\r\nimport EventDetailIcon from '../EventDetailsLogos/EventDetailIcon';\r\nimport IconNascarFlag from 'provisioning/components/common/icons/IconNascarFlag';\r\nimport VerticallyCenter from 'provisioning/components/common/VerticallyCenter';\r\nimport {\r\n EventDetailsContainer,\r\n EventDetailWrapper,\r\n EventIconContainer,\r\n EventIconWrapper,\r\n BulkProvisioningButton\r\n} from './styles';\r\nimport { invalidateImageCache } from 'shared/utils/imageUtils';\r\n\r\nconst TIME_ZONE = 'ET';\r\n\r\nclass EventProvisioningDetails extends PureComponent {\r\n static propTypes = {\r\n details: eventDetails.isRequired,\r\n onPrev: PropTypes.func,\r\n onNext: PropTypes.func,\r\n };\r\n\r\n startDateDisplay = (startDate, isDayLightSaving) => {\r\n const dayLightStartDate = new Date(startDate);\r\n\r\n if(isDayLightSaving) {\r\n dayLightStartDate.setHours(dayLightStartDate.getHours() + 1);\r\n }\r\n\r\n return `${formatDate(dayLightStartDate)} ${TIME_ZONE}`;\r\n }\r\n\r\n render() {\r\n const {\r\n details: { startTime, iconUrl, eventTypeIconUrl, name, venueName, isDayLightSaving },\r\n onPrev,\r\n onNext,\r\n toggleBulkProvisioning\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n {formatDate(this.props.details.startTime, 'MMM DD')}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EventProvisioningDetails;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport autobind from 'react-autobind';\r\nimport { push } from 'react-router-redux';\r\nimport styled from 'styled-components-legacy-version';\r\n\r\nimport * as actions from 'provisioning/actions/event';\r\nimport {\r\n fetchEventGuestsSummary,\r\n clearInvitationTotals,\r\n clearSearchString,\r\n showBulkProvisioning\r\n} from 'provisioning/actions/eventGuests';\r\nimport { getRouteForEventId } from 'provisioning/shared/utils/routeHelpers';\r\nimport {\r\n getIsLoaded,\r\n getErrorMessage,\r\n getEventDetails,\r\n} from 'provisioning/reducers/event';\r\nimport { getEventIdOffsetBy } from 'provisioning/reducers/events';\r\nimport ErrorMessage from 'provisioning/components/common/ErrorMessage';\r\nimport { eventDetails } from 'provisioning/propTypes/eventDetails';\r\nimport EventDetailsView from '../components/EventDetails';\r\nimport EventProvisioningDetails from '../components/EventProvisioningDetails';\r\nimport { unSelectableText } from 'provisioning/css/mixins';\r\n\r\nconst EventDetailsContainer = styled.div`\r\n flex: 0 0 auto;\r\n ${unSelectableText};\r\n`;\r\nconst FixedHeightLoader = styled.div`\r\n min-height: 105px;\r\n`;\r\n\r\nclass EventDetails extends PureComponent {\r\n static propTypes = {\r\n id: PropTypes.string.isRequired,\r\n fetchEventDetails: PropTypes.func.isRequired,\r\n fetchEventGuestsSummaryHandler: PropTypes.func.isRequired,\r\n isLoaded: PropTypes.bool,\r\n errorMessage: PropTypes.string,\r\n details: eventDetails,\r\n changeRoute: PropTypes.func.isRequired,\r\n prevId: PropTypes.number,\r\n nextId: PropTypes.number,\r\n };\r\n\r\n constructor() {\r\n super();\r\n\r\n autobind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { fetchEventDetails, fetchEventGuestsSummaryHandler, id } = this.props;\r\n fetchEventDetails(id);\r\n fetchEventGuestsSummaryHandler(id);\r\n }\r\n\r\n navPrevEvent() {\r\n const { prevId, changeRoute } = this.props;\r\n changeRoute(prevId);\r\n }\r\n\r\n navNextEvent() {\r\n const { nextId, changeRoute } = this.props;\r\n changeRoute(nextId);\r\n }\r\n\r\n render() {\r\n const { isLoaded, errorMessage, fetchEventDetails, details, prevId, nextId, id } = this.props;\r\n\r\n if (!isLoaded) {\r\n return \r\n \r\n \r\n {iconUrl ? (\r\n \r\n \r\n {eventTypeIconUrl ? (\r\n \r\n \r\n \r\n {this.startDateDisplay(startTime, isDayLightSaving)} \r\n {name} \r\n {venueName} \r\n \r\n toggleBulkProvisioning()}>Bulk Provisioning \r\n
\r\n \r\n {onPrev && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {onNext && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n const nextEvent = nextId !== -1 ? this.navNextEvent : undefined;\r\n const prevEvent = prevId !== -1 ? this.navPrevEvent : undefined;\r\n \r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n let component = null;\r\n let additionalClasses = \"\";\r\n if (!env.PROVISIONING) {\r\n additionalClasses += \"provisioning-box\";\r\n component = [\r\n \r\n\r\n {/* sf - search field */}\r\n \r\n {this.renderSearchIcon()}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default SearchField;\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport {\r\n updateGuestSearch,\r\n updateGuestSortBy,\r\n updateGuestOrderBy,\r\n updateGuestFilterBy,\r\n} from \"provisioning/actions/eventGuests\";\r\nimport {\r\n getEventGuestsSearchString,\r\n getEventGuestsSortByString,\r\n getEventGuestsOrderByString,\r\n getEventGuestsFilterByString,\r\n} from \"provisioning/reducers/eventGuests\";\r\nimport {\r\n SELECTION_ALL,\r\n SELECTION_INVITED,\r\n SELECTION_REGISTERED,\r\n SELECTION_PASS_ISSUED,\r\n} from \"provisioning/constants/eventStatusToggle\";\r\nimport { changeSelection } from \"provisioning/actions/eventStatusToggle\";\r\nimport {\r\n Container,\r\n SearchWrapper,\r\n SortbyWrapper,\r\n OrderbyWrapper,\r\n StatusToggleWrapper,\r\n StatusToggle,\r\n} from \"./styles\";\r\nimport { guestCountsProps } from \"provisioning/propTypes/eventGuests\";\r\nimport SearchField from \"provisioning/components/common/forms/textfields/Search\";\r\nimport Select from \"common/Select\";\r\n\r\nexport const sortFields = [\r\n { label: \"app.title.firstName\", value: \"firstName\" },\r\n { label: \"app.title.lastName\", value: \"lastName\" },\r\n { label: \"app.title.email\", value: \"email\" },\r\n { label: \"app.title.status\", value: \"status\" },\r\n { label: \"app.title.affiliate\", value: \"inviterAffiliateName\" },\r\n { label: \"app.title.requestedBy\", value: \"invitedOnBehalfOf\" },\r\n { label: \"app.title.passType\", value: \"passTypeName\" },\r\n { label: \"app.title.passNumber\", value: \"passNumber\" },\r\n { label: \"app.title.parkingPassNumber\", value: \"parkingPassNumber\" },\r\n];\r\n\r\nexport const filterFields = [\r\n { label: \"app.title.firstName\", value: \"firstName\" },\r\n { label: \"app.title.lastName\", value: \"lastName\" },\r\n { label: \"app.title.email\", value: \"email\" },\r\n { label: \"app.title.status\", value: \"status\" },\r\n { label: \"app.title.affiliate\", value: \"inviterAffiliateName\" },\r\n { label: \"app.title.requestedBy\", value: \"invitedOnBehalfOf\" },\r\n { label: \"app.title.passType\", value: \"passTypeName\" },\r\n { label: \"app.title.special_options\", value: \"specialOptions\"},\r\n { label: \"app.title.invitedBy\", value: \"invitedBy\"},\r\n { label: \"app.title.phone\", value: \"phone\"},\r\n];\r\n\r\nexport const orderFields = [\r\n { label: \"Asc\", value: \"asc\" },\r\n { label: \"Desc\", value: \"desc\" },\r\n];\r\n\r\nclass EventGuestSearchAndStatusToggle extends PureComponent {\r\n static propTypes = {\r\n selection: PropTypes.string.isRequired,\r\n guestStats: guestCountsProps,\r\n onAll: PropTypes.func.isRequired,\r\n onInvited: PropTypes.func.isRequired,\r\n onRegistered: PropTypes.func.isRequired,\r\n onPassIssued: PropTypes.func.isRequired,\r\n searchString: PropTypes.string,\r\n search: PropTypes.func.isRequired,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openSelectId: null, // Track which select is currently open\r\n };\r\n }\r\n\r\n refineSearch = (value) => {\r\n const { search } = this.props;\r\n search(value);\r\n };\r\n\r\n handleFilterByMenuOpen = () => {\r\n this.setState({ openSelectId: 'filterBy' });\r\n };\r\n\r\n handleSortByMenuOpen = () => {\r\n this.setState({ openSelectId: 'sortBy' });\r\n };\r\n\r\n handleOrderByMenuOpen = () => {\r\n this.setState({ openSelectId: 'orderBy' });\r\n };\r\n\r\n handleMenuClose = () => {\r\n this.setState({ openSelectId: null });\r\n };\r\n\r\n handleChangeSortBy = (value) => {\r\n this.props.sortBy(value ?? \"\");\r\n };\r\n\r\n handleChangeFilterBy = (value) => {\r\n this.props.filterBy(value ?? \"\");\r\n };\r\n handleChangeOrderBy = (value) => {\r\n this.props.orderBy(value ?? \"\");\r\n };\r\n\r\n render() {\r\n const {\r\n onAll,\r\n onInvited,\r\n onRegistered,\r\n onPassIssued,\r\n selection,\r\n searchString,\r\n sortByString,\r\n filterByString,\r\n orderByString,\r\n guestStats: {\r\n totalIssued,\r\n invitationsInvited,\r\n invitationsRegistered,\r\n invitationsPassIssued,\r\n },\r\n } = this.props;\r\n const { openSelectId } = this.state;\r\n\r\n return (\r\n