\r\n
\r\n );\r\n};\r\n\r\nexport default EventOffer;\r\n","import EventOffer from './eventsOffer';\r\n\r\nexport default EventOffer;\r\n","import initialApiService from 'services/initialApiService';\r\n\r\nimport { EventScanHistoryRequestType, EventScanHistoryResponseType } from './scan.api.type';\r\n\r\nconst scanApiService = initialApiService.injectEndpoints({\r\n endpoints: (builder) => ({\r\n getEventScanHistory: builder.query\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {dayjs(date).format('DD.MM.YYYY')}
;\r\n },\r\n },\r\n {\r\n title: 'FIRST NAME',\r\n dataIndex: 'order',\r\n key: 'firstName',\r\n render: (order) => {order?.user?.firstName}
,\r\n },\r\n {\r\n title: 'LAST NAME',\r\n dataIndex: 'order',\r\n key: 'lastName',\r\n render: (order) => {order?.user?.lastName}
,\r\n },\r\n {\r\n title: 'E-MAIL',\r\n dataIndex: 'order',\r\n key: 'eMail',\r\n render: (order) => {order?.user?.email}
,\r\n },\r\n {\r\n title: 'WHO SCANNED',\r\n dataIndex: 'scannedBy',\r\n key: 'scannedBy',\r\n render: (data) => {data?.fullName}
,\r\n },\r\n ];\r\n\r\n const showedElements =\r\n Number(data?.history?.length) + (Number(data?.pageNumber) - 1) * Number(requestFilter.PageSize);\r\n\r\n const options = [\r\n { label: 'All Time', value: 'allTime' },\r\n { label: 'Today', value: 'today' },\r\n { label: 'Yesterday', value: 'yesterday' },\r\n { label: 'Past Week', value: 'beforeWeek' },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n setRequestFilter((prevValue) => ({ ...prevValue, PageNumber: page }))\r\n }\r\n handleSizeChange={(size) =>\r\n setRequestFilter((prevValue) => ({ ...prevValue, PageSize: size }))\r\n }\r\n />\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default EventScanningPage;\r\n","import EventScanningPage from './eventScanningPage';\r\n\r\nexport default EventScanningPage;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EventZreadingList_wrapper__DkEKH\",\"header\":\"EventZreadingList_header__ZYSTE\",\"block\":\"EventZreadingList_block__pplFW\",\"title\":\"EventZreadingList_title__9sMHI\",\"breadcrumbs\":\"EventZreadingList_breadcrumbs__UOBx6\"};","import React, { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { DownloadOutlined } from '@ant-design/icons';\r\nimport { Button } from 'antd';\r\n// import DownloadSwitcher from 'component/download-switcher';\r\nimport dayjs from 'dayjs';\r\nimport { useParams } from 'react-router-dom';\r\nimport { MY_EVENTS_ROUTE } from 'routes/events/list';\r\nimport { Breadcrumbs, Modal, Table, Typography } from 'ui';\r\n\r\nimport {\r\n useLazyExportZreadingQuery,\r\n useLazyGetZreadingQuery,\r\n} from 'services/events/eventsApiService';\r\nimport { useLazyGetCurrentUserQuery } from 'services/user-management/userManagementApiService';\r\n\r\nimport Pagination from '../../../component/pagination';\r\nimport SectionTitle from '../../../component/section-title/sectionTitle';\r\nimport s from './EventZreadingList.module.scss';\r\n\r\nconst initialFilter = {\r\n PageNumber: 1,\r\n PageSize: 25,\r\n};\r\n\r\nconst EventZreadingList: FC = () => {\r\n const { eventId } = useParams();\r\n const [requestFilter, setRequestFilter] = useState(initialFilter);\r\n const [exportZreading] = useLazyExportZreadingQuery();\r\n const [getZreadingList, { data: zReadingList }] = useLazyGetZreadingQuery();\r\n const [getCurrentUser, { data: currentUser }] = useLazyGetCurrentUserQuery();\r\n const currentEvent = currentUser?.events?.find((event) => event.eventId === eventId)?.eventName;\r\n const [isDownLoading, setIsDownLoading] = useState\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {dayjs(transactionLocalDate).format('DD.MM.YYYY HH:mm')}
\r\n ),\r\n },\r\n {\r\n title: 'Event Name',\r\n dataIndex: 'eventName',\r\n key: 'eventName',\r\n },\r\n {\r\n title: 'Show Date',\r\n dataIndex: 'show',\r\n key: 'showDate',\r\n render: (show: { date: string; time: string }) => (\r\n \r\n {dayjs(show.date).format('DD.MM.YYYY')} {dayjs(show.time).format('HH:mm')}\r\n
\r\n ),\r\n },\r\n {\r\n title: 'Order Date',\r\n dataIndex: 'order',\r\n key: 'orderDate',\r\n render: (order: { orderDate: string }) => (\r\n {dayjs(order.orderDate).format('DD.MM.YYYY HH:mm')}
\r\n ),\r\n },\r\n {\r\n title: 'Order No',\r\n dataIndex: 'order',\r\n key: 'orderNo',\r\n render: (order: { orderNo: string }) => {order.orderNo}
,\r\n },\r\n {\r\n title: 'Payment Type',\r\n dataIndex: 'order',\r\n key: 'orderPaymentType',\r\n render: (order: { paymentType: string }) => {order.paymentType}
,\r\n },\r\n {\r\n title: 'Cash Type',\r\n dataIndex: 'cashPaymentType',\r\n key: 'cashPaymentType',\r\n },\r\n {\r\n title: 'Email',\r\n dataIndex: 'order',\r\n key: 'orderUserEmail',\r\n render: (order: { user: { email: string } }) => {order.user.email}
,\r\n },\r\n {\r\n title: 'Name on ticket',\r\n dataIndex: 'ticketHolderPersonalInfo',\r\n key: 'ticketHolderPersonalInfo',\r\n render: (holderInfo: { firstName: string; lastName: string }) => (\r\n {`${holderInfo.firstName} ${holderInfo.lastName}`}
\r\n ),\r\n },\r\n {\r\n title: 'Runner (if any)',\r\n dataIndex: 'runnerEmail',\r\n key: 'runnerEmail',\r\n },\r\n {\r\n title: 'Outlet (if any)',\r\n dataIndex: 'outlet',\r\n key: 'outlet',\r\n },\r\n {\r\n title: 'Receipt Number',\r\n dataIndex: 'receiptNumber',\r\n key: 'receiptNumber',\r\n },\r\n {\r\n title: 'Ticket Type',\r\n dataIndex: 'ticketType',\r\n key: 'ticketType',\r\n render: (ticketType: { name: string }) => {ticketType.name}
,\r\n },\r\n {\r\n title: 'Currency',\r\n dataIndex: 'currency',\r\n key: 'currency',\r\n },\r\n {\r\n title: 'NET',\r\n dataIndex: 'total',\r\n key: 'total',\r\n render: (total: number, cell: { vatAmount: number }) => {total - cell.vatAmount}
,\r\n },\r\n {\r\n title: 'VAT Amount',\r\n dataIndex: 'vatAmount',\r\n key: 'vatAmount',\r\n },\r\n {\r\n title: 'Total',\r\n dataIndex: 'total',\r\n key: 'total',\r\n },\r\n {\r\n title: 'Booking Fee',\r\n dataIndex: 'bookingFee',\r\n key: 'bookingFee',\r\n },\r\n {\r\n title: 'Refund Protection',\r\n dataIndex: 'refundProtectionTotal',\r\n key: 'refundProtectionTotal',\r\n },\r\n {\r\n title: 'All Total',\r\n dataIndex: 'allTotal',\r\n key: 'allTotal',\r\n },\r\n {\r\n title: 'Account',\r\n dataIndex: 'bankAccountName',\r\n key: 'bankAccountName',\r\n },\r\n {\r\n title: 'Payment Gateway',\r\n dataIndex: 'gatewayName',\r\n key: 'gatewayName',\r\n },\r\n ];\r\n\r\n const showedElements =\r\n Number(zReadingList?.transactions?.length) +\r\n (Number(zReadingList?.pageNumber) - 1) * Number(requestFilter.PageSize);\r\n\r\n useEffect(() => {\r\n if (eventId) {\r\n getZreadingList({ id: eventId, ...requestFilter });\r\n }\r\n }, [eventId, getZreadingList, requestFilter]);\r\n\r\n useEffect(() => {\r\n getCurrentUser();\r\n }, [getCurrentUser]);\r\n\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 \r\n \r\n
*/}\r\n \r\n\r\n Edit
},\r\n // { key: 'sendEmail', label: Send Email
},\r\n {\r\n key: 'replicate',\r\n label: Replicate
,\r\n },\r\n { key: 'showRestrictions', label: Show Restrictions
},\r\n {\r\n key: 'disable',\r\n label: (\r\n \r\n {isEnabling\r\n ? 'Enabling...'\r\n : isLoading\r\n ? 'Disabling...'\r\n : isDisabled\r\n ? 'Enable'\r\n : 'Disable'}\r\n
\r\n ),\r\n },\r\n {\r\n key: 'delete',\r\n label: {isDeleting ? 'Deleting...' : 'Delete'}
,\r\n },\r\n ];\r\n const { eventId, couponId, status, updateData } = props;\r\n const [openedDropdown, setOpenedDropdown] = useState(false);\r\n const [cloneCoupon, { isLoading: isEditLoading }] = useCloneCouponMutation();\r\n const [disableCoupon, { isLoading: isLoading }] = useDisableCouponMutation();\r\n const [enableCoupon, { isLoading: isEnabling }] = useEnableCouponMutation();\r\n const [deleteCoupon, { isLoading: isDeleting }] = useDeleteCouponMutation();\r\n const [isDisabled, setIsDisabled] = useStateEdit
},\r\n // { key: 'sendEmail', label: Send Email
},\r\n {\r\n key: 'replicate',\r\n label: Replicate
,\r\n },\r\n { key: 'showRestrictions', label: Show Restrictions
},\r\n {\r\n key: 'disable',\r\n label: (\r\n \r\n {isEnabling\r\n ? 'Enabling...'\r\n : isLoading\r\n ? 'Disabling...'\r\n : isDisabled\r\n ? 'Enable'\r\n : 'Disable'}\r\n
\r\n ),\r\n },\r\n {\r\n key: 'delete',\r\n label: {isDeleting ? 'Deleting...' : 'Delete'}
,\r\n },\r\n ];\r\n\r\n setDropdownItems(updatedDropdownItems);\r\n }, [isDisabled, isLoading, isEnabling, isDeleting]);\r\n const handleAmountChange = (value: number | null) => {\r\n if (value !== null) {\r\n setAmount(value);\r\n }\r\n };\r\n\r\n const handleSubmit = async () => {\r\n const data = {\r\n couponId: couponId as string,\r\n qty: amount,\r\n };\r\n if (amount > 0) {\r\n const res = await cloneCoupon(data);\r\n if ('data' in res) {\r\n setOpenedDropdown(false);\r\n setIsOpenHintModal(false);\r\n updateData();\r\n }\r\n }\r\n };\r\n\r\n const handleDisable = async () => {\r\n const data = {\r\n couponId: couponId as string,\r\n };\r\n\r\n const res = await disableCoupon(data);\r\n if ('data' in res) {\r\n setIsDisabled(true);\r\n updateData();\r\n setOpenedDropdown(false);\r\n }\r\n };\r\n\r\n const handleEnable = async () => {\r\n const data = {\r\n couponId: couponId as string,\r\n };\r\n\r\n const res = await enableCoupon(data);\r\n if ('data' in res) {\r\n setIsDisabled(false);\r\n updateData();\r\n setOpenedDropdown(false);\r\n }\r\n };\r\n\r\n const handleDelete = async () => {\r\n const data = {\r\n couponId: couponId as string,\r\n };\r\n\r\n const res = await deleteCoupon(data);\r\n if ('data' in res) {\r\n updateData();\r\n setOpenedDropdown(false);\r\n }\r\n };\r\n const navigate = useNavigate();\r\n // Write your component code here\r\n\r\n return (\r\n <>\r\n \r\n \r\n Submit\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\nexport default EventsCouponsPageActionDropdown;\r\n","import EventsCouponsPageActionDropdown from './eventsCouponsPageActionDropdown';\r\n\r\nexport default EventsCouponsPageActionDropdown;\r\n","import React, { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { InfoCircleOutlined } from '@ant-design/icons';\r\nimport { Button as AntdButton, Divider, Modal, Pagination } from 'antd';\r\nimport dayjs from 'dayjs';\r\nimport { useNavigate, useParams } from 'react-router-dom';\r\nimport { useDebounce } from 'tools/hooks/debounce.hook';\r\nimport { Button, Checkbox, Icon, Input, Link, Table, Typography, message } from 'ui';\r\n\r\nimport {\r\n useBatchCouponsMutation,\r\n useLazyExportCouponsQuery,\r\n useLazyGetCouponsListQuery,\r\n} from 'services/coupons/couponApiService';\r\nimport { useLazyGetEventQuery } from 'services/events/eventsApiService';\r\n\r\nimport { COUPON_REQUEST_TYPE } from 'types/coupons/couponTypes';\r\n\r\nimport SectionTitle from '../../../component/section-title/sectionTitle';\r\nimport { MY_EVENTS_ROUTE, getCouponCreateRoute } from '../../../routes/events/list';\r\nimport s from './EventsCouponsPage.module.scss';\r\nimport { EventsCouponsPageActionDropdown } from './containers';\r\n\r\ninterface EventsCouponsPageProps {\r\n // Define your component props here\r\n}\r\n\r\nconst { confirm } = Modal;\r\n\r\nconst EventsCouponsPage: FC{row}
;\r\n },\r\n },\r\n {\r\n title: 'Description',\r\n dataIndex: 'description',\r\n key: 'description',\r\n },\r\n\r\n {\r\n title: 'Usage',\r\n dataIndex: 'deliveryType',\r\n key: 'deliveryType',\r\n },\r\n {\r\n title: 'Max no.',\r\n dataIndex: 'maximumNumberOfTickets',\r\n key: 'maximumNumberOfTickets',\r\n },\r\n {\r\n title: 'Status',\r\n dataIndex: 'disabled',\r\n key: 'disabled',\r\n render: (disabled) => {\r\n return disabled ? 'Disabled' : 'Enabled';\r\n },\r\n },\r\n {\r\n title: 'Actions',\r\n key: 'actions',\r\n render: (row) => {\r\n return (\r\n \r\n \r\n \r\n Show disabled coupons\r\n \r\n handleFetch(page, size)}\r\n onShowSizeChange={(current, size) => handleFetch(current, size)}\r\n />\r\n \r\n \r\n ENABLE COUPONS\r\n \r\n\r\n \r\n DISABLE COUPONS\r\n \r\n\r\n setIsModalOpen(false)}>\r\n CANCEL\r\n \r\n
,\r\n ]}>\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setTerms('');\r\n setIsModalOpen(true);\r\n }}>\r\n Disable / Enable Coupon\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 Find & disable coupons for {event?.eventName} \r\n \r\n Enter the exact description text to find matching coupons.\r\n \r\n \r\n {numberOfAffectedCoupons?.numberOfCouponsAffected} ticket\r\n {numberOfAffectedCoupons?.numberOfCouponsAffected > 1 && 's'} with coupons found\r\n \r\n )}\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default EventsCouponsPage;\r\n","import EventsCouponsPage from './eventsCouponsPage';\r\n\r\nexport default EventsCouponsPage;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EventsCreateCouponPage_wrapper__D7cZC\",\"header\":\"EventsCreateCouponPage_header__zhZl5\",\"title\":\"EventsCreateCouponPage_title__UewNb\",\"blockTitle\":\"EventsCreateCouponPage_blockTitle__Gq74M\",\"smallPadding\":\"EventsCreateCouponPage_smallPadding__D8WXe\",\"questionBtn\":\"EventsCreateCouponPage_questionBtn__gfoOo\",\"optionalSetting\":\"EventsCreateCouponPage_optionalSetting__8sugL\",\"inputWrapper\":\"EventsCreateCouponPage_inputWrapper__FIKtU\",\"inputBlock\":\"EventsCreateCouponPage_inputBlock__-6bWl\",\"saveBtn\":\"EventsCreateCouponPage_saveBtn__Qiccp\"};","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"CreateCouponFixDiscountAllTicketType_wrapper__ZhWPu\",\"blockTitle\":\"CreateCouponFixDiscountAllTicketType_blockTitle__GE5mr\",\"smallPadding\":\"CreateCouponFixDiscountAllTicketType_smallPadding__jGlWi\",\"options\":\"CreateCouponFixDiscountAllTicketType_options__BMu-w\"};","import React, { FC, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber, Radio, RadioChangeEvent } from 'antd';\r\nimport { Label, Typography } from 'ui';\r\n\r\nimport s from './CreateCouponFixDiscountAllTicketType.module.scss';\r\n\r\ninterface CreateCouponFixDiscountAllTicketTypeProps {\r\n setDiscountType: (discountType: string) => void;\r\n setTotalAmount: (setTotalAmount: number) => void;\r\n}\r\n\r\nconst discountOption = [\r\n { label: 'Percentage (%) discount', value: 'percentage' },\r\n { label: 'Deduct € discount', value: 'deduction' },\r\n];\r\n\r\nconst discountOptionMobile = [\r\n { label: '% Percentage', value: 'percentage' },\r\n { label: '€ Deduct', value: 'deduction' },\r\n];\r\nconst CreateCouponFixDiscountAllTicketType: FC\r\n \r\n Discount\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CreateCouponFixDiscountAllTicketType;\r\n","import CreateCouponFixDiscountAllTicketType from './createCouponFixDiscountAllTicketType';\r\n\r\nexport default CreateCouponFixDiscountAllTicketType;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"CreateCouponNumberTicketType_wrapper__+Ytdf\",\"blockTitle\":\"CreateCouponNumberTicketType_blockTitle__8CqHL\",\"smallPadding\":\"CreateCouponNumberTicketType_smallPadding__n0hdh\",\"content\":\"CreateCouponNumberTicketType_content__3+v2d\",\"inputWrapper\":\"CreateCouponNumberTicketType_inputWrapper__0VLHP\",\"inputBlock\":\"CreateCouponNumberTicketType_inputBlock__zmNIg\",\"actionButtons\":\"CreateCouponNumberTicketType_actionButtons__vX1vc\"};","import { FC, useCallback, useState } from 'react';\r\n\r\nimport { InputNumber } from 'antd';\r\nimport { Button, Form, Input, Label, Select, Table, Typography } from 'ui';\r\n\r\nimport { EventTicketType } from 'types/events/eventTypes';\r\n\r\nimport s from './CreateCouponNumberTicketType.module.scss';\r\n\r\ninterface CreateCouponNumberTicketTypeProps {\r\n tickets?: EventTicketType[];\r\n setTicketTypes: (\r\n ticketTypes: { ticketType: EventTicketType; qty: string; value: string }[],\r\n ) => void;\r\n}\r\n\r\nconst CreateCouponNumberTicketType: FC\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Ticket Type Discounts\r\n \r\n \r\n Choose ticket types on which you would like to give a discount from the available ticket\r\n types underneath\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CreateCouponNumberTicketType;\r\n","import CreateCouponNumberTicketType from './createCouponNumberTicketType';\r\n\r\nexport default CreateCouponNumberTicketType;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"CreateCouponSpecificTicketType_wrapper__kfwRL\",\"blockTitle\":\"CreateCouponSpecificTicketType_blockTitle__RPXKg\",\"smallPadding\":\"CreateCouponSpecificTicketType_smallPadding__JQuvR\",\"content\":\"CreateCouponSpecificTicketType_content__PM+WC\",\"inputWrapper\":\"CreateCouponSpecificTicketType_inputWrapper__RZ6Xd\",\"inputBlock\":\"CreateCouponSpecificTicketType_inputBlock__DeSSJ\",\"actionButtons\":\"CreateCouponSpecificTicketType_actionButtons__pE8Wp\"};","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber, Radio, RadioChangeEvent } from 'antd';\r\nimport { Button, Form, Label, Select, Table, Typography } from 'ui';\r\n\r\nimport { EventTicketType } from 'types/events/eventTypes';\r\n\r\nimport s from './CreateCouponSpecificTicketType.module.scss';\r\n\r\ninterface CreateCouponSpecificTicketTypeProps {\r\n tickets?: EventTicketType[];\r\n setDiscountType: (discountType: string) => void;\r\n setSpecificTicketTypes: (ticketTypes: { ticketType: EventTicketType; value: string }[]) => void;\r\n}\r\n\r\nconst options = [\r\n { label: 'Deduct', value: 'deduction' },\r\n { label: 'Fixed Price', value: 'fixedPrice' },\r\n];\r\n\r\nconst CreateCouponSpecificTicketType: FC\r\n
\r\n \r\n \r\n
\r\n \r\n {selectedTicketType.length > 0 && (\r\n ticketType.name,\r\n },\r\n {\r\n title: 'Quantity',\r\n dataIndex: 'qty',\r\n },\r\n {\r\n title: 'Discount (€)',\r\n dataIndex: 'value',\r\n },\r\n {\r\n title: 'Action',\r\n render: (row) => {\r\n const onEdit = () => {\r\n form.setFieldValue('ticketType', {\r\n label: row.ticketType.name,\r\n value: row.ticketType.id,\r\n });\r\n form.setFieldValue('qty', row.qty);\r\n form.setFieldValue('value', row.value);\r\n };\r\n const onDelete = () => {\r\n setSelectedTicketType((prevState) => {\r\n const temp = prevState.filter(\r\n (item) => item.ticketType.id !== row.ticketType.id,\r\n );\r\n setTicketTypes(temp);\r\n return temp;\r\n });\r\n };\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 Ticket Type Discounts\r\n \r\n \r\n Choose ticket types on which you would like to give a discount from the available ticket\r\n types underneath\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CreateCouponSpecificTicketType;\r\n","import CreateCouponSpecificTicketType from './createCouponSpecificTicketType';\r\n\r\nexport default CreateCouponSpecificTicketType;\r\n","export const createEventCouponType = [\r\n {\r\n label: 'Discount on a Number of Tickets',\r\n key: 'discountOnNumberOfTickets',\r\n description:\r\n 'Use this type of discount ONLY when you would know the number of tickets, and the actual discount value you would like to give on each ticket. For example, you can specify that you will give €10 off on 2 Early Bird tickets. In such discount you would need to specify QTY and ACTUAL DISCOUNT to be given.',\r\n },\r\n {\r\n label: '% or Fixed Discount on All Ticket Types',\r\n key: 'discountOnAllTypes',\r\n description:\r\n 'In this case you will be giving either a % or fixed € discount on ALL ticket types , and thus irrespective of the ticket type the user chooses.',\r\n },\r\n {\r\n label: 'Fixed Discount on Specific Ticket Types',\r\n key: 'discountOnSpecificTypes',\r\n description:\r\n 'You can choose specific ticket types on which you wish to give a discount. In this case you can specify a fixed € amount on each ticket that will be deducted. An example of how this can be used is when you are noticing that a specific ticket type is not being sold much, and you need to give an incentive to customers to buy a specific ticket type.',\r\n },\r\n {\r\n label: 'Fixed Discount on Whole Order',\r\n key: 'discountOnWholeOrder',\r\n description:\r\n 'Gives a fixed € discount on the whole order. For example you can decide to give €5 euro discount on the actual whole order amount.',\r\n },\r\n];\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"CreateCouponTypes_wrapper__8lW58\",\"item\":\"CreateCouponTypes_item__oKwM5\",\"active\":\"CreateCouponTypes_active__8H9+R\",\"hintWrapper\":\"CreateCouponTypes_hintWrapper__WR8rB\",\"hintText\":\"CreateCouponTypes_hintText__9mtjh\"};","import { FC } from 'react';\r\n\r\nimport cn from 'classnames';\r\nimport { Modal, Typography } from 'ui';\r\n\r\nimport { createEventCouponType } from '../utils';\r\nimport s from './CreateCouponTypes.module.scss';\r\n\r\ninterface CreateCouponTypesProps {\r\n activeType: string;\r\n setActiveType: (key: string) => void;\r\n isOpenHintModal: boolean;\r\n setIsOpenHintModal: (isOpen: boolean) => void;\r\n}\r\n\r\nconst CreateCouponTypes: FC\r\n
\r\n \r\n \r\n
\r\n \r\n {selectedTicketType.length > 0 && (\r\n ticketType.name,\r\n },\r\n {\r\n title: 'Discount (€)',\r\n dataIndex: 'value',\r\n },\r\n {\r\n title: 'Action',\r\n render: (row) => {\r\n const onEdit = () => {\r\n form.setFieldValue('ticketType', {\r\n label: row.ticketType.name,\r\n value: row.ticketType.id,\r\n });\r\n form.setFieldValue('value', row.value);\r\n };\r\n const onDelete = () => {\r\n setSelectedTicketType((prevState) => {\r\n const temp = prevState.filter(\r\n (item) => item.ticketType.id !== row.ticketType.id,\r\n );\r\n setSpecificTicketTypes(temp);\r\n return temp;\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 },\r\n ]}\r\n />\r\n )}\r\n \r\n {createEventCouponType.map((item) => (\r\n setActiveType(item.key)}\r\n role=\"button\"\r\n onKeyDown={() => setActiveType(item.key)}\r\n tabIndex={0}>\r\n {item.label}\r\n
\r\n ))}\r\n \r\n\r\n \r\n {createEventCouponType.map((item) => (\r\n
\r\n \r\n {item.label} \r\n \r\n {item.description}\r\n \r\n
\r\n ))}\r\n \r\n \r\n Discount Amount\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CreateCouponWholeOrderType;\r\n","import CreateCouponWholeOrderType from './createCouponWholeOrderType';\r\n\r\nexport default CreateCouponWholeOrderType;\r\n","import React, { ChangeEvent, FC, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber, Radio, RadioChangeEvent } from 'antd';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Breadcrumbs, Button, Icon, Input, Label, Typography } from 'ui';\r\n\r\nimport { useCreateCouponMutation } from 'services/coupons/couponApiService';\r\nimport { useLazyGetEventDetailQuery } from 'services/events/eventsApiService';\r\n\r\nimport { COUPON_DELIVERY_TYPE, COUPON_DISCOUNT_TYPE } from 'types/coupons/couponTypes';\r\nimport { EventTicketType } from 'types/events/eventTypes';\r\n\r\nimport SectionTitle from '../../../component/section-title/sectionTitle';\r\nimport { MY_EVENTS_ROUTE, getCouponsRoute } from '../../../routes/events/list';\r\nimport s from './EventsCreateCouponPage.module.scss';\r\nimport CreateCouponFixDiscountAllTicketType from './containers/create-coupon-fix-discount-all-ticket-type';\r\nimport CreateCouponNumberTicketType from './containers/create-coupon-number-ticket-type';\r\nimport CreateCouponSpecificTicketType from './containers/create-coupon-specific-ticket-type';\r\nimport CreateCouponTypes from './containers/create-coupon-types';\r\nimport CreateCouponWholeOrderType from './containers/create-coupon-whole-order-type';\r\n\r\ninterface EventsCreateCouponPageProps {\r\n // Define your component props here\r\n}\r\n\r\nconst usageOption = [\r\n { label: 'Single User', value: COUPON_DELIVERY_TYPE.SINGLE_USER },\r\n { label: 'Mulitiple Users', value: COUPON_DELIVERY_TYPE.MULTI_USER },\r\n];\r\n\r\nconst ipOptionType = [\r\n { label: 'yes', value: true },\r\n { label: 'no', value: false },\r\n];\r\n\r\nconst userOptionType = [\r\n { label: 'yes', value: true },\r\n { label: 'no', value: false },\r\n];\r\n\r\nconst EventsCreateCouponPage: FC\r\n
\r\n );\r\n};\r\n\r\nexport default EventsCreateCouponPage;\r\n","import EventsCreateCouponPage from './eventsCreateCouponPage';\r\n\r\nexport default EventsCreateCouponPage;\r\n","export enum ROLE_CODE_ENUM {\r\n PRM = 'Promoter',\r\n BRC = 'Ticket Scanner',\r\n KSK = 'Issue tickets in Kiosk',\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EventCreateFormPermission_wrapper__H1zc5\",\"block\":\"EventCreateFormPermission_block__NksiB\",\"backLink\":\"EventCreateFormPermission_backLink__hHTBB\",\"title\":\"EventCreateFormPermission_title__iD7Mx\",\"content\":\"EventCreateFormPermission_content__ZZe4U\",\"hintText\":\"EventCreateFormPermission_hintText__2zqxv\",\"formField\":\"EventCreateFormPermission_formField__wlHSN\",\"hint\":\"EventCreateFormPermission_hint__LzBq9\",\"contentHint\":\"EventCreateFormPermission_contentHint__xRTGS\",\"permissions\":\"EventCreateFormPermission_permissions__v1dBv\",\"permissionItem\":\"EventCreateFormPermission_permissionItem__BXwGC\",\"search\":\"EventCreateFormPermission_search__cbEkR\",\"userIcon\":\"EventCreateFormPermission_userIcon__UhpeI\",\"actions\":\"EventCreateFormPermission_actions__Gl+LN\",\"action\":\"EventCreateFormPermission_action__IlwtX\",\"dropdownButton\":\"EventCreateFormPermission_dropdownButton__EWtlx\",\"changedButton\":\"EventCreateFormPermission_changedButton__g40D+\",\"permissionHeader\":\"EventCreateFormPermission_permissionHeader__lfVSz\"};","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { Button } from 'antd';\r\nimport cn from 'classnames';\r\nimport { useParams } from 'react-router-dom';\r\nimport { MY_EVENTS_ROUTE } from 'routes/events/list';\r\nimport { t } from 'tools/i18n';\r\nimport { Dropdown, Icon, Input, Label, Link, Typography, message } from 'ui';\r\n\r\nimport { activeEventNameSelector } from 'selectors/eventsSlice.selector';\r\nimport {\r\n useDeleteUserEventPermissionsMutation,\r\n useLazyGetEventPermissionsQuery,\r\n useSetUserEventPermissionsMutation,\r\n} from 'services/events/eventsApiService';\r\nimport { useLazySearchUserQuery } from 'services/user-management/userManagementApiService';\r\nimport { setEditingEventId } from 'slices/eventsSlice';\r\nimport { useAppDispatch, useAppSelector } from 'store/index';\r\n\r\nimport { ROLE_CODE_ENUM } from 'pages/events/events-create-event-form/event-create-form-permission/eventCreateFormPermission.utils';\r\n\r\nimport { UserProfileType } from 'types/core/userTypes';\r\n\r\nimport s from './EventCreateFormPermission.module.scss';\r\n\r\nconst DROPDOWN_ITEMS = Object.keys(ROLE_CODE_ENUM).map((key) => ({\r\n key: key,\r\n label: \r\n
\r\n\r\n \r\n \r\n Recipients\r\n \r\n \r\n
\r\n\r\n {content[selectedCouponType]}\r\n\r\n \r\n \r\n Coupon Usage\r\n \r\n \r\n\r\n
\r\n\r\n {selectedUsageType === COUPON_DELIVERY_TYPE.MULTI_USER && (\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 Optional Settings\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 onChangeInput(e, 'minimumOrderTotal')}\r\n />\r\n
\r\n \r\n \r\n onChangeInput(e, 'maximumNumberOfTickets')}\r\n />\r\n
\r\n \r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default EventCreateFormPermission;\r\n","import EventCreateFormPermission from './eventCreateFormPermission';\r\n\r\nexport default EventCreateFormPermission;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EventsEditCouponPage_wrapper__S2x6G\",\"header\":\"EventsEditCouponPage_header__jsBAT\",\"title\":\"EventsEditCouponPage_title__IoTmX\",\"blockTitle\":\"EventsEditCouponPage_blockTitle__dBUv2\",\"smallPadding\":\"EventsEditCouponPage_smallPadding__oBXZw\",\"questionBtn\":\"EventsEditCouponPage_questionBtn__xNtcB\",\"optionalSetting\":\"EventsEditCouponPage_optionalSetting__0ef7L\",\"inputWrapper\":\"EventsEditCouponPage_inputWrapper__ZX5wN\",\"inputBlock\":\"EventsEditCouponPage_inputBlock__nI6-e\",\"saveBtn\":\"EventsEditCouponPage_saveBtn__xc88u\"};","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EditCouponFixDiscountAllTicketType_wrapper__yNfuT\",\"blockTitle\":\"EditCouponFixDiscountAllTicketType_blockTitle__MXQCV\",\"smallPadding\":\"EditCouponFixDiscountAllTicketType_smallPadding__oCc1P\",\"options\":\"EditCouponFixDiscountAllTicketType_options__pvOqp\"};","import React, { FC, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber, Radio, RadioChangeEvent } from 'antd';\r\nimport { Label, Typography } from 'ui';\r\n\r\nimport s from './EditCouponFixDiscountAllTicketType.module.scss';\r\n\r\ninterface EditCouponFixDiscountAllTicketTypeProps {\r\n discountType: string;\r\n totalAmount: number;\r\n setDiscountType: (discountType: string) => void;\r\n setTotalAmount: (setTotalAmount: number) => void;\r\n}\r\n\r\nconst discountOption = [\r\n { label: 'Percentage (%) discount', value: 'percentage' },\r\n { label: 'Deduct € discount', value: 'deduction' },\r\n];\r\nconst discountOptionMobile = [\r\n { label: '% Percentage', value: 'percentage' },\r\n { label: '€ Deduct', value: 'deduction' },\r\n];\r\nconst EditCouponFixDiscountAllTicketType: FC\r\n \r\n {t('common_permissions')}\r\n \r\n {activeEventName} \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n PROMOTER — Full Access to everything on the event.\r\n \r\n \r\n REPORT VIEWER — Access ticket sales and statistics on the event.\r\n \r\n \r\n BARCODE USER SCANNER — Can scan tickets on event, and can also view\r\n number of open and closed tickets for event.\r\n \r\n \r\n BARCODE USER SCANNER ONLY — Can scan tickets on event, but cannot\r\n view number of open and closed tickets for event, on ShowsManager.\r\n \r\n \r\n VIEW ALL TICKET TYPES — Views all ticket types even those that are\r\n hidden or disabled.\r\n \r\n
\r\n \r\n \r\n Choose between a "Promoter" giving full acess to manage and change all\r\n settings for the event, or "report viewer" who can only view reports for this\r\n event/tour.\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n {!!user?.length &&\r\n user.map((item) => (\r\n \r\n \r\n Search\r\n \r\n
\r\n \r\n
\r\n ))}\r\n\r\n {eventPermission?.length && (\r\n \r\n
\r\n \r\n \r\n {item?.fullName}\r\n \r\n \r\n {item.email}\r\n \r\n
\r\n \r\n \r\n Role\r\n \r\n\r\n {\r\n setOpenedDropdown(false);\r\n setSelectedRole(e.key);\r\n }}\r\n open={openedDropdown}\r\n onOpenChange={setOpenedDropdown}\r\n placement=\"bottomCenter\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n {eventPermission?.map((permission) => (\r\n
- \r\n \r\n\r\n
\r\n \r\n\r\n\r\n {permission?.user?.fullName}\r\n \r\n\r\n {permission?.user.email}\r\n \r\n\r\n\r\n\r\n Role\r\n \r\n\r\n {permission?.roleName}\r\n \r\n\r\n \r\n \r\n ))}\r\n
\r\n \r\n Discount\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default EditCouponFixDiscountAllTicketType;\r\n","import EditCouponFixDiscountAllTicketType from './editCouponFixDiscountAllTicketType';\r\n\r\nexport default EditCouponFixDiscountAllTicketType;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EditCouponNumberTicketType_wrapper__P26Sv\",\"blockTitle\":\"EditCouponNumberTicketType_blockTitle__dumlZ\",\"smallPadding\":\"EditCouponNumberTicketType_smallPadding__G5FlC\",\"content\":\"EditCouponNumberTicketType_content__1ZM-i\",\"inputWrapper\":\"EditCouponNumberTicketType_inputWrapper__bDF55\",\"inputBlock\":\"EditCouponNumberTicketType_inputBlock__OFfFb\",\"actionButtons\":\"EditCouponNumberTicketType_actionButtons__pK2k+\"};","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber } from 'antd';\r\nimport { Button, Form, Input, Label, Select, Table, Typography } from 'ui';\r\n\r\nimport { EventTicketType } from 'types/events/eventTypes';\r\n\r\nimport s from './EditCouponNumberTicketType.module.scss';\r\n\r\ninterface EditCouponNumberTicketTypeProps {\r\n tickets?: EventTicketType[];\r\n ticketTypes: { ticketTypeId: string; id: string; name: string; qty: number; value: number }[];\r\n setTicketTypes: (\r\n ticketTypes: { ticketType: EventTicketType; qty: string; value: string }[],\r\n ) => void;\r\n}\r\n\r\nconst EditCouponNumberTicketType: FC\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Ticket Type Discounts\r\n \r\n \r\n Choose ticket types on which you would like to give a discount from the available ticket\r\n types underneath\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default EditCouponNumberTicketType;\r\n","import EditCouponNumberTicketType from './editCouponNumberTicketType';\r\n\r\nexport default EditCouponNumberTicketType;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EditCouponSpecificTicketType_wrapper__UOFcC\",\"blockTitle\":\"EditCouponSpecificTicketType_blockTitle__ReMs-\",\"smallPadding\":\"EditCouponSpecificTicketType_smallPadding__RlwvK\",\"content\":\"EditCouponSpecificTicketType_content__oJJFS\",\"inputWrapper\":\"EditCouponSpecificTicketType_inputWrapper__PgcJS\",\"inputBlock\":\"EditCouponSpecificTicketType_inputBlock__8YpuW\",\"actionButtons\":\"EditCouponSpecificTicketType_actionButtons__O-+Yu\"};","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber, Radio, RadioChangeEvent } from 'antd';\r\nimport { Button, Form, Label, Select, Table, Typography } from 'ui';\r\n\r\nimport { EventTicketType } from 'types/events/eventTypes';\r\n\r\nimport s from './EditCouponSpecificTicketType.module.scss';\r\n\r\ninterface EditCouponSpecificTicketTypeProps {\r\n tickets?: EventTicketType[];\r\n ticketTypes: { ticketTypeId: string; id: string; name: string; qty: number; value: number }[];\r\n setDiscountType: (discountType: string) => void;\r\n setSpecificTicketTypes: (ticketTypes: { ticketType: EventTicketType; value: string }[]) => void;\r\n}\r\n\r\nconst options = [\r\n { label: 'Deduct', value: 'deduction' },\r\n { label: 'Fixed Price', value: 'fixedPrice' },\r\n];\r\n\r\nconst EditCouponSpecificTicketType: FC\r\n
\r\n \r\n \r\n
\r\n \r\n {selectedTicketType.length > 0 && (\r\n ticketType.name,\r\n },\r\n {\r\n title: 'Quantity',\r\n dataIndex: 'qty',\r\n },\r\n {\r\n title: 'Discount (€)',\r\n dataIndex: 'value',\r\n },\r\n {\r\n title: 'Action',\r\n render: (row) => {\r\n const onEdit = () => {\r\n form.setFieldValue('ticketType', {\r\n label: row.ticketType.name,\r\n value: row.ticketType.id,\r\n });\r\n form.setFieldValue('qty', row.qty);\r\n form.setFieldValue('value', row.value);\r\n };\r\n const onDelete = () => {\r\n setSelectedTicketType((prevState) => {\r\n const temp = prevState.filter(\r\n (item) => item!.ticketType.id !== row.ticketType.id,\r\n );\r\n const filteredTempValue = temp.filter((item) => item !== null);\r\n setTicketTypes(filteredTempValue);\r\n return temp;\r\n });\r\n };\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 Ticket Type Discounts\r\n \r\n \r\n Choose ticket types on which you would like to give a discount from the available ticket\r\n types underneath\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default EditCouponSpecificTicketType;\r\n","import EditCouponSpecificTicketType from './editCouponSpecificTicketType';\r\n\r\nexport default EditCouponSpecificTicketType;\r\n","export const editEventCouponType = [\r\n {\r\n label: 'Discount on a Number of Tickets',\r\n key: 'discountOnNumberOfTickets',\r\n description:\r\n 'Use this type of discount ONLY when you would know the number of tickets, and the actual discount value you would like to give on each ticket. For example, you can specify that you will give €10 off on 2 Early Bird tickets. In such discount you would need to specify QTY and ACTUAL DISCOUNT to be given.',\r\n },\r\n {\r\n label: '% or Fixed Discount on All Ticket Types',\r\n key: 'discountOnAllTypes',\r\n description:\r\n 'In this case you will be giving either a % or fixed € discount on ALL ticket types , and thus irrespective of the ticket type the user chooses.',\r\n },\r\n {\r\n label: 'Fixed Discount on Specific Ticket Types',\r\n key: 'discountOnSpecificTypes',\r\n description:\r\n 'You can choose specific ticket types on which you wish to give a discount. In this case you can specify a fixed € amount on each ticket that will be deducted. An example of how this can be used is when you are noticing that a specific ticket type is not being sold much, and you need to give an incentive to customers to buy a specific ticket type.',\r\n },\r\n {\r\n label: 'Fixed Discount on Whole Order',\r\n key: 'discountOnWholeOrder',\r\n description:\r\n 'Gives a fixed € discount on the whole order. For example you can decide to give €5 euro discount on the actual whole order amount.',\r\n },\r\n];\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EditCouponTypes_wrapper__tFZLe\",\"item\":\"EditCouponTypes_item__OrGhv\",\"active\":\"EditCouponTypes_active__m10xV\",\"hintWrapper\":\"EditCouponTypes_hintWrapper__ARd2D\",\"hintText\":\"EditCouponTypes_hintText__F5SXA\"};","import EditCouponTypes from './editCouponTypes';\r\n\r\nexport default EditCouponTypes;\r\n","import { FC } from 'react';\r\n\r\nimport cn from 'classnames';\r\nimport { Modal, Typography } from 'ui';\r\n\r\nimport { editEventCouponType } from '../utils';\r\nimport s from './EditCouponTypes.module.scss';\r\n\r\ninterface EditCouponTypesProps {\r\n activeType: string;\r\n setActiveType: (key: string) => void;\r\n isOpenHintModal: boolean;\r\n setIsOpenHintModal: (isOpen: boolean) => void;\r\n}\r\n\r\nconst EditCouponTypes: FC\r\n
\r\n \r\n \r\n
\r\n \r\n {selectedTicketType.length > 0 && (\r\n ticketType.name,\r\n },\r\n {\r\n title: 'Discount (€)',\r\n dataIndex: 'value',\r\n },\r\n {\r\n title: 'Action',\r\n render: (row) => {\r\n const onEdit = () => {\r\n form.setFieldValue('ticketType', {\r\n label: row.ticketType.name,\r\n value: row.ticketType.id,\r\n });\r\n form.setFieldValue('value', row.value);\r\n };\r\n const onDelete = () => {\r\n setSelectedTicketType((prevState) => {\r\n const temp = prevState.filter(\r\n (item) => item.ticketType.id !== row.ticketType.id,\r\n );\r\n setSpecificTicketTypes(temp);\r\n return temp;\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 },\r\n ]}\r\n />\r\n )}\r\n \r\n {editEventCouponType.map((item) => (\r\n setActiveType(item.key)}\r\n role=\"button\"\r\n onKeyDown={() => setActiveType(item.key)}\r\n tabIndex={0}>\r\n {item.label}\r\n
\r\n ))}\r\n \r\n\r\n \r\n {editEventCouponType.map((item) => (\r\n
\r\n \r\n {item.label} \r\n \r\n {item.description}\r\n \r\n
\r\n ))}\r\n \r\n \r\n Discount Amount\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default EditCouponWholeOrderType;\r\n","import React, { ChangeEvent, FC, useEffect, useState } from 'react';\r\n\r\nimport { InputNumber, Radio, RadioChangeEvent } from 'antd';\r\nimport { useParams } from 'react-router-dom';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Breadcrumbs, Button, Icon, Input, Label, Typography } from 'ui';\r\n\r\nimport { useEditCouponMutation, useLazyGetCouponQuery } from 'services/coupons/couponApiService';\r\nimport { useLazyGetEventDetailQuery } from 'services/events/eventsApiService';\r\n\r\nimport { COUPON_DELIVERY_TYPE, COUPON_DISCOUNT_TYPE } from 'types/coupons/couponTypes';\r\nimport { EventTicketType } from 'types/events/eventTypes';\r\n\r\nimport SectionTitle from '../../../component/section-title/sectionTitle';\r\nimport { MY_EVENTS_ROUTE, getCouponsRoute } from '../../../routes/events/list';\r\nimport s from './EventsEditCouponPage.module.scss';\r\nimport EditCouponFixDiscountAllTicketType from './containers/edit-coupon-fix-discount-all-ticket-type';\r\nimport EditCouponNumberTicketType from './containers/edit-coupon-number-ticket-type';\r\nimport EditCouponSpecificTicketType from './containers/edit-coupon-specific-ticket-type';\r\nimport EditCouponTypes from './containers/edit-coupon-types';\r\nimport EditCouponWholeOrderType from './containers/edit-coupon-whole-order-type';\r\n\r\ninterface EventsEditCouponPageProps {\r\n // Define your component props here\r\n}\r\n\r\nconst usageOption = [\r\n { label: 'Single User', value: COUPON_DELIVERY_TYPE.SINGLE_USER },\r\n { label: 'Mulitiple Users', value: COUPON_DELIVERY_TYPE.MULTI_USER },\r\n];\r\n\r\nconst ipOptionType = [\r\n { label: 'yes', value: true },\r\n { label: 'no', value: false },\r\n];\r\n\r\nconst userOptionType = [\r\n { label: 'yes', value: true },\r\n { label: 'no', value: false },\r\n];\r\n\r\nconst EventsEditCouponPage: FC\r\n
\r\n );\r\n};\r\n\r\nexport default EventsEditCouponPage;\r\n","import EventsEditCouponPage from './eventsEditCouponPage';\r\n\r\nexport default EventsEditCouponPage;\r\n","import { t } from 'tools/i18n';\r\n\r\nexport const formRules = {\r\n required: {\r\n required: true,\r\n message: t('validation_field_not_empty'),\r\n },\r\n email: {\r\n pattern: /\\S+@\\S+\\.\\S+/,\r\n message: t('validation_field_email'),\r\n validateTrigger: ['onBlur'],\r\n required: true,\r\n },\r\n maltaVat: {\r\n pattern: /^MT\\d{8}$/,\r\n message: t('validation_field_malta_vat'),\r\n validateTrigger: ['onBlur'],\r\n },\r\n password: {\r\n required: true,\r\n pattern: /^(?=.*\\d)(?=.*[A-Z]).{6,}$/,\r\n validateTrigger: ['onBlur'],\r\n message: 'The field cannot be empty',\r\n },\r\n eventUrl: {\r\n required: true,\r\n pattern: /^[A-Za-z0-9-]+$/,\r\n message: 'Only letters, numbers and the \"-\" sign are allowed',\r\n },\r\n referrerLink: {\r\n required: true,\r\n pattern: /^[A-Za-z0-9]+$/,\r\n message: 'Only letters and numbers are allowed',\r\n },\r\n};\r\n","import EventTaxReportRecipientsModal from './eventTaxReportRecipiensModal';\r\n\r\nexport default EventTaxReportRecipientsModal;\r\n","import { FC } from 'react';\r\n\r\nimport { Button, Form, Input, Label, Modal } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { EMAIL_PLACEHOLDER } from '../../../../constants/core-constants';\r\n\r\ninterface EventTaxReportRecipientsModalProps {\r\n open: boolean;\r\n onClose: () => void;\r\n handleAddRecipients: (body: string) => void;\r\n}\r\n\r\nconst EventTaxReportRecipientsModal: FC\r\n
\r\n\r\n \r\n \r\n Recipients\r\n \r\n \r\n
\r\n\r\n {content[selectedCouponType!]}\r\n\r\n \r\n \r\n Coupon Usage\r\n \r\n \r\n\r\n
\r\n\r\n {selectedUsageType === COUPON_DELIVERY_TYPE.MULTI_USER && (\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 Optional Settings\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 onChangeInput(e, 'minimumOrderTotal')}\r\n />\r\n
\r\n \r\n \r\n onChangeInput(e, 'maximumNumberOfTickets')}\r\n />\r\n
\r\n \r\n setIsOpenModal(false)}\r\n handleAddRecipients={handleAddRecipients}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default EventTaxReport;\r\n","import EventTaxReport from './eventTaxReport';\r\n\r\nexport default EventTaxReport;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"featureWrapper\":\"Faq_featureWrapper__YkLeR\",\"title\":\"Faq_title__uw4AS\",\"bigContainter\":\"Faq_bigContainter__EPjAc\",\"eventButton\":\"Faq_eventButton__1Eh5M\",\"featuresContainter\":\"Faq_featuresContainter__BSGKL\",\"featureColumn\":\"Faq_featureColumn__Mm908\",\"listItem\":\"Faq_listItem__r8s2p\",\"faqHeader\":\"Faq_faqHeader__JXR3I\",\"faqCard\":\"Faq_faqCard__deWI8\",\"banner\":\"Faq_banner__S4vVX\",\"bannerTitle\":\"Faq_bannerTitle__f3WW2\",\"bannerText\":\"Faq_bannerText__wpl1w\",\"bannerButtons\":\"Faq_bannerButtons__OcYw8\"};","export const faqData = [\r\n {\r\n iconUrl: '/assets/images/faq/ticket_black.png',\r\n title: 'Create Event',\r\n items: [\r\n {\r\n link: 'https://showshappening.notion.site/Sign-up-to-ShowsHappening-8ceae47f79de4fc9a7568d592701a379',\r\n icon: '/assets/images/faq/signup.svg',\r\n text: 'Sign up to ShowsHappening',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Register-Organiser-Details-8f62b4dd1bc4480882bc59085516d669',\r\n icon: '/assets/images/faq/organiser.svg',\r\n text: 'Register Organiser Details',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Create-Event-1158e85716fa48acb0c31ef1751b08b9',\r\n icon: '/assets/images/faq/event.svg',\r\n text: 'Create Event',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Set-up-Seating-Plan-cbff9b1c3ab14d94bb6bd4390a10269b',\r\n icon: '/assets/images/faq/seat.svg',\r\n text: 'Set up Seating Plan',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Block-seats-1e8f8076a06b4ebc93c9f91482d52efb',\r\n icon: '/assets/images/faq/blockSeat.svg',\r\n text: 'Block Seats',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Publish-Event-815acc52ed284245be741b6d8abb498b',\r\n icon: '/assets/images/faq/publish.svg',\r\n text: 'Publish Event',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Obtaining-a-VAT-Permit-Number-for-your-event-in-Malta-5ef0f465cfe74ba582f4720509b061b7',\r\n icon: '/assets/images/faq/vat.svg',\r\n text: 'Obtaining a VAT Permit Number for your event in Malta',\r\n },\r\n ],\r\n },\r\n {\r\n iconUrl: '/assets/images/faq/scan.png',\r\n title: 'Scanning',\r\n items: [\r\n {\r\n link: 'https://showshappening.notion.site/Scanning-ff18602708d5464e900040fbe2dfd51d',\r\n icon: '/assets/images/faq/vat.svg',\r\n text: 'Coupons and Offers',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Scanning-ff18602708d5464e900040fbe2dfd51d',\r\n icon: '/assets/images/faq/scan.svg',\r\n text: 'Scanning',\r\n },\r\n ],\r\n },\r\n {\r\n iconUrl: '/assets/images/faq/setting-black.png',\r\n title: 'Manage Event',\r\n items: [\r\n {\r\n link: 'https://showshappening.notion.site/Register-a-new-user-a47b40943a2848798a3c5c2750091801',\r\n icon: '/assets/images/faq/signup.svg',\r\n text: 'Register a new user',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Complimentary-Tickets-4a17d2371e2147efab4c76f8f26c1901',\r\n icon: '/assets/images/faq/vat.svg',\r\n text: 'Complimentary Tickets',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Cash-Sales-04d84dbdedd24e36aa4bdb66115ba410',\r\n icon: '/assets/images/faq/cashCheck.svg',\r\n text: 'Cash Sales',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Search-View-Modify-Cancel-Orders-27f0cb54bad749bf87f49c45aa2a52d1',\r\n icon: '/assets/images/faq/search.svg',\r\n text: 'Search, View, Modify & Cancel Orders',\r\n },\r\n ],\r\n },\r\n {\r\n iconUrl: '/assets/images/faq/reporting-black.png',\r\n title: 'Reporting',\r\n items: [\r\n {\r\n link: 'https://showshappening.notion.site/Attendee-List-8193bbf69e8f45ab88acc922b0952c10',\r\n icon: '/assets/images/faq/organiser.svg',\r\n text: 'Attendee List',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Event-Report-0a8735a7e82f45fd86f7bfe312c237e6',\r\n icon: '/assets/images/faq/report.svg',\r\n text: 'Event Report',\r\n },\r\n {\r\n link: 'https://showshappening.notion.site/Z-Reading-1a139876e38e458997a54897abffa77e',\r\n icon: '/assets/images/faq/zReading.svg',\r\n text: 'Z Reading',\r\n },\r\n {\r\n link: '#',\r\n icon: '/assets/images/faq/search.svg',\r\n text: 'Search, View, Modify & Cancel Orders',\r\n },\r\n ],\r\n },\r\n];\r\n\r\nexport interface FeatureDataType {\r\n iconUrl: string;\r\n title: string;\r\n items: string[];\r\n url: string;\r\n}\r\n","import React, { FC } from 'react';\r\n\r\nimport { Typography } from 'ui';\r\n\r\nimport s from './Faq.module.scss';\r\n\r\ninterface FaqCardProps {\r\n iconUrl: string;\r\n title: string;\r\n items: {\r\n link: string;\r\n icon: string;\r\n text: string;\r\n }[];\r\n}\r\n\r\nconst FaqCard: FC\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n This tax report has to be sent to the VAT department not later than 15 days of your event\r\n using ShowsHappening from this window. Underneath you will find a breakdown of all\r\n statistics that will be sent to the VAT department.\r\n
\r\n\r\n \r\n
\r\n Recipients
\r\n \r\n {allRecipients.map((item, i) => (\r\n
\r\n \r\n \r\n {item} \r\n removeRecipient(i)} className={s.closeIcon} />\r\n
\r\n ))}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Year\r\n \r\n
\r\n \r\n \r\n Month\r\n \r\n
\r\n \r\n \r\n Ticket type\r\n \r\n
\r\n \r\n \r\n Qty\r\n \r\n
\r\n \r\n \r\n Gross ({taxReport?.currency || 'EUR'})\r\n \r\n
\r\n \r\n {taxReport?.salesByMonth?.map((item, i) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n {item.year}\r\n \r\n
\r\n \r\n \r\n {MONTHS[item.month - 1]}\r\n \r\n
\r\n \r\n \r\n {item.ticketType}\r\n \r\n
\r\n \r\n \r\n {item.qty}\r\n \r\n
\r\n \r\n \r\n {formatNumber(item.gross)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {taxReport?.qty}\r\n \r\n
\r\n \r\n \r\n {formatNumber(taxReport?.gross)}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Comments
\r\n \r\n Type in any comments you want to send to the TAX department in this report\r\n
\r\n \r\n setComment(e.target.value)}\r\n />\r\n
\r\n \r\n Click{' '}\r\n {\r\n setTaxType('PDF');\r\n handleExportTaxReport('PDF');\r\n }}>\r\n {isFetching || isDownloading ?
\r\n\r\n \r\n {\r\n setTaxType('Email');\r\n handleExportTaxReport('Email');\r\n }}>\r\n Send report\r\n \r\n
\r\n \r\n 
\r\n {title} \r\n
\r\n );\r\n};\r\n\r\nexport default FaqCard;\r\n","import React, { FC } from 'react';\r\n\r\nimport SectionTitle from 'component/section-title/sectionTitle';\r\nimport { Button, Icon, Typography } from 'ui';\r\n\r\nimport s from './Faq.module.scss';\r\nimport { faqData } from './faq.util';\r\nimport FaqCard from './faqCard';\r\n\r\nconst FAQ: FC = () => {\r\n const chunkSize = Math.ceil(faqData.length / 2);\r\n\r\n const goToNotion = () => {\r\n window.open(\r\n 'https://showshappening.notion.site/ShowsManager-Help-FAQ-637a72445e2e4bc5b53684b2351ef81a',\r\n '_blank',\r\n );\r\n };\r\n return (\r\n - \r\n {items &&\r\n items.map((item, index) => (\r\n
- \r\n \r\n
\r\n
{item.text} \r\n \r\n \r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default FAQ;\r\n","import FAQ from './faq';\r\n\r\nexport default FAQ;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"featureWrapper\":\"Features_featureWrapper__V3mqJ\",\"title\":\"Features_title__jkzz1\",\"bigContainter\":\"Features_bigContainter__5Zn0w\",\"eventButton\":\"Features_eventButton__28qRp\",\"featuresContainter\":\"Features_featuresContainter__H-I9g\",\"featureColumn\":\"Features_featureColumn__ii-6q\",\"banner\":\"Features_banner__x+RUd\",\"bannerTitle\":\"Features_bannerTitle__gCllP\",\"bannerText\":\"Features_bannerText__KFCeF\",\"bannerButtons\":\"Features_bannerButtons__-BVT+\"};","export const featureData = [\r\n {\r\n iconUrl: '/assets/images/icons/1.svg',\r\n title: 'Event Setup',\r\n items: [\r\n 'Your Event Page',\r\n 'Unlimited Users and Roles',\r\n 'Hidden Events',\r\n 'Ticket Purchase Code',\r\n 'Pre-Launch',\r\n 'Extra Fields for Extra Information',\r\n 'Event Notifications',\r\n ],\r\n url: 'https://showsmanager.com/features/event-setup.html',\r\n },\r\n {\r\n iconUrl: '/assets/images/icons/2.svg',\r\n title: 'Reporting',\r\n items: [\r\n 'Comprehensive Reporting Data',\r\n 'TAX Reporting',\r\n 'Event Day Information',\r\n 'Summary Of Data',\r\n 'Seller Tracking',\r\n 'Email WebHooks',\r\n 'Transport Reporting',\r\n ],\r\n url: 'https://showsmanager.com/features/reporting.html',\r\n },\r\n {\r\n iconUrl: '/assets/images/icons/7.svg',\r\n title: 'Ticket Scanning',\r\n items: [\r\n 'Scan Tickets using any Phone with a Camera',\r\n 'ShowsManager App',\r\n 'Group Scanning',\r\n 'Purchase a dedicated phone with laser scanner',\r\n ],\r\n url: 'https://showsmanager.com/features/ticket-scanning.html',\r\n },\r\n {\r\n iconUrl: '/assets/images/icons/4.svg',\r\n title: 'Event Dates',\r\n items: ['Single or Multi-Day Events', 'Time Slots', 'Open Daily', 'Non-Date Specific Events'],\r\n url: 'https://showsmanager.com/features/event-date.html',\r\n },\r\n {\r\n iconUrl: '/assets/images/icons/5.svg',\r\n title: 'Coupon Codes & Event Offers',\r\n items: [\r\n 'Coupon for Multiple Uses',\r\n 'Coupon for Single Uses',\r\n 'Discount on Entire Order',\r\n 'Discount on Ticket Types',\r\n 'Multiple Show Discounts',\r\n 'Membership Discounts',\r\n 'Offers on specific tickets and events',\r\n ],\r\n url: 'https://showsmanager.com/features/coupon.html',\r\n },\r\n {\r\n iconUrl: '/assets/images/icons/6.svg',\r\n title: 'Seating Plans',\r\n items: [\r\n 'Free Custom Seating Plans',\r\n '100+ pre-made Plans',\r\n 'Flexible Seats & Section Management',\r\n 'Combining Seating with Standing',\r\n 'Seat Locations',\r\n 'Different Prices for Different Dates',\r\n 'Disable Seats',\r\n ],\r\n url: 'https://showsmanager.com/features/seating-plan.html',\r\n },\r\n\r\n {\r\n iconUrl: '/assets/images/icons/3.svg',\r\n title: 'Ticket Sales Management',\r\n items: [\r\n 'Free unlimited Ticket Types',\r\n 'Hiding & disabling ticket types',\r\n 'Priority Pass',\r\n 'Flexible Ticketing Options',\r\n 'Resource Tracking',\r\n 'Order Management',\r\n 'Complimentary Tickets',\r\n 'Guest List Management',\r\n 'Ticket Offices and Resellers',\r\n 'Your Analytics Integration',\r\n 'Pixel Codes for Google Ads',\r\n 'Your Affiliate Partners',\r\n 'Sales Tracking',\r\n 'Individual Link Tracking',\r\n 'API for full integration',\r\n 'Pause or End Ticket Sales',\r\n ],\r\n url: 'https://showsmanager.com/features/ticket-sales.html',\r\n },\r\n];\r\n\r\nexport interface FeatureDataType {\r\n iconUrl: string;\r\n title: string;\r\n items: string[];\r\n url: string;\r\n}\r\n","import React, { FC } from 'react';\r\n\r\nimport { ArrowRightOutlined } from '@ant-design/icons';\r\nimport { Button } from 'antd';\r\nimport { Typography } from 'ui';\r\n\r\nimport s from './Features.module.scss';\r\n\r\ninterface FeatureCardProps {\r\n iconUrl: string;\r\n title: string;\r\n items: string[];\r\n url: string;\r\n}\r\n\r\nconst FeatureCard: FC\r\n \r\n We have created this resource to help you get started with ShowsManager and\r\n ShowsHappening. Can‘t find what you‘re looking for?
Contact us at\r\n \r\n {' '}\r\n hello@showshappening.com\r\n \r\n \r\n
\r\n Contact us at\r\n \r\n {' '}\r\n hello@showshappening.com\r\n \r\n
\r\n
\r\n \r\n ![\"featureImg\"](\"/assets/images/notion.png\")
\r\n \r\n We made FAQ Notion page for you to understand our service better\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {faqData.slice(0, chunkSize).map((feature, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {faqData.slice(chunkSize, chunkSize * 2).map((feature, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n Download our app
\r\nto scan tickets and follow your ticket sales
\r\n\r\n \r\n ![\"app](\"/assets/images/apple.webp\")
\r\n \r\n \r\n ![\"google](\"/assets/images/google.webp\")
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {title} \r\n
\r\n );\r\n};\r\n\r\nexport default FeatureCard;\r\n","import React, { FC } from 'react';\r\n\r\nimport SectionTitle from 'component/section-title/sectionTitle';\r\nimport { Icon } from 'ui';\r\n\r\nimport s from './Features.module.scss';\r\nimport { featureData } from './feature.util';\r\nimport FeatureCard from './featureCard';\r\n\r\nconst Features: FC = () => {\r\n const chunkSize = Math.ceil(featureData.length / 3);\r\n return (\r\n - \r\n {items &&\r\n items.map((item, index) => (\r\n
- \r\n
{item} \r\n \r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Features;\r\n","import Features from './features';\r\n\r\nexport default Features;\r\n","import {\r\n EventCouponType,\r\n EventCreateFormDetailsType,\r\n EventMetricsType,\r\n EventPermissionsType,\r\n EventTicketType,\r\n REFUND_POLICY_TYPE,\r\n SingleEventType,\r\n TICKET_SALES_STATUS,\r\n} from 'types/events/eventTypes';\r\nimport { EventTicketMetricsType } from 'types/events/metricsTypes';\r\nimport { OrdersListType } from 'types/tickets/tickets.types';\r\n\r\nexport type EventTicketsPropsType = {\r\n eventId: string;\r\n maxNumberOfAttendees?: number;\r\n ticketTypes: EventTicketType[];\r\n};\r\n\r\nexport type EventCreateFormDetailsPropsType = {\r\n eventId: string;\r\n otherDetails: EventCreateFormDetailsType;\r\n};\r\n\r\nexport type EventFlyerPropsType = {\r\n eventId: string;\r\n flyerBase64: string;\r\n extension?: string;\r\n};\r\n\r\nexport type EventCreateFormTaxesPropsType = {\r\n eventId: string;\r\n taxDetails: {\r\n refundPolicy?: REFUND_POLICY_TYPE;\r\n permitNumber?: string;\r\n vatRate?: number;\r\n };\r\n};\r\n\r\nexport type EventCreateFormTaxesAndContactPropsType = {\r\n eventId: string;\r\n taxDetails: {\r\n refundPolicy?: REFUND_POLICY_TYPE;\r\n permitNumber?: string | null;\r\n vatRate?: number;\r\n };\r\n contactDetails: {\r\n email?: string;\r\n mobileNumber?: string;\r\n address?: string;\r\n town?: string;\r\n postcode?: string;\r\n country?: string;\r\n };\r\n};\r\n\r\nexport type EventResponseType = SingleEventType;\r\n\r\nexport type EventMetricsResponseType = EventMetricsType;\r\n\r\nexport type OrdersListResponseType = OrdersListType;\r\n\r\nexport type OrdersListPropsType = {\r\n PageNumber?: number;\r\n PageSize?: number;\r\n SortByColumn?: string;\r\n SortType?: string;\r\n id?: string;\r\n DateFrom: string;\r\n DateTo: string;\r\n filter?: string;\r\n};\r\n\r\nexport type EventPermissionResponseType = EventPermissionsType[];\r\n\r\nexport type EventTicketMetricsResponseType = EventTicketMetricsType[];\r\n\r\nexport type EventDetailedSummaryType = {\r\n eventFlyer: string;\r\n eventName: string;\r\n eventId: string;\r\n currency: string;\r\n timeZone: string;\r\n dateId: string;\r\n availableTickets: number;\r\n hasLimit: boolean;\r\n totalTicketsSold: {\r\n allTime: number;\r\n today: number;\r\n };\r\n totalSales: {\r\n allTime: number;\r\n today: number;\r\n averageAllTime: number;\r\n };\r\n totalComplimentariesIssued: {\r\n allTime: number;\r\n today: number;\r\n };\r\n ticketTypes: {\r\n type: string;\r\n qtyOfTicketsSold: number;\r\n today: {\r\n qtyOfTicketsSold: number;\r\n totalAmount: number;\r\n numberOfComplimentaries: number;\r\n };\r\n maximumNumberOfTickets: number;\r\n totalAmount: number;\r\n averageTicketPrice: number;\r\n numberOfComplimentaries: number;\r\n }[];\r\n};\r\n\r\nexport type EventMetricsSalesChannelsType = {\r\n event: {\r\n eventFlyer: string;\r\n eventName: string;\r\n eventId: string;\r\n currency: string;\r\n timeZone: string;\r\n };\r\n statistics: {\r\n name: string;\r\n valueSold: number;\r\n qty: number;\r\n }[];\r\n};\r\n\r\nexport type EventsSalesChannelsResType = {\r\n eventName: string;\r\n eventId: string; // UUID format\r\n currency: string;\r\n eventFlyer: string;\r\n salesChannels: {\r\n firstName: string;\r\n profilePic: string;\r\n lastName: string;\r\n outlet: {\r\n name: string;\r\n };\r\n linkName: string;\r\n qty: number;\r\n value: number;\r\n referrerType: 'runner' | 'link' | 'userLinkReferrer' | 'direct';\r\n }[];\r\n}[];\r\n\r\nexport type EventSeatMetricsType = {\r\n disabledSeats: number;\r\n availableTickets: number;\r\n soldTickets: number;\r\n standingTickets: number;\r\n standingTicketsAvailable: number;\r\n maximumNumberOfAttendees: number;\r\n seatedTickets: number;\r\n filledSeatsPercentage: number;\r\n remaining: number;\r\n sections: {\r\n disabledSeats: number;\r\n availableTickets: number;\r\n soldTickets: number;\r\n standingTickets: number;\r\n standingTicketsAvailable: number;\r\n maximumNumberOfAttendees: number;\r\n seatedTickets: number;\r\n filledSeatsPercentage: number;\r\n remaining: number;\r\n sectionName: string;\r\n message: string;\r\n }[];\r\n shows: {\r\n dateId: string;\r\n disabledSeats: number;\r\n availableTickets: number;\r\n soldTickets: number;\r\n standingTickets: number;\r\n standingTicketsAvailable: number;\r\n maximumNumberOfAttendees: number;\r\n seatedTickets: number;\r\n filledSeatsPercentage: number;\r\n remaining: number;\r\n showDate: string;\r\n message: string;\r\n }[];\r\n};\r\n\r\nexport type AcceptTermsAndConditionsPropsType = {\r\n id?: string;\r\n chargeVAT?: boolean;\r\n permitNumber?: string;\r\n vatNumber?: string;\r\n promoterCompanyName?: string;\r\n promoterAddress?: string;\r\n promoterTown?: string;\r\n promoterMobileNumber?: string;\r\n promoterEmail?: string;\r\n ibanNumber?: string;\r\n bankAccountHolderName?: string;\r\n promoterPostCode?: string;\r\n};\r\n\r\nexport type EventCategoriesWithTag = {\r\n categorized: {\r\n id: number;\r\n name: string;\r\n tags: { id: string; name: string; slug: string }[];\r\n }[];\r\n mytags: { id: string; name: string; slug: string }[];\r\n};\r\n\r\nexport type EventSearchTagResult = {\r\n tags: {\r\n name: string;\r\n slug: string;\r\n id: string;\r\n }[];\r\n};\r\n\r\ntype PaginationType = {\r\n nextPage: number;\r\n pageNumber: number;\r\n pageSize: number;\r\n previousPage: number;\r\n totalPages: number;\r\n totalRecords: number;\r\n totalRecordsInPage: number;\r\n};\r\n\r\nexport type EventAttendeesType = {\r\n scannedDate: string;\r\n order: {\r\n refundProtection: string;\r\n remarks: string;\r\n referredBy: string;\r\n gatewayType: string;\r\n orderId: string;\r\n orderNo: string;\r\n currency: string;\r\n orderDate: string;\r\n orderTotal: number;\r\n orderSubTotal: number;\r\n bookingFee: number;\r\n paymentType: string;\r\n orderStatus: number;\r\n user: {\r\n firstName: string;\r\n onBoarded: boolean;\r\n fullName: string;\r\n mobileNumber: string;\r\n lastName: string;\r\n gender: string;\r\n userId: string;\r\n email: string;\r\n street1: string;\r\n street2: string;\r\n countryName: string;\r\n optInForPromoterPromotionalMaterial: boolean;\r\n optInForshowsHappeningPromotionalMaterial: boolean;\r\n dateOfBirth: string;\r\n dateOfBirthRange: string;\r\n };\r\n };\r\n ticketHolderPersonalInfo: {\r\n firstName: string;\r\n lastName: string;\r\n };\r\n numberOfPersons: string;\r\n ticketId: string;\r\n ticketType: {\r\n name: string;\r\n id: string;\r\n description: string;\r\n };\r\n receiptNumber: string;\r\n subTotal: number;\r\n bookingFee: number;\r\n total: number;\r\n seat: number;\r\n show: {\r\n showId: string;\r\n eventId: string;\r\n date: string;\r\n time: string;\r\n };\r\n ticketStatus: string;\r\n barCode: string;\r\n attendanceDate: string;\r\n longAttendanceDate: string;\r\n dateId: string;\r\n scheduleType: string;\r\n};\r\n\r\nexport type EventAttendeesResponseType = PaginationType & {\r\n attendees: EventAttendeesType[];\r\n};\r\n\r\nexport type EventAttendeesReqType = {\r\n EventId?: string;\r\n DateId?: string;\r\n TicketTypeId?: string;\r\n};\r\n\r\nexport type ZReadingResponseType = PaginationType & {\r\n transactions: {}[];\r\n};\r\n\r\nexport type EventTaxReportResponseType = {\r\n currency: string;\r\n id: string;\r\n eventName: string;\r\n comments: string;\r\n gross: number;\r\n qty: number;\r\n defaultRecipients: string[];\r\n salesByMonth: {\r\n month: number;\r\n year: number;\r\n gross: number;\r\n qty: number;\r\n ticketType: string;\r\n }[];\r\n};\r\n\r\nexport type EventTaxReportPropsType = {\r\n id: string;\r\n comments?: string;\r\n recipients?: string[];\r\n destination: 'PDF' | 'Email';\r\n};\r\n\r\nexport type SeatingPlansResponseType = {\r\n name: string;\r\n id: string;\r\n}[];\r\n\r\nexport type SeatingPlanDetailResponseType = {\r\n topPlanSVG: string;\r\n name: string;\r\n id: string;\r\n sections: {\r\n id: string;\r\n name: string;\r\n svg: string;\r\n sectionType: string;\r\n }[];\r\n};\r\n\r\ninterface Sections {\r\n id: string;\r\n name: string;\r\n svg: string;\r\n sectionType: string;\r\n ticketType: {\r\n name: string;\r\n ticketTypeId: string;\r\n description: string;\r\n };\r\n}\r\n\r\nexport type PlanListTableType = {\r\n topPlanSVG: string;\r\n name: string;\r\n id: string;\r\n sections: Sections[];\r\n};\r\n\r\nexport type EventPromoDetailsPropsType = {\r\n eventId: string;\r\n promoteDetails: {\r\n videoLink?: string;\r\n facebookLink?: string;\r\n instagramLink?: string;\r\n googleAnalyticsCode?: string;\r\n facebookPixelCode?: string;\r\n ticketTypesToConsiderForPromotionalOffers?: {\r\n qty: number;\r\n name: string;\r\n id: string;\r\n }[];\r\n eventArtistTags?: {\r\n name?: string;\r\n atName?: string;\r\n url?: string;\r\n }[];\r\n eventSponsorTags?: {\r\n name?: string;\r\n atName?: string;\r\n url?: string;\r\n }[];\r\n promotionalQuestionReplies?: {\r\n name?: string;\r\n questionId?: string;\r\n replyValue?: boolean;\r\n }[];\r\n };\r\n};\r\n\r\nexport type EventCouponResponseType = {\r\n nextPage: 0;\r\n previousPage: 0;\r\n pageSize: 0;\r\n pageNumber: 0;\r\n totalPages: 0;\r\n totalRecords: 0;\r\n totalRecordsInPage: 0;\r\n coupons: EventCouponType[];\r\n};\r\n\r\ntype TicketType = {\r\n name: string;\r\n ticketTypeId: string;\r\n description: string;\r\n};\r\n\r\ntype Section = {\r\n sectionId: string;\r\n displayName: string;\r\n};\r\n\r\ntype Location = {\r\n locationId: string;\r\n name: string;\r\n};\r\n\r\ntype Seat = {\r\n seatId: string;\r\n fullDisplayName: string;\r\n section: Section;\r\n location: Location;\r\n};\r\n\r\ntype Show = {\r\n showId: string;\r\n eventId: string;\r\n date: string; // Date string, e.g., \"2024-05-08T11:22:53.163Z\"\r\n time: string; // Time string, e.g., \"2024-05-08T11:22:53.163Z\"\r\n};\r\n\r\ntype TicketHolderPersonalInfo = {\r\n firstName: string;\r\n lastName: string;\r\n};\r\n\r\ntype Holder = {\r\n firstName: string;\r\n fullName: string;\r\n mobileNumber: string;\r\n lastName: string;\r\n userId: string;\r\n email: string;\r\n};\r\n\r\ntype TicketCancelled = {\r\n ticketHolderPersonalInfo: TicketHolderPersonalInfo;\r\n numberOfPersons: number;\r\n barcodeVisibilityType: 'Available';\r\n ticketId: string;\r\n value: number;\r\n ticketType: TicketType;\r\n receiptNumber: string;\r\n subTotal: number;\r\n bookingFee: number;\r\n total: number;\r\n seat: Seat;\r\n show: Show;\r\n ticketStatus: 'Open';\r\n barcode: string;\r\n attendanceDate: string;\r\n longAttendanceDate: string;\r\n dateId: string;\r\n scheduleType: 'NonRecurring';\r\n holder: Holder;\r\n};\r\n\r\nexport type OrderCancelResponseType = {\r\n orderNo: string;\r\n ticketsCancelled: TicketCancelled[];\r\n subTotalRefunded: number;\r\n bookingFeeRefunded: number;\r\n refundProtectionRefunded: number;\r\n totalRefunded: number;\r\n};\r\n\r\nexport type OrderCancelRequestData = {\r\n ticketIds: string[];\r\n reason: string;\r\n email: string;\r\n password: string;\r\n notifyUser: boolean;\r\n bookingFeePercentageRefund: number;\r\n refundOrderProtection: boolean;\r\n orderId: string;\r\n};\r\n\r\nexport type DatesType = {\r\n id: string;\r\n eventFlyer: string;\r\n eventId: string;\r\n currency: string;\r\n timeZone: string;\r\n eventName: string;\r\n availibilityStatus: string;\r\n dates: {\r\n date: string;\r\n dateId: string;\r\n timeFrom: string;\r\n dateTo: string;\r\n timeTo: string;\r\n doorsOpenAt: string;\r\n stopSellingAt: string;\r\n stopSellingAtUTC: string;\r\n hint: string;\r\n status: string;\r\n pastDate: boolean;\r\n ticketTypes: {\r\n id: string;\r\n name: string;\r\n status: TICKET_SALES_STATUS;\r\n price: number;\r\n maxNumberOfTicketsPerOrder: number;\r\n minNumberOfTicketsPerOrder: number;\r\n cannotBuyOnItsOwn: boolean;\r\n group: {\r\n imageURL: string;\r\n name: string;\r\n groupId: string;\r\n description: string;\r\n };\r\n faceValue: number;\r\n bookingFee: number;\r\n remainingTickets: number;\r\n };\r\n }[];\r\n};\r\n\r\nexport type AppliedTicketTypeResponseType = {\r\n eventId: string;\r\n ticketType: { name: string; ticketTypeId: string; description: string };\r\n sectionType: string;\r\n sectionName: string;\r\n sectionId: string;\r\n showDate: string;\r\n showTime: string;\r\n eventName: string;\r\n showId: string;\r\n ticketTypeSeatsAllocated: {\r\n ticketTypeName: string;\r\n colour: string;\r\n seatId: string;\r\n ticketTypeId: string;\r\n }[];\r\n};\r\n\r\nexport type AppliedTicketTypeRequestType = {\r\n eventId: string;\r\n sectionId: string;\r\n showId?: string;\r\n};\r\n\r\nexport type GetDisabledSectionRequestType = {\r\n showId: string;\r\n sectionId: string;\r\n};\r\n\r\nexport type ChangeTicketTypeAvailabilityRequest = {\r\n eventId: string;\r\n maxAttendees: number | undefined;\r\n ticketTypes?: {\r\n availabilityType: TICKET_SALES_STATUS; // Assuming availabilityType can have specific values\r\n ticketTypeId: string | undefined;\r\n }[];\r\n dateIds: string[] | undefined;\r\n};\r\n\r\nexport type ChangeTicketTypeAvailabilityResponse = {\r\n id: string;\r\n eventName: string;\r\n dates: {\r\n date: string;\r\n dateId: string;\r\n timeFrom: string;\r\n dateTo: string;\r\n timeTo: string;\r\n doorsOpenAt: string;\r\n status: TICKET_SALES_STATUS;\r\n pastDate: boolean;\r\n ticketTypes: {\r\n id: string;\r\n name: string;\r\n status: TICKET_SALES_STATUS;\r\n }[];\r\n }[];\r\n};\r\n\r\nexport enum NOTIFICATION_TYPE_ENUM {\r\n INFORMATION = 'information',\r\n WARNING = 'warning',\r\n}\r\n\r\nexport type NotificationsResType = {\r\n message: string;\r\n title: string;\r\n notificationType: NOTIFICATION_TYPE_ENUM; // Assuming other types may be possible\r\n id: string;\r\n eventId: string;\r\n sortOrder: number;\r\n};\r\n\r\nexport type NotificationCreateReqType = {\r\n message: string;\r\n title: string;\r\n notificationType: NOTIFICATION_TYPE_ENUM; // Assuming other types may be possible\r\n eventId: string;\r\n sortOrder: number;\r\n};\r\n\r\nexport type PromoterFollower = {\r\n firstName: string;\r\n fullName: string;\r\n mobileNumber: string;\r\n lastName: string;\r\n userId: string;\r\n email: string;\r\n followingDate: string;\r\n numberOfTickets: number;\r\n};\r\n\r\nexport type PromoterFollowersResType = {\r\n nextPage: number;\r\n previousPage: number;\r\n pageSize: number;\r\n pageNumber: number;\r\n totalPages: number;\r\n totalRecords: number;\r\n totalRecordsInPage: number;\r\n followers: PromoterFollower[];\r\n};\r\n\r\nexport type EventReferrerReqType = {\r\n eventId: string;\r\n // tag: string;\r\n email: string;\r\n};\r\n\r\nexport type EventReferrerResType = {\r\n promoter: {\r\n promoterName: string;\r\n promoterId: string; // UUID format\r\n };\r\n firstName: string;\r\n lastName: string;\r\n email: string;\r\n};\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Notifications_wrapper__MNLsg\",\"row\":\"Notifications_row__4sk3+\",\"notificationList\":\"Notifications_notificationList__oaA2w\",\"followerSearch\":\"Notifications_followerSearch__aKtsH\",\"titleButton\":\"Notifications_titleButton__YVRCv\",\"iconWrapper\":\"Notifications_iconWrapper__h5ayt\",\"emptyNotificatoins\":\"Notifications_emptyNotificatoins__f6LRQ\",\"form\":\"Notifications_form__9RA29\",\"notificationItem\":\"Notifications_notificationItem__F7NtO\",\"backLink\":\"Notifications_backLink__dpq2M\"};","import { FC, useState } from 'react';\r\n\r\nimport { Dropdown, Icon, Typography } from 'ui';\r\n\r\nimport { NotificationsResType } from 'services/events/evetns.api.type';\r\n\r\nimport s from '../Notifications.module.scss';\r\n\r\ninterface NotificationItemProps {\r\n handleDeleteItem: (id: string) => void;\r\n setEditNotificationId: (notification: NotificationsResType) => void;\r\n notification: NotificationsResType;\r\n id: string;\r\n}\r\n\r\nconst DROPDOWN_ITEMS = [\r\n { key: 'edit', label: \r\n
\r\n \r\n {featureData.slice(0, chunkSize).map((feature, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {featureData.slice(chunkSize, chunkSize * 2).map((feature, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {featureData.slice(chunkSize * 2).map((feature, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n Download our app
\r\nto scan tickets and follow your ticket sales
\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 Edit
},\r\n { key: 'delete', label: Delete
},\r\n];\r\n\r\nconst NotificationItem: FC\r\n handleClickDropdownItems(event, id as string)}\r\n open={openedDropdown}\r\n onOpenChange={setOpenedDropdown}>\r\n
\r\n );\r\n};\r\n\r\nexport default NotificationItem;\r\n","export enum SortByEnum {\r\n EMAIL = 'email',\r\n NAME = 'name',\r\n NUMBER_OF_TICKETS = 'numberOfTickets',\r\n}\r\n\r\nexport type FollowerFilterType = {\r\n Id: string;\r\n PageNumber?: number;\r\n PageSize?: number;\r\n Term: string;\r\n SortBy: SortByEnum;\r\n};\r\n\r\nexport const initialFilter: FollowerFilterType = {\r\n Id: '',\r\n PageNumber: 1,\r\n PageSize: 100,\r\n Term: '',\r\n SortBy: SortByEnum.EMAIL,\r\n};\r\n","import { ChangeEvent, FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { DownloadOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from '@ant-design/icons';\r\nimport { Button, Select, Spin, Tabs } from 'antd';\r\nimport { Modal as antModal } from 'antd';\r\nimport { useForm } from 'antd/es/form/Form';\r\nimport Pagination from 'component/pagination';\r\nimport SectionTitle from 'component/section-title/sectionTitle';\r\nimport { useParams } from 'react-router-dom';\r\nimport { MY_EVENTS_ROUTE } from 'routes/events/list';\r\nimport { useDebounce } from 'tools/hooks/debounce.hook';\r\nimport { Form, Icon, Input, Label, Link, Modal, Table, TextArea, Typography, message } from 'ui';\r\n\r\nimport {\r\n EditingPromoterIdSelector,\r\n activeEventNameSelector,\r\n eventNotificaionsSelector,\r\n} from 'selectors/eventsSlice.selector';\r\nimport {\r\n useCreateNotificationMutation,\r\n useDeleteNotificationMutation,\r\n useEditNotificationMutation,\r\n useLazyExportPromoterFollowersQuery,\r\n useLazyGetNotificationsQuery,\r\n useLazyGetPromoterFollowersQuery,\r\n} from 'services/events/eventsApiService';\r\nimport {\r\n NOTIFICATION_TYPE_ENUM,\r\n NotificationsResType,\r\n PromoterFollower,\r\n} from 'services/events/evetns.api.type';\r\nimport { useLazyGetCurrentUserQuery } from 'services/user-management/userManagementApiService';\r\nimport { setEventNotifications } from 'slices/eventsSlice';\r\nimport { useAppDispatch, useAppSelector } from 'store/index';\r\n\r\nimport EventLoadingState from 'containers/events-loading-state';\r\n\r\nimport s from './Notifications.module.scss';\r\nimport NotificationItem from './notification-item/notificationItem';\r\nimport { FollowerFilterType, SortByEnum, initialFilter } from './notifications.utils';\r\n\r\nconst { confirm } = antModal;\r\n\r\nconst Notifications: FC = () => {\r\n const { eventId } = useParams();\r\n const dispatch = useAppDispatch();\r\n const [form] = useForm();\r\n const notifications = useAppSelector(eventNotificaionsSelector);\r\n const [exportPromoterFollowers] = useLazyExportPromoterFollowersQuery();\r\n const [getCurrentUser, { data: currentUser }] = useLazyGetCurrentUserQuery();\r\n const eventName = useAppSelector(activeEventNameSelector);\r\n const promoterId = useAppSelector(EditingPromoterIdSelector);\r\n const [createNotification, { isLoading: creating }] = useCreateNotificationMutation();\r\n const [deleteNotification] = useDeleteNotificationMutation();\r\n const [editNotification, { isLoading: editing }] = useEditNotificationMutation();\r\n const [getNotifications, { isFetching: fetching }] = useLazyGetNotificationsQuery();\r\n const [getPromoterFollowers, { data: followers, isFetching: followerFetching }] =\r\n useLazyGetPromoterFollowersQuery();\r\n const [editNotificationId, setEditNotificationId] = useState\r\n {notification?.title} \r\n \r\n {notification?.message}\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 {eventName} \r\n {tabKey === 'notification' ? (\r\n \r\n + CREATE NOTIFICATION\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {fetching && (!notifications || notifications?.length === 0) ? (\r\n
\r\n ),\r\n },\r\n {\r\n key: 'followerList',\r\n label: 'List of followers',\r\n disabled: !isCanFetch,\r\n children: (\r\n \r\n
\r\n ) : !notifications || notifications?.length === 0 ? (\r\n \r\n \r\n You have no notifications for this event yet\r\n \r\n \r\n + CREATE NOTIFICATION\r\n \r\n
\r\n ) : (\r\n <>\r\n {notifications &&\r\n notifications.map((notification, index) => (\r\n \r\n
\r\n \r\n \r\n setRequestFilter((prevValue) => ({ ...prevValue, PageSize: size }))\r\n }\r\n />\r\n )}\r\n
\r\n ),\r\n },\r\n ]}\r\n />\r\n \r\n setSortBy(value)}\r\n options={[\r\n { value: SortByEnum.NAME, label: 'Name' },\r\n { value: SortByEnum.EMAIL, label: 'E-mail' },\r\n { value: SortByEnum.NUMBER_OF_TICKETS, label: 'Number of tickets' },\r\n ]}\r\n defaultValue={sortBy}\r\n />\r\n
\r\n \r\n onClick(eventId)}>\r\n \r\n All Dates\r\n \r\n \r\n {getMonthName(startDate)} -\r\n \r\n \r\n {getMonthName(endDate)}\r\n \r\n
\r\n \r\n onClick(eventId, dateId, date)}>\r\n \r\n {getMonthName(date.split('-')[1])}\r\n \r\n \r\n {date.split('-')[2]}\r\n \r\n\r\n \r\n {getWeekdayName(date)}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst areEqual = (prevProps, nextProps) => {\r\n return prevProps.eventType === nextProps.eventType && prevProps.eventId === nextProps.eventId;\r\n};\r\n\r\nconst MemoizedDateTab = React.memo(DateTab, areEqual);\r\n\r\nexport default MemoizedDateTab;\r\n","import MemoizedDateTab from './dateTab';\r\n\r\nexport default MemoizedDateTab;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Orders_wrapper__rzPrH\",\"title\":\"Orders_title__ZadPH\",\"list\":\"Orders_list__YRoyS\",\"row\":\"Orders_row__UaCfm\",\"img\":\"Orders_img__8ZU++\",\"event\":\"Orders_event__9HiWI\",\"eventButton\":\"Orders_eventButton__cg0EM\",\"arrowIcon\":\"Orders_arrowIcon__nIL4R\",\"emptyFlyer\":\"Orders_emptyFlyer__8Rc3-\",\"createButton\":\"Orders_createButton__MY82Z\"};","import { SortOrder } from 'types/core/sortTypes';\r\n\r\nexport const SORT_OPTIONS_ORDERS = ['descend', 'ascend', null] as SortOrder[];\r\n","// extracted by mini-css-extract-plugin\nexport default {\"header\":\"OrdersHeader_header__-YOiD\",\"searchBlock\":\"OrdersHeader_searchBlock__o0ES+\",\"actions\":\"OrdersHeader_actions__j2sWM\",\"range\":\"OrdersHeader_range__P6pDs\",\"refreshButton\":\"OrdersHeader_refreshButton__g817f\",\"rangePicker\":\"OrdersHeader_rangePicker__Q7zIM\"};","import { FC } from 'react';\r\n\r\nimport { DatePicker } from 'antd';\r\nimport { Button, Form, Icon, Input } from 'ui';\r\n\r\nimport s from './OrdersHeader.module.scss';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n// typescript-eslint-disable @typescript-eslint/no-implicit-any\r\ntype RangeInfo = any;\r\n// typescript-eslint-disable @typescript-eslint/no-implicit-any\r\ntype RangeValue = any;\r\n\r\ninterface OrdersHeaderProps {\r\n onRangeChange: (\r\n dates: RangeValue,\r\n formatString: [string, string],\r\n info: { range: RangeInfo },\r\n ) => void;\r\n}\r\n\r\nconst OrdersHeader: FC\r\n {dates && eventId && dates.dates.length > 1 && (\r\n
\r\n ),\r\n },\r\n ...Object.keys(sortedDates).map((month) => ({\r\n key: month,\r\n label: getMonthName(month),\r\n children: loading ? (\r\n \r\n {sortedDates[month] &&\r\n eventId &&\r\n sortedDates[month].map((date, key) => (\r\n
\r\n ),\r\n })),\r\n ]}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OrdersHeader;\r\n","export const initialFilter = {\r\n PageNumber: 1,\r\n PageSize: 100,\r\n SortByColumn: 'ByDate',\r\n SortType: 'Descending',\r\n DateFrom: '',\r\n DateTo: '',\r\n id: '',\r\n filter: '',\r\n};\r\n\r\nexport type OrdersFilterType = {\r\n PageNumber?: number;\r\n PageSize?: number;\r\n SortByColumn?: string;\r\n SortType?: string;\r\n id?: string;\r\n DateFrom: string;\r\n DateTo: string;\r\n filter?: string;\r\n};\r\n","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport Pagination from 'component/pagination';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { getOrdersFullRoute } from 'routes/tikets/list';\r\nimport { handleCutString } from 'tools/cutstring';\r\nimport { Form, Icon, Table, TableProps, Tooltip } from 'ui';\r\n\r\nimport { useLazyGetEventOrdersQuery } from 'services/events/eventsApiService';\r\n\r\nimport { CURRENCIES_SETTING } from 'constants/core-constants';\r\nimport { SORT_OPTIONS_ORDERS } from 'constants/sort';\r\nimport { OrderTableType, TicketType } from 'types/tickets/tickets.types';\r\n\r\nimport OrdersHeader from '../orders-header/ordersHeader';\r\nimport { OrdersFilterType, initialFilter } from '../orders.utils';\r\n\r\ninterface OrdersListProps {\r\n currency: string | undefined;\r\n eventId: string | undefined;\r\n eventName: string | undefined;\r\n flyer: string | undefined;\r\n}\r\n\r\nconst OrdersList: FC\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {eventName.length > 20 ? handleCutString(eventName, 20, false, 10) : eventName}\r\n \r\n \r\n
\r\n ),\r\n },\r\n {\r\n title: 'Order Date',\r\n dataIndex: 'orderDate',\r\n key: 'orderDate',\r\n width: 180,\r\n sorter: !!handleTableChange,\r\n sortDirections: SORT_OPTIONS_ORDERS,\r\n showSorterTooltip: false,\r\n },\r\n { title: 'Order Number', dataIndex: 'orderNo', key: 'orderNo', width: 250 },\r\n {\r\n title: 'Buyer Name',\r\n dataIndex: 'user',\r\n key: 'buyerName',\r\n render: (user) => `${user.firstName} ${user.lastName}`,\r\n },\r\n\r\n {\r\n title: 'Status',\r\n dataIndex: 'orderStatus',\r\n key: 'status',\r\n width: 160,\r\n render: (status) => {\r\n let icon;\r\n let color = '';\r\n if (status === 'completed') {\r\n icon = \r\n \r\n {\r\n return {\r\n onClick: () => {\r\n navigate(getOrdersFullRoute(record.orderId));\r\n },\r\n };\r\n }}\r\n scroll={{ x: 768 }}\r\n />\r\n {showedElements > 0 && (\r\n \r\n setRequestFilter((prevValue) => ({ ...prevValue, PageSize: size }))\r\n }\r\n />\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default OrdersList;\r\n","import OrdersList from './ordersList';\r\n\r\nexport default OrdersList;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"transactions_wrapper__Aoinf\",\"header\":\"transactions_header__wJvD1\",\"block\":\"transactions_block__0utaj\",\"title\":\"transactions_title__il2Vp\",\"breadcrumbs\":\"transactions_breadcrumbs__H7E62\"};","import React, { FC, useEffect, useState } from 'react';\r\n\r\nimport dayjs from 'dayjs';\r\nimport { Table } from 'ui';\r\n\r\nimport { useLazyGetZreadingQuery } from 'services/events/eventsApiService';\r\n\r\nimport Pagination from '../../../component/pagination';\r\nimport s from './transactions.module.scss';\r\n\r\nconst initialFilter = {\r\n PageNumber: 1,\r\n PageSize: 100,\r\n};\r\n\r\ninterface TransactionProps {\r\n eventId?: string;\r\n}\r\n\r\nconst Transactions: FC{dayjs(transactionLocalDate).format('DD.MM.YYYY HH:mm')}
\r\n ),\r\n },\r\n {\r\n title: 'Event Name',\r\n dataIndex: 'eventName',\r\n key: 'eventName',\r\n },\r\n {\r\n title: 'Show Date',\r\n dataIndex: 'show',\r\n key: 'showDate',\r\n render: (show: { date: string; time: string }) => (\r\n \r\n {dayjs(show.date).format('DD.MM.YYYY')} {dayjs(show.time).format('HH:mm')}\r\n
\r\n ),\r\n },\r\n {\r\n title: 'Order Date',\r\n dataIndex: 'order',\r\n key: 'orderDate',\r\n render: (order: { orderDate: string }) => (\r\n {dayjs(order.orderDate).format('DD.MM.YYYY HH:mm')}
\r\n ),\r\n },\r\n {\r\n title: 'Order No',\r\n dataIndex: 'order',\r\n key: 'orderNo',\r\n render: (order: { orderNo: string }) => {order.orderNo}
,\r\n },\r\n {\r\n title: 'Payment Type',\r\n dataIndex: 'order',\r\n key: 'orderPaymentType',\r\n render: (order: { paymentType: string }) => {order.paymentType}
,\r\n },\r\n {\r\n title: 'Cash Type',\r\n dataIndex: 'cashPaymentType',\r\n key: 'cashPaymentType',\r\n },\r\n {\r\n title: 'Email',\r\n dataIndex: 'order',\r\n key: 'orderUserEmail',\r\n render: (order: { user: { email: string } }) => {order.user.email}
,\r\n },\r\n {\r\n title: 'Name on ticket',\r\n dataIndex: 'ticketHolderPersonalInfo',\r\n key: 'ticketHolderPersonalInfo',\r\n render: (holderInfo: { firstName: string; lastName: string }) => (\r\n {`${holderInfo.firstName} ${holderInfo.lastName}`}
\r\n ),\r\n },\r\n {\r\n title: 'Runner (if any)',\r\n dataIndex: 'runnerEmail',\r\n key: 'runnerEmail',\r\n },\r\n {\r\n title: 'Outlet (if any)',\r\n dataIndex: 'outlet',\r\n key: 'outlet',\r\n },\r\n {\r\n title: 'Receipt Number',\r\n dataIndex: 'receiptNumber',\r\n key: 'receiptNumber',\r\n },\r\n {\r\n title: 'Ticket Type',\r\n dataIndex: 'ticketType',\r\n key: 'ticketType',\r\n render: (ticketType: { name: string }) => {ticketType.name}
,\r\n },\r\n {\r\n title: 'Currency',\r\n dataIndex: 'currency',\r\n key: 'currency',\r\n },\r\n {\r\n title: 'NET',\r\n dataIndex: 'total',\r\n key: 'total',\r\n render: (total: number, cell: { vatAmount: number }) => {total - cell.vatAmount}
,\r\n },\r\n {\r\n title: 'VAT Amount',\r\n dataIndex: 'vatAmount',\r\n key: 'vatAmount',\r\n },\r\n {\r\n title: 'Total',\r\n dataIndex: 'total',\r\n key: 'total',\r\n },\r\n {\r\n title: 'Booking Fee',\r\n dataIndex: 'bookingFee',\r\n key: 'bookingFee',\r\n },\r\n {\r\n title: 'Refund Protection',\r\n dataIndex: 'refundProtectionTotal',\r\n key: 'refundProtectionTotal',\r\n },\r\n {\r\n title: 'All Total',\r\n dataIndex: 'allTotal',\r\n key: 'allTotal',\r\n },\r\n {\r\n title: 'Account',\r\n dataIndex: 'bankAccountName',\r\n key: 'bankAccountName',\r\n },\r\n {\r\n title: 'Payment Gateway',\r\n dataIndex: 'gatewayName',\r\n key: 'gatewayName',\r\n },\r\n ];\r\n\r\n const showedElements =\r\n Number(zReadingList?.transactions?.length) +\r\n (Number(zReadingList?.pageNumber) - 1) * Number(requestFilter.PageSize);\r\n\r\n useEffect(() => {\r\n if (eventId) {\r\n getZreadingList({ id: eventId, ...requestFilter });\r\n }\r\n }, [eventId, getZreadingList, requestFilter]);\r\n\r\n return (\r\n \r\n \r\n setRequestFilter((prevValue) => ({ ...prevValue, PageNumber: page }))\r\n }\r\n showedElements={showedElements}\r\n totalElements={zReadingList?.totalRecords}\r\n total={zReadingList?.totalPages}\r\n currentPage={zReadingList?.pageNumber || 1}\r\n handleSizeChange={(size) =>\r\n setRequestFilter((prevValue) => ({ ...prevValue, PageSize: size }))\r\n }\r\n defaultPageSize={100}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Transactions;\r\n","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { DownloadOutlined } from '@ant-design/icons';\r\nimport { Button, Select, Tabs } from 'antd';\r\n// import DownloadSwitcher from 'component/download-switcher';\r\nimport SectionTitle from 'component/section-title/sectionTitle';\r\nimport { Label, Modal, Typography } from 'ui';\r\nimport MemoizedDateTab from 'ui/date-tab';\r\n\r\nimport {\r\n useLazyExportAttendeesQuery,\r\n useLazyGetEventDetailQuery,\r\n} from 'services/events/eventsApiService';\r\nimport { useLazyGetCurrentUserQuery } from 'services/user-management/userManagementApiService';\r\n\r\nimport EventPopover from 'containers/event-popover';\r\n\r\nimport { UserEventType } from 'types/core/userTypes';\r\n\r\nimport s from './Orders.module.scss';\r\n// import Attendees from './attendees/eventAttendeesList';\r\nimport OrdersList from './orders-list';\r\nimport Transactions from './transactions/transactions';\r\n\r\nconst Orders: FC = () => {\r\n const [getCurrentUser, { data: currentUser }] = useLazyGetCurrentUserQuery();\r\n const [getEventDetail, { data: eventDetail }] = useLazyGetEventDetailQuery();\r\n const [exportAttendees] = useLazyExportAttendeesQuery();\r\n const [activeEvent, setActiveEvent] = useState\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 setTicketType(value)}\r\n style={{ width: '100%', height: 38 }}\r\n options={[\r\n { label: 'All', value: '' },\r\n ...(eventDetail?.ticketTypes?.map((item) => ({\r\n label: item.name,\r\n value: item.id,\r\n })) || []),\r\n ]}\r\n />\r\n
\r\n \r\n {activeEvent?.eventId && (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Orders;\r\n","import Orders from './orders';\r\n\r\nexport default Orders;\r\n","import initialApiService from 'services/initialApiService';\r\nimport { TicketsFullInfoResponseType } from 'services/tickets/tickets.api.type';\r\n\r\nconst ticketsApiService = initialApiService.injectEndpoints({\r\n endpoints: (build) => ({\r\n getTickets: build.query\r\n #{index + 1}:{item?.ticketType.name}\r\n
\r\n ),\r\n children: (\r\n\r\n
\r\n ),\r\n }));\r\n setItems(tempData);\r\n }\r\n }, [data]);\r\n\r\n const keys = data.map((_, index) => index.toString());\r\n\r\n return (\r\n \r\n \r\n {item.receiptNumber} \r\n
\r\n \r\n \r\n {item?.holder?.fullName} \r\n
\r\n \r\n \r\n \r\n {' '}\r\n {dayjs(item.attendanceDate).format('DD MMM, HH:mm')}\r\n \r\n
\r\n \r\n \r\n {item?.value} \r\n
\r\n \r\n \r\n {item?.barCode} \r\n
\r\n \r\n \r\n {item?.holder?.email} \r\n
\r\n \r\n \r\n {dayjs(item?.show?.date).format('DD MMM YY')} \r\n
\r\n \r\n \r\n {dayjs(item?.show?.time).format('HH:mm')} \r\n
\r\n {item.seat && (\r\n \r\n \r\n {item?.seat?.fullDisplayName} \r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OrderRow;\r\n","import OrderRow from './orderRow';\r\n\r\nexport default OrderRow;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"item\":\"SendTicketModal_item__uOzUv\",\"form\":\"SendTicketModal_form__CDKJL\"};","import { FC, useEffect } from 'react';\r\n\r\nimport { Button, Form, Input, Label, Modal, Typography, message } from 'ui';\r\n\r\nimport { useLazySendTicketToEmailQuery } from 'services/tickets/ticketsApiService';\r\nimport { useLazyGetCurrentUserQuery } from 'services/user-management/userManagementApiService';\r\n\r\nimport { EMAIL_PLACEHOLDER } from 'constants/core-constants';\r\n\r\nimport s from './SendTicketModal.module.scss';\r\n\r\ninterface SendTicketModalProps {\r\n open: boolean;\r\n handleClose: () => void;\r\n orderId: string;\r\n}\r\n\r\nconst SendTicketModal: FC\r\n
\r\n )}\r\n\r\n \r\n {orderContent(orderFullInfo, eventName)?.map((content, index) => (\r\n
\r\n\r\n \r\n {content.map((item, i) => (\r\n
\r\n ))}\r\n \r\n \r\n \r\n {item.content}\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n \r\n Ticket Option\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setIsOpenHintModal(true)}\r\n icon={
\r\n \r\n {/* }>\r\n Print tickets\r\n */}\r\n
\r\n \r\n Success \r\n Order has been cancelled successfully \r\n \r\n CONTINUE\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Outlets;\r\n","import Redirect from './redirect';\r\n\r\nexport default Redirect;\r\n","import { FC } from 'react';\r\n\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { DASHBOARD_ROUTE } from 'routes/dashboard/list';\r\nimport { RedirectLoader } from 'ui';\r\n\r\nimport { isLoggedInSelector } from 'selectors/userSlice.selectors';\r\nimport { useAppSelector } from 'store';\r\n\r\nconst Redirect: FC = () => {\r\n const navigate = useNavigate();\r\n const isLogged = useAppSelector(isLoggedInSelector);\r\n\r\n if (isLogged) {\r\n navigate(DASHBOARD_ROUTE);\r\n }\r\n\r\n return \r\n \r\n Referral links\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ReferralLink;\r\n","import ReferralLink from './referralLink';\r\n\r\nexport default ReferralLink;\r\n","// This icon file is generated automatically.\nvar CaretRightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"0 0 1024 1024\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z\" } }] }, \"name\": \"caret-right\", \"theme\": \"outlined\" };\nexport default CaretRightOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport CaretRightOutlinedSvg from \"@ant-design/icons-svg/es/asn/CaretRightOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar CaretRightOutlined = function CaretRightOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: CaretRightOutlinedSvg\n }));\n};\nCaretRightOutlined.displayName = 'CaretRightOutlined';\nexport default /*#__PURE__*/React.forwardRef(CaretRightOutlined);","// This icon file is generated automatically.\nvar SearchOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z\" } }] }, \"name\": \"search\", \"theme\": \"outlined\" };\nexport default SearchOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport SearchOutlinedSvg from \"@ant-design/icons-svg/es/asn/SearchOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar SearchOutlined = function SearchOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: SearchOutlinedSvg\n }));\n};\nSearchOutlined.displayName = 'SearchOutlined';\nexport default /*#__PURE__*/React.forwardRef(SearchOutlined);","import { createTheme, getComputedToken } from '@ant-design/cssinjs';\nimport defaultDerivative from './themes/default';\nimport seedToken from './themes/seed';\nimport formatToken from './util/alias';\nconst getDesignToken = config => {\n const theme = (config === null || config === void 0 ? void 0 : config.algorithm) ? createTheme(config.algorithm) : createTheme(defaultDerivative);\n const mergedToken = Object.assign(Object.assign({}, seedToken), config === null || config === void 0 ? void 0 : config.token);\n return getComputedToken(mergedToken, {\n override: config === null || config === void 0 ? void 0 : config.token\n }, theme, formatToken);\n};\nexport default getDesignToken;","import defaultAlgorithm from '../default';\nimport genControlHeight from '../shared/genControlHeight';\nimport genFontMapToken from '../shared/genFontMapToken';\nimport genCompactSizeMapToken from './genCompactSizeMapToken';\nconst derivative = (token, mapToken) => {\n const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);\n const fontSize = mergedMapToken.fontSizeSM; // Smaller size font-size as base\n const controlHeight = mergedMapToken.controlHeight - 4;\n return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, mergedMapToken), genCompactSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), genFontMapToken(fontSize)), {\n // controlHeight\n controlHeight\n }), genControlHeight(Object.assign(Object.assign({}, mergedMapToken), {\n controlHeight\n })));\n};\nexport default derivative;","export default function genSizeMapToken(token) {\n const {\n sizeUnit,\n sizeStep\n } = token;\n const compactSizeStep = sizeStep - 2;\n return {\n sizeXXL: sizeUnit * (compactSizeStep + 10),\n sizeXL: sizeUnit * (compactSizeStep + 6),\n sizeLG: sizeUnit * (compactSizeStep + 2),\n sizeMD: sizeUnit * (compactSizeStep + 2),\n sizeMS: sizeUnit * (compactSizeStep + 1),\n size: sizeUnit * compactSizeStep,\n sizeSM: sizeUnit * compactSizeStep,\n sizeXS: sizeUnit * (compactSizeStep - 1),\n sizeXXS: sizeUnit * (compactSizeStep - 1)\n };\n}","import { TinyColor } from '@ctrl/tinycolor';\nexport const getAlphaColor = (baseColor, alpha) => new TinyColor(baseColor).setAlpha(alpha).toRgbString();\nexport const getSolidColor = (baseColor, brightness) => {\n const instance = new TinyColor(baseColor);\n return instance.lighten(brightness).toHexString();\n};","import { generate } from '@ant-design/colors';\nimport { getAlphaColor, getSolidColor } from './colorAlgorithm';\nexport const generateColorPalettes = baseColor => {\n const colors = generate(baseColor, {\n theme: 'dark'\n });\n return {\n 1: colors[0],\n 2: colors[1],\n 3: colors[2],\n 4: colors[3],\n 5: colors[6],\n 6: colors[5],\n 7: colors[4],\n 8: colors[6],\n 9: colors[5],\n 10: colors[4]\n // 8: colors[9],\n // 9: colors[8],\n // 10: colors[7],\n };\n};\nexport const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {\n const colorBgBase = bgBaseColor || '#000';\n const colorTextBase = textBaseColor || '#fff';\n return {\n colorBgBase,\n colorTextBase,\n colorText: getAlphaColor(colorTextBase, 0.85),\n colorTextSecondary: getAlphaColor(colorTextBase, 0.65),\n colorTextTertiary: getAlphaColor(colorTextBase, 0.45),\n colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),\n colorFill: getAlphaColor(colorTextBase, 0.18),\n colorFillSecondary: getAlphaColor(colorTextBase, 0.12),\n colorFillTertiary: getAlphaColor(colorTextBase, 0.08),\n colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),\n colorBgElevated: getSolidColor(colorBgBase, 12),\n colorBgContainer: getSolidColor(colorBgBase, 8),\n colorBgLayout: getSolidColor(colorBgBase, 0),\n colorBgSpotlight: getSolidColor(colorBgBase, 26),\n colorBgBlur: getAlphaColor(colorTextBase, 0.04),\n colorBorder: getSolidColor(colorBgBase, 26),\n colorBorderSecondary: getSolidColor(colorBgBase, 19)\n };\n};","import { generate } from '@ant-design/colors';\nimport defaultAlgorithm from '../default';\nimport { defaultPresetColors } from '../seed';\nimport genColorMapToken from '../shared/genColorMapToken';\nimport { generateColorPalettes, generateNeutralColorPalettes } from './colors';\nconst derivative = (token, mapToken) => {\n const colorPalettes = Object.keys(defaultPresetColors).map(colorKey => {\n const colors = generate(token[colorKey], {\n theme: 'dark'\n });\n return new Array(10).fill(1).reduce((prev, _, i) => {\n prev[`${colorKey}-${i + 1}`] = colors[i];\n prev[`${colorKey}${i + 1}`] = colors[i];\n return prev;\n }, {});\n }).reduce((prev, cur) => {\n // biome-ignore lint/style/noParameterAssign: it is a reduce\n prev = Object.assign(Object.assign({}, prev), cur);\n return prev;\n }, {});\n const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);\n return Object.assign(Object.assign(Object.assign({}, mergedMapToken), colorPalettes), genColorMapToken(token, {\n generateColorPalettes,\n generateNeutralColorPalettes\n }));\n};\nexport default derivative;","\"use client\";\n\n/* eslint-disable import/prefer-default-export */\nimport getDesignToken from './getDesignToken';\nimport { defaultConfig, useToken as useInternalToken } from './internal';\nimport compactAlgorithm from './themes/compact';\nimport darkAlgorithm from './themes/dark';\nimport defaultAlgorithm from './themes/default';\n// ZombieJ: We export as object to user but array in internal.\n// This is used to minimize the bundle size for antd package but safe to refactor as object also.\n// Please do not export internal `useToken` directly to avoid something export unexpected.\n/** Get current context Design Token. Will be different if you are using nest theme config. */\nfunction useToken() {\n const [theme, token, hashId] = useInternalToken();\n return {\n theme,\n token,\n hashId\n };\n}\nexport default {\n /** @private Test Usage. Do not use in production. */\n defaultConfig,\n /** Default seedToken */\n defaultSeed: defaultConfig.token,\n useToken,\n defaultAlgorithm,\n darkAlgorithm,\n compactAlgorithm,\n getDesignToken\n};","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nconst round = Math.round;\n\n/**\n * Support format, alpha unit will check the % mark:\n * - rgba(102, 204, 255, .5) -> [102, 204, 255, 0.5]\n * - rgb(102 204 255 / .5) -> [102, 204, 255, 0.5]\n * - rgb(100%, 50%, 0% / 50%) -> [255, 128, 0, 0.5]\n * - hsl(270, 60, 40, .5) -> [270, 60, 40, 0.5]\n * - hsl(270deg 60% 40% / 50%) -> [270, 60, 40, 0.5]\n *\n * When `base` is provided, the percentage value will be divided by `base`.\n */\nfunction splitColorStr(str, parseNum) {\n const match = str\n // Remove str before `(`\n .replace(/^[^(]*\\((.*)/, '$1')\n // Remove str after `)`\n .replace(/\\).*/, '').match(/\\d*\\.?\\d+%?/g) || [];\n const numList = match.map(item => parseFloat(item));\n for (let i = 0; i < 3; i += 1) {\n numList[i] = parseNum(numList[i] || 0, match[i] || '', i);\n }\n\n // For alpha. 50% should be 0.5\n if (match[3]) {\n numList[3] = match[3].includes('%') ? numList[3] / 100 : numList[3];\n } else {\n // By default, alpha is 1\n numList[3] = 1;\n }\n return numList;\n}\nconst parseHSVorHSL = (num, _, index) => index === 0 ? num : num / 100;\n\n/** round and limit number to integer between 0-255 */\nfunction limitRange(value, max) {\n const mergedMax = max || 255;\n if (value > mergedMax) {\n return mergedMax;\n }\n if (value < 0) {\n return 0;\n }\n return value;\n}\nexport class FastColor {\n constructor(input) {\n /**\n * All FastColor objects are valid. So isValid is always true. This property is kept to be compatible with TinyColor.\n */\n _defineProperty(this, \"isValid\", true);\n /**\n * Red, R in RGB\n */\n _defineProperty(this, \"r\", 0);\n /**\n * Green, G in RGB\n */\n _defineProperty(this, \"g\", 0);\n /**\n * Blue, B in RGB\n */\n _defineProperty(this, \"b\", 0);\n /**\n * Alpha/Opacity, A in RGBA/HSLA\n */\n _defineProperty(this, \"a\", 1);\n // HSV privates\n _defineProperty(this, \"_h\", void 0);\n _defineProperty(this, \"_s\", void 0);\n _defineProperty(this, \"_l\", void 0);\n _defineProperty(this, \"_v\", void 0);\n // intermediate variables to calculate HSL/HSV\n _defineProperty(this, \"_max\", void 0);\n _defineProperty(this, \"_min\", void 0);\n _defineProperty(this, \"_brightness\", void 0);\n /**\n * Always check 3 char in the object to determine the format.\n * We not use function in check to save bundle size.\n * e.g. 'rgb' -> { r: 0, g: 0, b: 0 }.\n */\n function matchFormat(str) {\n return str[0] in input && str[1] in input && str[2] in input;\n }\n if (!input) {\n // Do nothing since already initialized\n } else if (typeof input === 'string') {\n const trimStr = input.trim();\n function matchPrefix(prefix) {\n return trimStr.startsWith(prefix);\n }\n if (/^#?[A-F\\d]{3,8}$/i.test(trimStr)) {\n this.fromHexString(trimStr);\n } else if (matchPrefix('rgb')) {\n this.fromRgbString(trimStr);\n } else if (matchPrefix('hsl')) {\n this.fromHslString(trimStr);\n } else if (matchPrefix('hsv') || matchPrefix('hsb')) {\n this.fromHsvString(trimStr);\n }\n } else if (input instanceof FastColor) {\n this.r = input.r;\n this.g = input.g;\n this.b = input.b;\n this.a = input.a;\n this._h = input._h;\n this._s = input._s;\n this._l = input._l;\n this._v = input._v;\n } else if (matchFormat('rgb')) {\n this.r = limitRange(input.r);\n this.g = limitRange(input.g);\n this.b = limitRange(input.b);\n this.a = typeof input.a === 'number' ? limitRange(input.a, 1) : 1;\n } else if (matchFormat('hsl')) {\n this.fromHsl(input);\n } else if (matchFormat('hsv')) {\n this.fromHsv(input);\n } else {\n throw new Error('@ant-design/fast-color: unsupported input ' + JSON.stringify(input));\n }\n }\n\n // ======================= Setter =======================\n\n setR(value) {\n return this._sc('r', value);\n }\n setG(value) {\n return this._sc('g', value);\n }\n setB(value) {\n return this._sc('b', value);\n }\n setA(value) {\n return this._sc('a', value, 1);\n }\n setHue(value) {\n const hsv = this.toHsv();\n hsv.h = value;\n return this._c(hsv);\n }\n\n // ======================= Getter =======================\n /**\n * Returns the perceived luminance of a color, from 0-1.\n * @see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n */\n getLuminance() {\n function adjustGamma(raw) {\n const val = raw / 255;\n return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);\n }\n const R = adjustGamma(this.r);\n const G = adjustGamma(this.g);\n const B = adjustGamma(this.b);\n return 0.2126 * R + 0.7152 * G + 0.0722 * B;\n }\n getHue() {\n if (typeof this._h === 'undefined') {\n const delta = this.getMax() - this.getMin();\n if (delta === 0) {\n this._h = 0;\n } else {\n this._h = round(60 * (this.r === this.getMax() ? (this.g - this.b) / delta + (this.g < this.b ? 6 : 0) : this.g === this.getMax() ? (this.b - this.r) / delta + 2 : (this.r - this.g) / delta + 4));\n }\n }\n return this._h;\n }\n getSaturation() {\n if (typeof this._s === 'undefined') {\n const delta = this.getMax() - this.getMin();\n if (delta === 0) {\n this._s = 0;\n } else {\n this._s = delta / this.getMax();\n }\n }\n return this._s;\n }\n getLightness() {\n if (typeof this._l === 'undefined') {\n this._l = (this.getMax() + this.getMin()) / 510;\n }\n return this._l;\n }\n getValue() {\n if (typeof this._v === 'undefined') {\n this._v = this.getMax() / 255;\n }\n return this._v;\n }\n\n /**\n * Returns the perceived brightness of the color, from 0-255.\n * Note: this is not the b of HSB\n * @see http://www.w3.org/TR/AERT#color-contrast\n */\n getBrightness() {\n if (typeof this._brightness === 'undefined') {\n this._brightness = (this.r * 299 + this.g * 587 + this.b * 114) / 1000;\n }\n return this._brightness;\n }\n\n // ======================== Func ========================\n\n darken(amount = 10) {\n const h = this.getHue();\n const s = this.getSaturation();\n let l = this.getLightness() - amount / 100;\n if (l < 0) {\n l = 0;\n }\n return this._c({\n h,\n s,\n l,\n a: this.a\n });\n }\n lighten(amount = 10) {\n const h = this.getHue();\n const s = this.getSaturation();\n let l = this.getLightness() + amount / 100;\n if (l > 1) {\n l = 1;\n }\n return this._c({\n h,\n s,\n l,\n a: this.a\n });\n }\n\n /**\n * Mix the current color a given amount with another color, from 0 to 100.\n * 0 means no mixing (return current color).\n */\n mix(input, amount = 50) {\n const color = this._c(input);\n const p = amount / 100;\n const calc = key => (color[key] - this[key]) * p + this[key];\n const rgba = {\n r: round(calc('r')),\n g: round(calc('g')),\n b: round(calc('b')),\n a: round(calc('a') * 100) / 100\n };\n return this._c(rgba);\n }\n\n /**\n * Mix the color with pure white, from 0 to 100.\n * Providing 0 will do nothing, providing 100 will always return white.\n */\n tint(amount = 10) {\n return this.mix({\n r: 255,\n g: 255,\n b: 255,\n a: 1\n }, amount);\n }\n\n /**\n * Mix the color with pure black, from 0 to 100.\n * Providing 0 will do nothing, providing 100 will always return black.\n */\n shade(amount = 10) {\n return this.mix({\n r: 0,\n g: 0,\n b: 0,\n a: 1\n }, amount);\n }\n onBackground(background) {\n const bg = this._c(background);\n const alpha = this.a + bg.a * (1 - this.a);\n const calc = key => {\n return round((this[key] * this.a + bg[key] * bg.a * (1 - this.a)) / alpha);\n };\n return this._c({\n r: calc('r'),\n g: calc('g'),\n b: calc('b'),\n a: alpha\n });\n }\n\n // ======================= Status =======================\n isDark() {\n return this.getBrightness() < 128;\n }\n isLight() {\n return this.getBrightness() >= 128;\n }\n\n // ======================== MISC ========================\n equals(other) {\n return this.r === other.r && this.g === other.g && this.b === other.b && this.a === other.a;\n }\n clone() {\n return this._c(this);\n }\n\n // ======================= Format =======================\n toHexString() {\n let hex = '#';\n const rHex = (this.r || 0).toString(16);\n hex += rHex.length === 2 ? rHex : '0' + rHex;\n const gHex = (this.g || 0).toString(16);\n hex += gHex.length === 2 ? gHex : '0' + gHex;\n const bHex = (this.b || 0).toString(16);\n hex += bHex.length === 2 ? bHex : '0' + bHex;\n if (typeof this.a === 'number' && this.a >= 0 && this.a < 1) {\n const aHex = round(this.a * 255).toString(16);\n hex += aHex.length === 2 ? aHex : '0' + aHex;\n }\n return hex;\n }\n\n /** CSS support color pattern */\n toHsl() {\n return {\n h: this.getHue(),\n s: this.getSaturation(),\n l: this.getLightness(),\n a: this.a\n };\n }\n\n /** CSS support color pattern */\n toHslString() {\n const h = this.getHue();\n const s = round(this.getSaturation() * 100);\n const l = round(this.getLightness() * 100);\n return this.a !== 1 ? `hsla(${h},${s}%,${l}%,${this.a})` : `hsl(${h},${s}%,${l}%)`;\n }\n\n /** Same as toHsb */\n toHsv() {\n return {\n h: this.getHue(),\n s: this.getSaturation(),\n v: this.getValue(),\n a: this.a\n };\n }\n toRgb() {\n return {\n r: this.r,\n g: this.g,\n b: this.b,\n a: this.a\n };\n }\n toRgbString() {\n return this.a !== 1 ? `rgba(${this.r},${this.g},${this.b},${this.a})` : `rgb(${this.r},${this.g},${this.b})`;\n }\n toString() {\n return this.toRgbString();\n }\n\n // ====================== Privates ======================\n /** Return a new FastColor object with one channel changed */\n _sc(rgb, value, max) {\n const clone = this.clone();\n clone[rgb] = limitRange(value, max);\n return clone;\n }\n _c(input) {\n return new this.constructor(input);\n }\n getMax() {\n if (typeof this._max === 'undefined') {\n this._max = Math.max(this.r, this.g, this.b);\n }\n return this._max;\n }\n getMin() {\n if (typeof this._min === 'undefined') {\n this._min = Math.min(this.r, this.g, this.b);\n }\n return this._min;\n }\n fromHexString(trimStr) {\n const withoutPrefix = trimStr.replace('#', '');\n function connectNum(index1, index2) {\n return parseInt(withoutPrefix[index1] + withoutPrefix[index2 || index1], 16);\n }\n if (withoutPrefix.length < 6) {\n // #rgb or #rgba\n this.r = connectNum(0);\n this.g = connectNum(1);\n this.b = connectNum(2);\n this.a = withoutPrefix[3] ? connectNum(3) / 255 : 1;\n } else {\n // #rrggbb or #rrggbbaa\n this.r = connectNum(0, 1);\n this.g = connectNum(2, 3);\n this.b = connectNum(4, 5);\n this.a = withoutPrefix[6] ? connectNum(6, 7) / 255 : 1;\n }\n }\n fromHsl({\n h,\n s,\n l,\n a\n }) {\n this._h = h % 360;\n this._s = s;\n this._l = l;\n this.a = typeof a === 'number' ? a : 1;\n if (s <= 0) {\n const rgb = round(l * 255);\n this.r = rgb;\n this.g = rgb;\n this.b = rgb;\n }\n let r = 0,\n g = 0,\n b = 0;\n const huePrime = h / 60;\n const chroma = (1 - Math.abs(2 * l - 1)) * s;\n const secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n if (huePrime >= 0 && huePrime < 1) {\n r = chroma;\n g = secondComponent;\n } else if (huePrime >= 1 && huePrime < 2) {\n r = secondComponent;\n g = chroma;\n } else if (huePrime >= 2 && huePrime < 3) {\n g = chroma;\n b = secondComponent;\n } else if (huePrime >= 3 && huePrime < 4) {\n g = secondComponent;\n b = chroma;\n } else if (huePrime >= 4 && huePrime < 5) {\n r = secondComponent;\n b = chroma;\n } else if (huePrime >= 5 && huePrime < 6) {\n r = chroma;\n b = secondComponent;\n }\n const lightnessModification = l - chroma / 2;\n this.r = round((r + lightnessModification) * 255);\n this.g = round((g + lightnessModification) * 255);\n this.b = round((b + lightnessModification) * 255);\n }\n fromHsv({\n h,\n s,\n v,\n a\n }) {\n this._h = h % 360;\n this._s = s;\n this._v = v;\n this.a = typeof a === 'number' ? a : 1;\n const vv = round(v * 255);\n this.r = vv;\n this.g = vv;\n this.b = vv;\n if (s <= 0) {\n return;\n }\n const hh = h / 60;\n const i = Math.floor(hh);\n const ff = hh - i;\n const p = round(v * (1.0 - s) * 255);\n const q = round(v * (1.0 - s * ff) * 255);\n const t = round(v * (1.0 - s * (1.0 - ff)) * 255);\n switch (i) {\n case 0:\n this.g = t;\n this.b = p;\n break;\n case 1:\n this.r = q;\n this.b = p;\n break;\n case 2:\n this.r = p;\n this.b = t;\n break;\n case 3:\n this.r = p;\n this.g = q;\n break;\n case 4:\n this.r = t;\n this.g = p;\n break;\n case 5:\n default:\n this.g = p;\n this.b = q;\n break;\n }\n }\n fromHsvString(trimStr) {\n const cells = splitColorStr(trimStr, parseHSVorHSL);\n this.fromHsv({\n h: cells[0],\n s: cells[1],\n v: cells[2],\n a: cells[3]\n });\n }\n fromHslString(trimStr) {\n const cells = splitColorStr(trimStr, parseHSVorHSL);\n this.fromHsl({\n h: cells[0],\n s: cells[1],\n l: cells[2],\n a: cells[3]\n });\n }\n fromRgbString(trimStr) {\n const cells = splitColorStr(trimStr, (num, txt) =>\n // Convert percentage to number. e.g. 50% -> 128\n txt.includes('%') ? round(num / 100 * 255) : num);\n this.r = cells[0];\n this.g = cells[1];\n this.b = cells[2];\n this.a = cells[3];\n }\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar _excluded = [\"b\"],\n _excluded2 = [\"v\"];\nimport { FastColor } from '@ant-design/fast-color';\nexport var getRoundNumber = function getRoundNumber(value) {\n return Math.round(Number(value || 0));\n};\nvar convertHsb2Hsv = function convertHsb2Hsv(color) {\n if (color instanceof FastColor) {\n return color;\n }\n if (color && _typeof(color) === 'object' && 'h' in color && 'b' in color) {\n var _ref = color,\n b = _ref.b,\n resets = _objectWithoutProperties(_ref, _excluded);\n return _objectSpread(_objectSpread({}, resets), {}, {\n v: b\n });\n }\n if (typeof color === 'string' && /hsb/.test(color)) {\n return color.replace(/hsb/, 'hsv');\n }\n return color;\n};\nexport var Color = /*#__PURE__*/function (_FastColor) {\n _inherits(Color, _FastColor);\n var _super = _createSuper(Color);\n function Color(color) {\n _classCallCheck(this, Color);\n return _super.call(this, convertHsb2Hsv(color));\n }\n _createClass(Color, [{\n key: \"toHsbString\",\n value: function toHsbString() {\n var hsb = this.toHsb();\n var saturation = getRoundNumber(hsb.s * 100);\n var lightness = getRoundNumber(hsb.b * 100);\n var hue = getRoundNumber(hsb.h);\n var alpha = hsb.a;\n var hsbString = \"hsb(\".concat(hue, \", \").concat(saturation, \"%, \").concat(lightness, \"%)\");\n var hsbaString = \"hsba(\".concat(hue, \", \").concat(saturation, \"%, \").concat(lightness, \"%, \").concat(alpha.toFixed(alpha === 0 ? 0 : 2), \")\");\n return alpha === 1 ? hsbString : hsbaString;\n }\n }, {\n key: \"toHsb\",\n value: function toHsb() {\n var _this$toHsv = this.toHsv(),\n v = _this$toHsv.v,\n resets = _objectWithoutProperties(_this$toHsv, _excluded2);\n return _objectSpread(_objectSpread({}, resets), {}, {\n b: v,\n a: this.a\n });\n }\n }]);\n return Color;\n}(FastColor);","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport { Color } from \"./color\";\nexport var ColorPickerPrefixCls = 'rc-color-picker';\nexport var generateColor = function generateColor(color) {\n if (color instanceof Color) {\n return color;\n }\n return new Color(color);\n};\nexport var defaultColor = generateColor('#1677ff');\nexport var calculateColor = function calculateColor(props) {\n var offset = props.offset,\n targetRef = props.targetRef,\n containerRef = props.containerRef,\n color = props.color,\n type = props.type;\n var _containerRef$current = containerRef.current.getBoundingClientRect(),\n width = _containerRef$current.width,\n height = _containerRef$current.height;\n var _targetRef$current$ge = targetRef.current.getBoundingClientRect(),\n targetWidth = _targetRef$current$ge.width,\n targetHeight = _targetRef$current$ge.height;\n var centerOffsetX = targetWidth / 2;\n var centerOffsetY = targetHeight / 2;\n var saturation = (offset.x + centerOffsetX) / width;\n var bright = 1 - (offset.y + centerOffsetY) / height;\n var hsb = color.toHsb();\n var alphaOffset = saturation;\n var hueOffset = (offset.x + centerOffsetX) / width * 360;\n if (type) {\n switch (type) {\n case 'hue':\n return generateColor(_objectSpread(_objectSpread({}, hsb), {}, {\n h: hueOffset <= 0 ? 0 : hueOffset\n }));\n case 'alpha':\n return generateColor(_objectSpread(_objectSpread({}, hsb), {}, {\n a: alphaOffset <= 0 ? 0 : alphaOffset\n }));\n }\n }\n return generateColor({\n h: hsb.h,\n s: saturation <= 0 ? 0 : saturation,\n b: bright >= 1 ? 1 : bright,\n a: hsb.a\n });\n};\nexport var calcOffset = function calcOffset(color, type) {\n var hsb = color.toHsb();\n switch (type) {\n case 'hue':\n return {\n x: hsb.h / 360 * 100,\n y: 50\n };\n case 'alpha':\n return {\n x: color.a * 100,\n y: 50\n };\n\n // Picker panel\n default:\n return {\n x: hsb.s * 100,\n y: (1 - hsb.b) * 100\n };\n }\n};","import classNames from 'classnames';\nimport React from 'react';\nvar ColorBlock = function ColorBlock(_ref) {\n var color = _ref.color,\n prefixCls = _ref.prefixCls,\n className = _ref.className,\n style = _ref.style,\n onClick = _ref.onClick;\n var colorBlockCls = \"\".concat(prefixCls, \"-color-block\");\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(colorBlockCls, className),\n style: style,\n onClick: onClick\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(colorBlockCls, \"-inner\"),\n style: {\n background: color\n }\n }));\n};\nexport default ColorBlock;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useEffect, useRef, useState } from 'react';\nfunction getPosition(e) {\n var obj = 'touches' in e ? e.touches[0] : e;\n var scrollXOffset = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;\n var scrollYOffset = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;\n return {\n pageX: obj.pageX - scrollXOffset,\n pageY: obj.pageY - scrollYOffset\n };\n}\nfunction useColorDrag(props) {\n var targetRef = props.targetRef,\n containerRef = props.containerRef,\n direction = props.direction,\n onDragChange = props.onDragChange,\n onDragChangeComplete = props.onDragChangeComplete,\n calculate = props.calculate,\n color = props.color,\n disabledDrag = props.disabledDrag;\n var _useState = useState({\n x: 0,\n y: 0\n }),\n _useState2 = _slicedToArray(_useState, 2),\n offsetValue = _useState2[0],\n setOffsetValue = _useState2[1];\n var mouseMoveRef = useRef(null);\n var mouseUpRef = useRef(null);\n\n // Always get position from `color`\n useEffect(function () {\n setOffsetValue(calculate());\n }, [color]);\n useEffect(function () {\n return function () {\n document.removeEventListener('mousemove', mouseMoveRef.current);\n document.removeEventListener('mouseup', mouseUpRef.current);\n document.removeEventListener('touchmove', mouseMoveRef.current);\n document.removeEventListener('touchend', mouseUpRef.current);\n mouseMoveRef.current = null;\n mouseUpRef.current = null;\n };\n }, []);\n var updateOffset = function updateOffset(e) {\n var _getPosition = getPosition(e),\n pageX = _getPosition.pageX,\n pageY = _getPosition.pageY;\n var _containerRef$current = containerRef.current.getBoundingClientRect(),\n rectX = _containerRef$current.x,\n rectY = _containerRef$current.y,\n width = _containerRef$current.width,\n height = _containerRef$current.height;\n var _targetRef$current$ge = targetRef.current.getBoundingClientRect(),\n targetWidth = _targetRef$current$ge.width,\n targetHeight = _targetRef$current$ge.height;\n var centerOffsetX = targetWidth / 2;\n var centerOffsetY = targetHeight / 2;\n var offsetX = Math.max(0, Math.min(pageX - rectX, width)) - centerOffsetX;\n var offsetY = Math.max(0, Math.min(pageY - rectY, height)) - centerOffsetY;\n var calcOffset = {\n x: offsetX,\n y: direction === 'x' ? offsetValue.y : offsetY\n };\n\n // Exclusion of boundary cases\n if (targetWidth === 0 && targetHeight === 0 || targetWidth !== targetHeight) {\n return false;\n }\n onDragChange === null || onDragChange === void 0 || onDragChange(calcOffset);\n };\n var onDragMove = function onDragMove(e) {\n e.preventDefault();\n updateOffset(e);\n };\n var onDragStop = function onDragStop(e) {\n e.preventDefault();\n document.removeEventListener('mousemove', mouseMoveRef.current);\n document.removeEventListener('mouseup', mouseUpRef.current);\n document.removeEventListener('touchmove', mouseMoveRef.current);\n document.removeEventListener('touchend', mouseUpRef.current);\n mouseMoveRef.current = null;\n mouseUpRef.current = null;\n onDragChangeComplete === null || onDragChangeComplete === void 0 || onDragChangeComplete();\n };\n var onDragStart = function onDragStart(e) {\n // https://github.com/ant-design/ant-design/issues/43529\n document.removeEventListener('mousemove', mouseMoveRef.current);\n document.removeEventListener('mouseup', mouseUpRef.current);\n if (disabledDrag) {\n return;\n }\n updateOffset(e);\n document.addEventListener('mousemove', onDragMove);\n document.addEventListener('mouseup', onDragStop);\n document.addEventListener('touchmove', onDragMove);\n document.addEventListener('touchend', onDragStop);\n mouseMoveRef.current = onDragMove;\n mouseUpRef.current = onDragStop;\n };\n return [offsetValue, onDragStart];\n}\nexport default useColorDrag;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport classNames from 'classnames';\nimport React from 'react';\nvar Handler = function Handler(_ref) {\n var _ref$size = _ref.size,\n size = _ref$size === void 0 ? 'default' : _ref$size,\n color = _ref.color,\n prefixCls = _ref.prefixCls;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-handler\"), _defineProperty({}, \"\".concat(prefixCls, \"-handler-sm\"), size === 'small')),\n style: {\n backgroundColor: color\n }\n });\n};\nexport default Handler;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport React from 'react';\nvar Palette = function Palette(_ref) {\n var children = _ref.children,\n style = _ref.style,\n prefixCls = _ref.prefixCls;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-palette\"),\n style: _objectSpread({\n position: 'relative'\n }, style)\n }, children);\n};\nexport default Palette;","import React, { forwardRef } from 'react';\nvar Transform = /*#__PURE__*/forwardRef(function (props, ref) {\n var children = props.children,\n x = props.x,\n y = props.y;\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: ref,\n style: {\n position: 'absolute',\n left: \"\".concat(x, \"%\"),\n top: \"\".concat(y, \"%\"),\n zIndex: 1,\n transform: 'translate(-50%, -50%)'\n }\n }, children);\n});\nexport default Transform;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport React, { useRef } from 'react';\nimport useColorDrag from \"../hooks/useColorDrag\";\nimport { calcOffset, calculateColor } from \"../util\";\nimport { useEvent } from 'rc-util';\nimport Handler from \"./Handler\";\nimport Palette from \"./Palette\";\nimport Transform from \"./Transform\";\nvar Picker = function Picker(_ref) {\n var color = _ref.color,\n onChange = _ref.onChange,\n prefixCls = _ref.prefixCls,\n onChangeComplete = _ref.onChangeComplete,\n disabled = _ref.disabled;\n var pickerRef = useRef();\n var transformRef = useRef();\n var colorRef = useRef(color);\n var onDragChange = useEvent(function (offsetValue) {\n var calcColor = calculateColor({\n offset: offsetValue,\n targetRef: transformRef,\n containerRef: pickerRef,\n color: color\n });\n colorRef.current = calcColor;\n onChange(calcColor);\n });\n var _useColorDrag = useColorDrag({\n color: color,\n containerRef: pickerRef,\n targetRef: transformRef,\n calculate: function calculate() {\n return calcOffset(color);\n },\n onDragChange: onDragChange,\n onDragChangeComplete: function onDragChangeComplete() {\n return onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(colorRef.current);\n },\n disabledDrag: disabled\n }),\n _useColorDrag2 = _slicedToArray(_useColorDrag, 2),\n offset = _useColorDrag2[0],\n dragStartHandle = _useColorDrag2[1];\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: pickerRef,\n className: \"\".concat(prefixCls, \"-select\"),\n onMouseDown: dragStartHandle,\n onTouchStart: dragStartHandle\n }, /*#__PURE__*/React.createElement(Palette, {\n prefixCls: prefixCls\n }, /*#__PURE__*/React.createElement(Transform, {\n x: offset.x,\n y: offset.y,\n ref: transformRef\n }, /*#__PURE__*/React.createElement(Handler, {\n color: color.toRgbString(),\n prefixCls: prefixCls\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-saturation\"),\n style: {\n backgroundColor: \"hsl(\".concat(color.toHsb().h, \",100%, 50%)\"),\n backgroundImage: 'linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))'\n }\n })));\n};\nexport default Picker;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useMergedState } from 'rc-util';\nimport { useMemo } from 'react';\nimport { generateColor } from \"../util\";\nvar useColorState = function useColorState(defaultValue, value) {\n var _useMergedState = useMergedState(defaultValue, {\n value: value\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n mergedValue = _useMergedState2[0],\n setValue = _useMergedState2[1];\n var color = useMemo(function () {\n return generateColor(mergedValue);\n }, [mergedValue]);\n return [color, setValue];\n};\nexport default useColorState;","import React, { useMemo } from 'react';\nimport { Color } from \"../color\";\nimport { generateColor } from \"../util\";\nvar Gradient = function Gradient(_ref) {\n var colors = _ref.colors,\n children = _ref.children,\n _ref$direction = _ref.direction,\n direction = _ref$direction === void 0 ? 'to right' : _ref$direction,\n type = _ref.type,\n prefixCls = _ref.prefixCls;\n var gradientColors = useMemo(function () {\n return colors.map(function (color, idx) {\n var result = generateColor(color);\n if (type === 'alpha' && idx === colors.length - 1) {\n result = new Color(result.setA(1));\n }\n return result.toRgbString();\n }).join(',');\n }, [colors, type]);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-gradient\"),\n style: {\n position: 'absolute',\n inset: 0,\n background: \"linear-gradient(\".concat(direction, \", \").concat(gradientColors, \")\")\n }\n }, children);\n};\nexport default Gradient;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport React, { useRef } from 'react';\nimport useColorDrag from \"../hooks/useColorDrag\";\nimport Palette from \"./Palette\";\nimport classNames from 'classnames';\nimport { useEvent } from 'rc-util';\nimport { Color } from \"../color\";\nimport { calcOffset, calculateColor } from \"../util\";\nimport Gradient from \"./Gradient\";\nimport Handler from \"./Handler\";\nimport Transform from \"./Transform\";\nvar Slider = function Slider(props) {\n var prefixCls = props.prefixCls,\n colors = props.colors,\n disabled = props.disabled,\n onChange = props.onChange,\n onChangeComplete = props.onChangeComplete,\n color = props.color,\n type = props.type;\n var sliderRef = useRef();\n var transformRef = useRef();\n var colorRef = useRef(color);\n var getValue = function getValue(c) {\n return type === 'hue' ? c.getHue() : c.a * 100;\n };\n var onDragChange = useEvent(function (offsetValue) {\n var calcColor = calculateColor({\n offset: offsetValue,\n targetRef: transformRef,\n containerRef: sliderRef,\n color: color,\n type: type\n });\n colorRef.current = calcColor;\n onChange(getValue(calcColor));\n });\n var _useColorDrag = useColorDrag({\n color: color,\n targetRef: transformRef,\n containerRef: sliderRef,\n calculate: function calculate() {\n return calcOffset(color, type);\n },\n onDragChange: onDragChange,\n onDragChangeComplete: function onDragChangeComplete() {\n onChangeComplete(getValue(colorRef.current));\n },\n direction: 'x',\n disabledDrag: disabled\n }),\n _useColorDrag2 = _slicedToArray(_useColorDrag, 2),\n offset = _useColorDrag2[0],\n dragStartHandle = _useColorDrag2[1];\n var handleColor = React.useMemo(function () {\n if (type === 'hue') {\n var hsb = color.toHsb();\n hsb.s = 1;\n hsb.b = 1;\n hsb.a = 1;\n var lightColor = new Color(hsb);\n return lightColor;\n }\n return color;\n }, [color, type]);\n\n // ========================= Gradient =========================\n var gradientList = React.useMemo(function () {\n return colors.map(function (info) {\n return \"\".concat(info.color, \" \").concat(info.percent, \"%\");\n });\n }, [colors]);\n\n // ========================== Render ==========================\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: sliderRef,\n className: classNames(\"\".concat(prefixCls, \"-slider\"), \"\".concat(prefixCls, \"-slider-\").concat(type)),\n onMouseDown: dragStartHandle,\n onTouchStart: dragStartHandle\n }, /*#__PURE__*/React.createElement(Palette, {\n prefixCls: prefixCls\n }, /*#__PURE__*/React.createElement(Transform, {\n x: offset.x,\n y: offset.y,\n ref: transformRef\n }, /*#__PURE__*/React.createElement(Handler, {\n size: \"small\",\n color: handleColor.toHexString(),\n prefixCls: prefixCls\n })), /*#__PURE__*/React.createElement(Gradient, {\n colors: gradientList,\n type: type,\n prefixCls: prefixCls\n })));\n};\nexport default Slider;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport React, { forwardRef, useMemo } from 'react';\nimport { ColorPickerPrefixCls, defaultColor } from \"./util\";\nimport classNames from 'classnames';\nimport { Color } from \"./color\";\nimport ColorBlock from \"./components/ColorBlock\";\nimport Picker from \"./components/Picker\";\nimport useColorState from \"./hooks/useColorState\";\nimport useComponent from \"./hooks/useComponent\";\nvar HUE_COLORS = [{\n color: 'rgb(255, 0, 0)',\n percent: 0\n}, {\n color: 'rgb(255, 255, 0)',\n percent: 17\n}, {\n color: 'rgb(0, 255, 0)',\n percent: 33\n}, {\n color: 'rgb(0, 255, 255)',\n percent: 50\n}, {\n color: 'rgb(0, 0, 255)',\n percent: 67\n}, {\n color: 'rgb(255, 0, 255)',\n percent: 83\n}, {\n color: 'rgb(255, 0, 0)',\n percent: 100\n}];\nvar ColorPicker = /*#__PURE__*/forwardRef(function (props, ref) {\n var value = props.value,\n defaultValue = props.defaultValue,\n _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? ColorPickerPrefixCls : _props$prefixCls,\n onChange = props.onChange,\n onChangeComplete = props.onChangeComplete,\n className = props.className,\n style = props.style,\n panelRender = props.panelRender,\n _props$disabledAlpha = props.disabledAlpha,\n disabledAlpha = _props$disabledAlpha === void 0 ? false : _props$disabledAlpha,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n components = props.components;\n\n // ========================== Components ==========================\n var _useComponent = useComponent(components),\n _useComponent2 = _slicedToArray(_useComponent, 1),\n Slider = _useComponent2[0];\n\n // ============================ Color =============================\n var _useColorState = useColorState(defaultValue || defaultColor, value),\n _useColorState2 = _slicedToArray(_useColorState, 2),\n colorValue = _useColorState2[0],\n setColorValue = _useColorState2[1];\n var alphaColor = useMemo(function () {\n return colorValue.setA(1).toRgbString();\n }, [colorValue]);\n\n // ============================ Events ============================\n var handleChange = function handleChange(data, type) {\n if (!value) {\n setColorValue(data);\n }\n onChange === null || onChange === void 0 || onChange(data, type);\n };\n\n // Convert\n var getHueColor = function getHueColor(hue) {\n return new Color(colorValue.setHue(hue));\n };\n var getAlphaColor = function getAlphaColor(alpha) {\n return new Color(colorValue.setA(alpha / 100));\n };\n\n // Slider change\n var onHueChange = function onHueChange(hue) {\n handleChange(getHueColor(hue), {\n type: 'hue',\n value: hue\n });\n };\n var onAlphaChange = function onAlphaChange(alpha) {\n handleChange(getAlphaColor(alpha), {\n type: 'alpha',\n value: alpha\n });\n };\n\n // Complete\n var onHueChangeComplete = function onHueChangeComplete(hue) {\n if (onChangeComplete) {\n onChangeComplete(getHueColor(hue));\n }\n };\n var onAlphaChangeComplete = function onAlphaChangeComplete(alpha) {\n if (onChangeComplete) {\n onChangeComplete(getAlphaColor(alpha));\n }\n };\n\n // ============================ Render ============================\n var mergeCls = classNames(\"\".concat(prefixCls, \"-panel\"), className, _defineProperty({}, \"\".concat(prefixCls, \"-panel-disabled\"), disabled));\n var sharedSliderProps = {\n prefixCls: prefixCls,\n disabled: disabled,\n color: colorValue\n };\n var defaultPanel = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Picker, _extends({\n onChange: handleChange\n }, sharedSliderProps, {\n onChangeComplete: onChangeComplete\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-slider-container\")\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-slider-group\"), _defineProperty({}, \"\".concat(prefixCls, \"-slider-group-disabled-alpha\"), disabledAlpha))\n }, /*#__PURE__*/React.createElement(Slider, _extends({}, sharedSliderProps, {\n type: \"hue\",\n colors: HUE_COLORS,\n min: 0,\n max: 359,\n value: colorValue.getHue(),\n onChange: onHueChange,\n onChangeComplete: onHueChangeComplete\n })), !disabledAlpha && /*#__PURE__*/React.createElement(Slider, _extends({}, sharedSliderProps, {\n type: \"alpha\",\n colors: [{\n percent: 0,\n color: 'rgba(255, 0, 4, 0)'\n }, {\n percent: 100,\n color: alphaColor\n }],\n min: 0,\n max: 100,\n value: colorValue.a * 100,\n onChange: onAlphaChange,\n onChangeComplete: onAlphaChangeComplete\n }))), /*#__PURE__*/React.createElement(ColorBlock, {\n color: colorValue.toRgbString(),\n prefixCls: prefixCls\n })));\n return /*#__PURE__*/React.createElement(\"div\", {\n className: mergeCls,\n style: style,\n ref: ref\n }, typeof panelRender === 'function' ? panelRender(defaultPanel) : defaultPanel);\n});\nif (process.env.NODE_ENV !== 'production') {\n ColorPicker.displayName = 'ColorPicker';\n}\nexport default ColorPicker;","import * as React from 'react';\nimport Slider from \"../components/Slider\";\nexport default function useComponent(components) {\n return React.useMemo(function () {\n var _ref = components || {},\n slider = _ref.slider;\n return [slider || Slider];\n }, [components]);\n}","import ColorPicker from \"./ColorPicker\";\nexport { Color } from \"./color\";\nexport { default as ColorBlock } from \"./components/ColorBlock\";\nexport * from \"./interface\";\nexport default ColorPicker;","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\n/* eslint-disable class-methods-use-this */\nimport { Color as RcColor } from '@rc-component/color-picker';\nexport const toHexFormat = (value, alpha) => (value === null || value === void 0 ? void 0 : value.replace(/[^\\w/]/gi, '').slice(0, alpha ? 8 : 6)) || '';\nexport const getHex = (value, alpha) => value ? toHexFormat(value, alpha) : '';\nexport let AggregationColor = /*#__PURE__*/function () {\n function AggregationColor(color) {\n _classCallCheck(this, AggregationColor);\n var _a;\n this.cleared = false;\n // Clone from another AggregationColor\n if (color instanceof AggregationColor) {\n this.metaColor = color.metaColor.clone();\n this.colors = (_a = color.colors) === null || _a === void 0 ? void 0 : _a.map(info => ({\n color: new AggregationColor(info.color),\n percent: info.percent\n }));\n this.cleared = color.cleared;\n return;\n }\n const isArray = Array.isArray(color);\n if (isArray && color.length) {\n this.colors = color.map(_ref => {\n let {\n color: c,\n percent\n } = _ref;\n return {\n color: new AggregationColor(c),\n percent\n };\n });\n this.metaColor = new RcColor(this.colors[0].color.metaColor);\n } else {\n this.metaColor = new RcColor(isArray ? '' : color);\n }\n if (!color || isArray && !this.colors) {\n this.metaColor = this.metaColor.setA(0);\n this.cleared = true;\n }\n }\n return _createClass(AggregationColor, [{\n key: \"toHsb\",\n value: function toHsb() {\n return this.metaColor.toHsb();\n }\n }, {\n key: \"toHsbString\",\n value: function toHsbString() {\n return this.metaColor.toHsbString();\n }\n }, {\n key: \"toHex\",\n value: function toHex() {\n return getHex(this.toHexString(), this.metaColor.a < 1);\n }\n }, {\n key: \"toHexString\",\n value: function toHexString() {\n return this.metaColor.toHexString();\n }\n }, {\n key: \"toRgb\",\n value: function toRgb() {\n return this.metaColor.toRgb();\n }\n }, {\n key: \"toRgbString\",\n value: function toRgbString() {\n return this.metaColor.toRgbString();\n }\n }, {\n key: \"isGradient\",\n value: function isGradient() {\n return !!this.colors && !this.cleared;\n }\n }, {\n key: \"getColors\",\n value: function getColors() {\n return this.colors || [{\n color: this,\n percent: 0\n }];\n }\n }, {\n key: \"toCssString\",\n value: function toCssString() {\n const {\n colors\n } = this;\n // CSS line-gradient\n if (colors) {\n const colorsStr = colors.map(c => `${c.color.toRgbString()} ${c.percent}%`).join(', ');\n return `linear-gradient(90deg, ${colorsStr})`;\n }\n return this.metaColor.toRgbString();\n }\n }, {\n key: \"equals\",\n value: function equals(color) {\n if (!color || this.isGradient() !== color.isGradient()) {\n return false;\n }\n if (!this.isGradient()) {\n return this.toHexString() === color.toHexString();\n }\n return this.colors.length === color.colors.length && this.colors.every((c, i) => {\n const target = color.colors[i];\n return c.percent === target.percent && c.color.equals(target.color);\n });\n }\n }]);\n}();","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nvar calcThumbStyle = function calcThumbStyle(targetElement) {\n return targetElement ? {\n left: targetElement.offsetLeft,\n right: targetElement.parentElement.clientWidth - targetElement.clientWidth - targetElement.offsetLeft,\n width: targetElement.clientWidth\n } : null;\n};\nvar toPX = function toPX(value) {\n return value !== undefined ? \"\".concat(value, \"px\") : undefined;\n};\nexport default function MotionThumb(props) {\n var prefixCls = props.prefixCls,\n containerRef = props.containerRef,\n value = props.value,\n getValueIndex = props.getValueIndex,\n motionName = props.motionName,\n onMotionStart = props.onMotionStart,\n onMotionEnd = props.onMotionEnd,\n direction = props.direction;\n var thumbRef = React.useRef(null);\n var _React$useState = React.useState(value),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n prevValue = _React$useState2[0],\n setPrevValue = _React$useState2[1];\n\n // =========================== Effect ===========================\n var findValueElement = function findValueElement(val) {\n var _containerRef$current;\n var index = getValueIndex(val);\n var ele = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelectorAll(\".\".concat(prefixCls, \"-item\"))[index];\n return (ele === null || ele === void 0 ? void 0 : ele.offsetParent) && ele;\n };\n var _React$useState3 = React.useState(null),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n prevStyle = _React$useState4[0],\n setPrevStyle = _React$useState4[1];\n var _React$useState5 = React.useState(null),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n nextStyle = _React$useState6[0],\n setNextStyle = _React$useState6[1];\n useLayoutEffect(function () {\n if (prevValue !== value) {\n var prev = findValueElement(prevValue);\n var next = findValueElement(value);\n var calcPrevStyle = calcThumbStyle(prev);\n var calcNextStyle = calcThumbStyle(next);\n setPrevValue(value);\n setPrevStyle(calcPrevStyle);\n setNextStyle(calcNextStyle);\n if (prev && next) {\n onMotionStart();\n } else {\n onMotionEnd();\n }\n }\n }, [value]);\n var thumbStart = React.useMemo(function () {\n return direction === 'rtl' ? toPX(-(prevStyle === null || prevStyle === void 0 ? void 0 : prevStyle.right)) : toPX(prevStyle === null || prevStyle === void 0 ? void 0 : prevStyle.left);\n }, [direction, prevStyle]);\n var thumbActive = React.useMemo(function () {\n return direction === 'rtl' ? toPX(-(nextStyle === null || nextStyle === void 0 ? void 0 : nextStyle.right)) : toPX(nextStyle === null || nextStyle === void 0 ? void 0 : nextStyle.left);\n }, [direction, nextStyle]);\n\n // =========================== Motion ===========================\n var onAppearStart = function onAppearStart() {\n return {\n transform: \"translateX(var(--thumb-start-left))\",\n width: \"var(--thumb-start-width)\"\n };\n };\n var onAppearActive = function onAppearActive() {\n return {\n transform: \"translateX(var(--thumb-active-left))\",\n width: \"var(--thumb-active-width)\"\n };\n };\n var onVisibleChanged = function onVisibleChanged() {\n setPrevStyle(null);\n setNextStyle(null);\n onMotionEnd();\n };\n\n // =========================== Render ===========================\n // No need motion when nothing exist in queue\n if (!prevStyle || !nextStyle) {\n return null;\n }\n return /*#__PURE__*/React.createElement(CSSMotion, {\n visible: true,\n motionName: motionName,\n motionAppear: true,\n onAppearStart: onAppearStart,\n onAppearActive: onAppearActive,\n onVisibleChanged: onVisibleChanged\n }, function (_ref, ref) {\n var motionClassName = _ref.className,\n motionStyle = _ref.style;\n var mergedStyle = _objectSpread(_objectSpread({}, motionStyle), {}, {\n '--thumb-start-left': thumbStart,\n '--thumb-start-width': toPX(prevStyle === null || prevStyle === void 0 ? void 0 : prevStyle.width),\n '--thumb-active-left': thumbActive,\n '--thumb-active-width': toPX(nextStyle === null || nextStyle === void 0 ? void 0 : nextStyle.width)\n });\n\n // It's little ugly which should be refactor when @umi/test update to latest jsdom\n var motionProps = {\n ref: composeRef(thumbRef, ref),\n style: mergedStyle,\n className: classNames(\"\".concat(prefixCls, \"-thumb\"), motionClassName)\n };\n if (process.env.NODE_ENV === 'test') {\n motionProps['data-test-style'] = JSON.stringify(mergedStyle);\n }\n return /*#__PURE__*/React.createElement(\"div\", motionProps);\n });\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nvar _excluded = [\"prefixCls\", \"direction\", \"options\", \"disabled\", \"defaultValue\", \"value\", \"onChange\", \"className\", \"motionName\"];\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport omit from \"rc-util/es/omit\";\nimport MotionThumb from \"./MotionThumb\";\nfunction getValidTitle(option) {\n if (typeof option.title !== 'undefined') {\n return option.title;\n }\n\n // read `label` when title is `undefined`\n if (_typeof(option.label) !== 'object') {\n var _option$label;\n return (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toString();\n }\n}\nfunction normalizeOptions(options) {\n return options.map(function (option) {\n if (_typeof(option) === 'object' && option !== null) {\n var validTitle = getValidTitle(option);\n return _objectSpread(_objectSpread({}, option), {}, {\n title: validTitle\n });\n }\n return {\n label: option === null || option === void 0 ? void 0 : option.toString(),\n title: option === null || option === void 0 ? void 0 : option.toString(),\n value: option\n };\n });\n}\nvar InternalSegmentedOption = function InternalSegmentedOption(_ref) {\n var prefixCls = _ref.prefixCls,\n className = _ref.className,\n disabled = _ref.disabled,\n checked = _ref.checked,\n label = _ref.label,\n title = _ref.title,\n value = _ref.value,\n onChange = _ref.onChange;\n var handleChange = function handleChange(event) {\n if (disabled) {\n return;\n }\n onChange(event, value);\n };\n return /*#__PURE__*/React.createElement(\"label\", {\n className: classNames(className, _defineProperty({}, \"\".concat(prefixCls, \"-item-disabled\"), disabled))\n }, /*#__PURE__*/React.createElement(\"input\", {\n className: \"\".concat(prefixCls, \"-item-input\"),\n type: \"radio\",\n disabled: disabled,\n checked: checked,\n onChange: handleChange\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-item-label\"),\n title: title\n }, label));\n};\nvar Segmented = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _segmentedOptions$, _classNames2;\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-segmented' : _props$prefixCls,\n direction = props.direction,\n _props$options = props.options,\n options = _props$options === void 0 ? [] : _props$options,\n disabled = props.disabled,\n defaultValue = props.defaultValue,\n value = props.value,\n onChange = props.onChange,\n _props$className = props.className,\n className = _props$className === void 0 ? '' : _props$className,\n _props$motionName = props.motionName,\n motionName = _props$motionName === void 0 ? 'thumb-motion' : _props$motionName,\n restProps = _objectWithoutProperties(props, _excluded);\n var containerRef = React.useRef(null);\n var mergedRef = React.useMemo(function () {\n return composeRef(containerRef, ref);\n }, [containerRef, ref]);\n var segmentedOptions = React.useMemo(function () {\n return normalizeOptions(options);\n }, [options]);\n\n // Note: We should not auto switch value when value not exist in options\n // which may break single source of truth.\n var _useMergedState = useMergedState((_segmentedOptions$ = segmentedOptions[0]) === null || _segmentedOptions$ === void 0 ? void 0 : _segmentedOptions$.value, {\n value: value,\n defaultValue: defaultValue\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n rawValue = _useMergedState2[0],\n setRawValue = _useMergedState2[1];\n\n // ======================= Change ========================\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n thumbShow = _React$useState2[0],\n setThumbShow = _React$useState2[1];\n var handleChange = function handleChange(event, val) {\n if (disabled) {\n return;\n }\n setRawValue(val);\n onChange === null || onChange === void 0 || onChange(val);\n };\n var divProps = omit(restProps, ['children']);\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, divProps, {\n className: classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), _defineProperty(_classNames2, \"\".concat(prefixCls, \"-disabled\"), disabled), _classNames2), className),\n ref: mergedRef\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-group\")\n }, /*#__PURE__*/React.createElement(MotionThumb, {\n prefixCls: prefixCls,\n value: rawValue,\n containerRef: containerRef,\n motionName: \"\".concat(prefixCls, \"-\").concat(motionName),\n direction: direction,\n getValueIndex: function getValueIndex(val) {\n return segmentedOptions.findIndex(function (n) {\n return n.value === val;\n });\n },\n onMotionStart: function onMotionStart() {\n setThumbShow(true);\n },\n onMotionEnd: function onMotionEnd() {\n setThumbShow(false);\n }\n }), segmentedOptions.map(function (segmentedOption) {\n return /*#__PURE__*/React.createElement(InternalSegmentedOption, _extends({}, segmentedOption, {\n key: segmentedOption.value,\n prefixCls: prefixCls,\n className: classNames(segmentedOption.className, \"\".concat(prefixCls, \"-item\"), _defineProperty({}, \"\".concat(prefixCls, \"-item-selected\"), segmentedOption.value === rawValue && !thumbShow)),\n checked: segmentedOption.value === rawValue,\n onChange: handleChange,\n disabled: !!disabled || !!segmentedOption.disabled\n }));\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Segmented.displayName = 'Segmented';\n}\nvar TypedSegmented = Segmented;\nexport default TypedSegmented;","import { unit } from '@ant-design/cssinjs';\nimport { resetComponent, textEllipsis } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\n// ============================== Mixins ==============================\nfunction getItemDisabledStyle(cls, token) {\n return {\n [`${cls}, ${cls}:hover, ${cls}:focus`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed'\n }\n };\n}\nfunction getItemSelectedStyle(token) {\n return {\n backgroundColor: token.itemSelectedBg,\n boxShadow: token.boxShadowTertiary\n };\n}\nconst segmentedTextEllipsisCss = Object.assign({\n overflow: 'hidden'\n}, textEllipsis);\n// ============================== Styles ==============================\nconst genSegmentedStyle = token => {\n const {\n componentCls\n } = token;\n const labelHeight = token.calc(token.controlHeight).sub(token.calc(token.trackPadding).mul(2)).equal();\n const labelHeightLG = token.calc(token.controlHeightLG).sub(token.calc(token.trackPadding).mul(2)).equal();\n const labelHeightSM = token.calc(token.controlHeightSM).sub(token.calc(token.trackPadding).mul(2)).equal();\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'inline-block',\n padding: token.trackPadding,\n color: token.itemColor,\n background: token.trackBg,\n borderRadius: token.borderRadius,\n transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,\n [`${componentCls}-group`]: {\n position: 'relative',\n display: 'flex',\n alignItems: 'stretch',\n justifyItems: 'flex-start',\n width: '100%'\n },\n // RTL styles\n [`&${componentCls}-rtl`]: {\n direction: 'rtl'\n },\n // block styles\n [`&${componentCls}-block`]: {\n display: 'flex'\n },\n [`&${componentCls}-block ${componentCls}-item`]: {\n flex: 1,\n minWidth: 0\n },\n // item styles\n [`${componentCls}-item`]: {\n position: 'relative',\n textAlign: 'center',\n cursor: 'pointer',\n transition: `color ${token.motionDurationMid} ${token.motionEaseInOut}`,\n borderRadius: token.borderRadiusSM,\n // Fix Safari render bug\n // https://github.com/ant-design/ant-design/issues/45250\n transform: 'translateZ(0)',\n '&-selected': Object.assign(Object.assign({}, getItemSelectedStyle(token)), {\n color: token.itemSelectedColor\n }),\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n zIndex: -1,\n width: '100%',\n height: '100%',\n top: 0,\n insetInlineStart: 0,\n borderRadius: 'inherit',\n transition: `background-color ${token.motionDurationMid}`,\n // This is mandatory to make it not clickable or hoverable\n // Ref: https://github.com/ant-design/ant-design/issues/40888\n pointerEvents: 'none'\n },\n [`&:hover:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)`]: {\n color: token.itemHoverColor,\n '&::after': {\n backgroundColor: token.itemHoverBg\n }\n },\n [`&:active:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)`]: {\n color: token.itemHoverColor,\n '&::after': {\n backgroundColor: token.itemActiveBg\n }\n },\n '&-label': Object.assign({\n minHeight: labelHeight,\n lineHeight: unit(labelHeight),\n padding: `0 ${unit(token.segmentedPaddingHorizontal)}`\n }, segmentedTextEllipsisCss),\n // syntactic sugar to add `icon` for Segmented Item\n '&-icon + *': {\n marginInlineStart: token.calc(token.marginSM).div(2).equal()\n },\n '&-input': {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n width: 0,\n height: 0,\n opacity: 0,\n pointerEvents: 'none'\n }\n },\n // thumb styles\n [`${componentCls}-thumb`]: Object.assign(Object.assign({}, getItemSelectedStyle(token)), {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n width: 0,\n height: '100%',\n padding: `${unit(token.paddingXXS)} 0`,\n borderRadius: token.borderRadiusSM,\n [`& ~ ${componentCls}-item:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)::after`]: {\n backgroundColor: 'transparent'\n }\n }),\n // size styles\n [`&${componentCls}-lg`]: {\n borderRadius: token.borderRadiusLG,\n [`${componentCls}-item-label`]: {\n minHeight: labelHeightLG,\n lineHeight: unit(labelHeightLG),\n padding: `0 ${unit(token.segmentedPaddingHorizontal)}`,\n fontSize: token.fontSizeLG\n },\n [`${componentCls}-item, ${componentCls}-thumb`]: {\n borderRadius: token.borderRadius\n }\n },\n [`&${componentCls}-sm`]: {\n borderRadius: token.borderRadiusSM,\n [`${componentCls}-item-label`]: {\n minHeight: labelHeightSM,\n lineHeight: unit(labelHeightSM),\n padding: `0 ${unit(token.segmentedPaddingHorizontalSM)}`\n },\n [`${componentCls}-item, ${componentCls}-thumb`]: {\n borderRadius: token.borderRadiusXS\n }\n }\n }), getItemDisabledStyle(`&-disabled ${componentCls}-item`, token)), getItemDisabledStyle(`${componentCls}-item-disabled`, token)), {\n // transition effect when `appear-active`\n [`${componentCls}-thumb-motion-appear-active`]: {\n transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOut}, width ${token.motionDurationSlow} ${token.motionEaseInOut}`,\n willChange: 'transform, width'\n }\n })\n };\n};\n// ============================== Export ==============================\nexport const prepareComponentToken = token => {\n const {\n colorTextLabel,\n colorText,\n colorFillSecondary,\n colorBgElevated,\n colorFill,\n lineWidthBold,\n colorBgLayout\n } = token;\n return {\n trackPadding: lineWidthBold,\n trackBg: colorBgLayout,\n itemColor: colorTextLabel,\n itemHoverColor: colorText,\n itemHoverBg: colorFillSecondary,\n itemSelectedBg: colorBgElevated,\n itemActiveBg: colorFill,\n itemSelectedColor: colorText\n };\n};\nexport default genStyleHooks('Segmented', token => {\n const {\n lineWidth,\n calc\n } = token;\n const segmentedToken = mergeToken(token, {\n segmentedPaddingHorizontal: calc(token.controlPaddingHorizontal).sub(lineWidth).equal(),\n segmentedPaddingHorizontalSM: calc(token.controlPaddingHorizontalSM).sub(lineWidth).equal()\n });\n return [genSegmentedStyle(segmentedToken)];\n}, prepareComponentToken);","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport RcSegmented from 'rc-segmented';\nimport { ConfigContext } from '../config-provider';\nimport useSize from '../config-provider/hooks/useSize';\nimport useStyle from './style';\nfunction isSegmentedLabeledOptionWithIcon(option) {\n return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);\n}\nconst InternalSegmented = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls: customizePrefixCls,\n className,\n rootClassName,\n block,\n options = [],\n size: customSize = 'middle',\n style\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"className\", \"rootClassName\", \"block\", \"options\", \"size\", \"style\"]);\n const {\n getPrefixCls,\n direction,\n segmented\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('segmented', customizePrefixCls);\n // Style\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n // ===================== Size =====================\n const mergedSize = useSize(customSize);\n // syntactic sugar to support `icon` for Segmented Item\n const extendedOptions = React.useMemo(() => options.map(option => {\n if (isSegmentedLabeledOptionWithIcon(option)) {\n const {\n icon,\n label\n } = option,\n restOption = __rest(option, [\"icon\", \"label\"]);\n return Object.assign(Object.assign({}, restOption), {\n label: ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-item-icon`\n }, icon), label && /*#__PURE__*/React.createElement(\"span\", null, label)))\n });\n }\n return option;\n }), [options, prefixCls]);\n const cls = classNames(className, rootClassName, segmented === null || segmented === void 0 ? void 0 : segmented.className, {\n [`${prefixCls}-block`]: block,\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large'\n }, hashId, cssVarCls);\n const mergedStyle = Object.assign(Object.assign({}, segmented === null || segmented === void 0 ? void 0 : segmented.style), style);\n return wrapCSSVar( /*#__PURE__*/React.createElement(RcSegmented, Object.assign({}, restProps, {\n className: cls,\n style: mergedStyle,\n options: extendedOptions,\n ref: ref,\n prefixCls: prefixCls,\n direction: direction\n })));\n});\nconst Segmented = InternalSegmented;\nif (process.env.NODE_ENV !== 'production') {\n Segmented.displayName = 'Segmented';\n}\nexport default Segmented;","export var ColorFormat;\n(function (ColorFormat) {\n ColorFormat[\"hex\"] = \"hex\";\n ColorFormat[\"rgb\"] = \"rgb\";\n ColorFormat[\"hsb\"] = \"hsb\";\n})(ColorFormat || (ColorFormat = {}));","import React from 'react';\nexport const PanelPickerContext = /*#__PURE__*/React.createContext({});\nexport const PanelPresetsContext = /*#__PURE__*/React.createContext({});","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport { Color as RcColor } from '@rc-component/color-picker';\nimport { AggregationColor } from './color';\nexport const generateColor = color => {\n if (color instanceof AggregationColor) {\n return color;\n }\n return new AggregationColor(color);\n};\nexport const getRoundNumber = value => Math.round(Number(value || 0));\nexport const getColorAlpha = color => getRoundNumber(color.toHsb().a * 100);\n/** Return the color whose `alpha` is 1 */\nexport const genAlphaColor = (color, alpha) => {\n const hsba = color.toHsb();\n hsba.a = alpha || 1;\n return generateColor(hsba);\n};\n/**\n * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888\n */\nexport const getGradientPercentColor = (colors, percent) => {\n const filledColors = [{\n percent: 0,\n color: colors[0].color\n }].concat(_toConsumableArray(colors), [{\n percent: 100,\n color: colors[colors.length - 1].color\n }]);\n for (let i = 0; i < filledColors.length - 1; i += 1) {\n const startPtg = filledColors[i].percent;\n const endPtg = filledColors[i + 1].percent;\n const startColor = filledColors[i].color;\n const endColor = filledColors[i + 1].color;\n if (startPtg <= percent && percent <= endPtg) {\n const dist = endPtg - startPtg;\n if (dist === 0) {\n return startColor;\n }\n const ratio = (percent - startPtg) / dist * 100;\n const startRcColor = new RcColor(startColor);\n const endRcColor = new RcColor(endColor);\n return startRcColor.mix(endRcColor, ratio).toRgbString();\n }\n }\n // This will never reach\n /* istanbul ignore next */\n return '';\n};","\"use client\";\n\nimport React from 'react';\nimport { generateColor } from '../util';\nconst ColorClear = _ref => {\n let {\n prefixCls,\n value,\n onChange\n } = _ref;\n const handleClick = () => {\n if (onChange && value && !value.cleared) {\n const hsba = value.toHsb();\n hsba.a = 0;\n const genColor = generateColor(hsba);\n genColor.cleared = true;\n onChange(genColor);\n }\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-clear`,\n onClick: handleClick\n });\n};\nexport default ColorClear;","\"use client\";\n\nimport React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport InputNumber from '../../input-number';\nconst ColorSteppers = _ref => {\n let {\n prefixCls,\n min = 0,\n max = 100,\n value,\n onChange,\n className,\n formatter\n } = _ref;\n const colorSteppersPrefixCls = `${prefixCls}-steppers`;\n const [stepValue, setStepValue] = useState(value);\n // Update step value\n useEffect(() => {\n if (!Number.isNaN(value)) {\n setStepValue(value);\n }\n }, [value]);\n return /*#__PURE__*/React.createElement(InputNumber, {\n className: classNames(colorSteppersPrefixCls, className),\n min: min,\n max: max,\n value: stepValue,\n formatter: formatter,\n size: \"small\",\n onChange: step => {\n if (!value) {\n setStepValue(step || 0);\n }\n onChange === null || onChange === void 0 ? void 0 : onChange(step);\n }\n });\n};\nexport default ColorSteppers;","\"use client\";\n\nimport React, { useEffect, useState } from 'react';\nimport { generateColor, getColorAlpha } from '../util';\nimport ColorSteppers from './ColorSteppers';\nconst ColorAlphaInput = _ref => {\n let {\n prefixCls,\n value,\n onChange\n } = _ref;\n const colorAlphaInputPrefixCls = `${prefixCls}-alpha-input`;\n const [alphaValue, setAlphaValue] = useState(generateColor(value || '#000'));\n // Update step value\n useEffect(() => {\n if (value) {\n setAlphaValue(value);\n }\n }, [value]);\n const handleAlphaChange = step => {\n const hsba = alphaValue.toHsb();\n hsba.a = (step || 0) / 100;\n const genColor = generateColor(hsba);\n if (!value) {\n setAlphaValue(genColor);\n }\n onChange === null || onChange === void 0 ? void 0 : onChange(genColor);\n };\n return /*#__PURE__*/React.createElement(ColorSteppers, {\n value: getColorAlpha(alphaValue),\n prefixCls: prefixCls,\n formatter: step => `${step}%`,\n className: colorAlphaInputPrefixCls,\n onChange: handleAlphaChange\n });\n};\nexport default ColorAlphaInput;","\"use client\";\n\nimport React, { useEffect, useState } from 'react';\nimport Input from '../../input';\nimport { toHexFormat } from '../color';\nimport { generateColor } from '../util';\nconst hexReg = /(^#[\\da-f]{6}$)|(^#[\\da-f]{8}$)/i;\nconst isHexString = hex => hexReg.test(`#${hex}`);\nconst ColorHexInput = _ref => {\n let {\n prefixCls,\n value,\n onChange\n } = _ref;\n const colorHexInputPrefixCls = `${prefixCls}-hex-input`;\n const [hexValue, setHexValue] = useState(() => value ? toHexFormat(value.toHexString()) : undefined);\n // Update step value\n useEffect(() => {\n if (value) {\n setHexValue(toHexFormat(value.toHexString()));\n }\n }, [value]);\n const handleHexChange = e => {\n const originValue = e.target.value;\n setHexValue(toHexFormat(originValue));\n if (isHexString(toHexFormat(originValue, true))) {\n onChange === null || onChange === void 0 ? void 0 : onChange(generateColor(originValue));\n }\n };\n return /*#__PURE__*/React.createElement(Input, {\n className: colorHexInputPrefixCls,\n value: hexValue,\n prefix: \"#\",\n onChange: handleHexChange,\n size: \"small\"\n });\n};\nexport default ColorHexInput;","\"use client\";\n\nimport React, { useEffect, useState } from 'react';\nimport { generateColor, getRoundNumber } from '../util';\nimport ColorSteppers from './ColorSteppers';\nconst ColorHsbInput = _ref => {\n let {\n prefixCls,\n value,\n onChange\n } = _ref;\n const colorHsbInputPrefixCls = `${prefixCls}-hsb-input`;\n const [hsbValue, setHsbValue] = useState(generateColor(value || '#000'));\n // Update step value\n useEffect(() => {\n if (value) {\n setHsbValue(value);\n }\n }, [value]);\n const handleHsbChange = (step, type) => {\n const hsb = hsbValue.toHsb();\n hsb[type] = type === 'h' ? step : (step || 0) / 100;\n const genColor = generateColor(hsb);\n if (!value) {\n setHsbValue(genColor);\n }\n onChange === null || onChange === void 0 ? void 0 : onChange(genColor);\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n className: colorHsbInputPrefixCls\n }, /*#__PURE__*/React.createElement(ColorSteppers, {\n max: 360,\n min: 0,\n value: Number(hsbValue.toHsb().h),\n prefixCls: prefixCls,\n className: colorHsbInputPrefixCls,\n formatter: step => getRoundNumber(step || 0).toString(),\n onChange: step => handleHsbChange(Number(step), 'h')\n }), /*#__PURE__*/React.createElement(ColorSteppers, {\n max: 100,\n min: 0,\n value: Number(hsbValue.toHsb().s) * 100,\n prefixCls: prefixCls,\n className: colorHsbInputPrefixCls,\n formatter: step => `${getRoundNumber(step || 0)}%`,\n onChange: step => handleHsbChange(Number(step), 's')\n }), /*#__PURE__*/React.createElement(ColorSteppers, {\n max: 100,\n min: 0,\n value: Number(hsbValue.toHsb().b) * 100,\n prefixCls: prefixCls,\n className: colorHsbInputPrefixCls,\n formatter: step => `${getRoundNumber(step || 0)}%`,\n onChange: step => handleHsbChange(Number(step), 'b')\n }));\n};\nexport default ColorHsbInput;","\"use client\";\n\nimport React, { useEffect, useState } from 'react';\nimport { generateColor } from '../util';\nimport ColorSteppers from './ColorSteppers';\nconst ColorRgbInput = _ref => {\n let {\n prefixCls,\n value,\n onChange\n } = _ref;\n const colorRgbInputPrefixCls = `${prefixCls}-rgb-input`;\n const [rgbValue, setRgbValue] = useState(generateColor(value || '#000'));\n // Update step value\n useEffect(() => {\n if (value) {\n setRgbValue(value);\n }\n }, [value]);\n const handleRgbChange = (step, type) => {\n const rgb = rgbValue.toRgb();\n rgb[type] = step || 0;\n const genColor = generateColor(rgb);\n if (!value) {\n setRgbValue(genColor);\n }\n onChange === null || onChange === void 0 ? void 0 : onChange(genColor);\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n className: colorRgbInputPrefixCls\n }, /*#__PURE__*/React.createElement(ColorSteppers, {\n max: 255,\n min: 0,\n value: Number(rgbValue.toRgb().r),\n prefixCls: prefixCls,\n className: colorRgbInputPrefixCls,\n onChange: step => handleRgbChange(Number(step), 'r')\n }), /*#__PURE__*/React.createElement(ColorSteppers, {\n max: 255,\n min: 0,\n value: Number(rgbValue.toRgb().g),\n prefixCls: prefixCls,\n className: colorRgbInputPrefixCls,\n onChange: step => handleRgbChange(Number(step), 'g')\n }), /*#__PURE__*/React.createElement(ColorSteppers, {\n max: 255,\n min: 0,\n value: Number(rgbValue.toRgb().b),\n prefixCls: prefixCls,\n className: colorRgbInputPrefixCls,\n onChange: step => handleRgbChange(Number(step), 'b')\n }));\n};\nexport default ColorRgbInput;","\"use client\";\n\nimport React, { useMemo } from 'react';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport Select from '../../select';\nimport { ColorFormat } from '../interface';\nimport ColorAlphaInput from './ColorAlphaInput';\nimport ColorHexInput from './ColorHexInput';\nimport ColorHsbInput from './ColorHsbInput';\nimport ColorRgbInput from './ColorRgbInput';\nconst selectOptions = [ColorFormat.hex, ColorFormat.hsb, ColorFormat.rgb].map(format => ({\n value: format,\n label: format.toLocaleUpperCase()\n}));\nconst ColorInput = props => {\n const {\n prefixCls,\n format,\n value,\n disabledAlpha,\n onFormatChange,\n onChange\n } = props;\n const [colorFormat, setColorFormat] = useMergedState(ColorFormat.hex, {\n value: format,\n onChange: onFormatChange\n });\n const colorInputPrefixCls = `${prefixCls}-input`;\n const handleFormatChange = newFormat => {\n setColorFormat(newFormat);\n };\n const steppersNode = useMemo(() => {\n const inputProps = {\n value,\n prefixCls,\n onChange\n };\n switch (colorFormat) {\n case ColorFormat.hsb:\n return /*#__PURE__*/React.createElement(ColorHsbInput, Object.assign({}, inputProps));\n case ColorFormat.rgb:\n return /*#__PURE__*/React.createElement(ColorRgbInput, Object.assign({}, inputProps));\n // case ColorFormat.hex:\n default:\n return /*#__PURE__*/React.createElement(ColorHexInput, Object.assign({}, inputProps));\n }\n }, [colorFormat, prefixCls, value, onChange]);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: `${colorInputPrefixCls}-container`\n }, /*#__PURE__*/React.createElement(Select, {\n value: colorFormat,\n variant: \"borderless\",\n getPopupContainer: current => current,\n popupMatchSelectWidth: 68,\n placement: \"bottomRight\",\n onChange: handleFormatChange,\n className: `${prefixCls}-format-select`,\n size: \"small\",\n options: selectOptions\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: colorInputPrefixCls\n }, steppersNode), !disabledAlpha && ( /*#__PURE__*/React.createElement(ColorAlphaInput, {\n prefixCls: prefixCls,\n value: value,\n onChange: onChange\n })));\n};\nexport default ColorInput;","export function getOffset(value, min, max) {\n return (value - min) / (max - min);\n}\nexport function getDirectionStyle(direction, value, min, max) {\n var offset = getOffset(value, min, max);\n var positionStyle = {};\n switch (direction) {\n case 'rtl':\n positionStyle.right = \"\".concat(offset * 100, \"%\");\n positionStyle.transform = 'translateX(50%)';\n break;\n case 'btt':\n positionStyle.bottom = \"\".concat(offset * 100, \"%\");\n positionStyle.transform = 'translateY(50%)';\n break;\n case 'ttb':\n positionStyle.top = \"\".concat(offset * 100, \"%\");\n positionStyle.transform = 'translateY(-50%)';\n break;\n default:\n positionStyle.left = \"\".concat(offset * 100, \"%\");\n positionStyle.transform = 'translateX(-50%)';\n break;\n }\n return positionStyle;\n}\n\n/** Return index value if is list or return value directly */\nexport function getIndex(value, index) {\n return Array.isArray(value) ? value[index] : value;\n}","import * as React from 'react';\nvar SliderContext = /*#__PURE__*/React.createContext({\n min: 0,\n max: 0,\n direction: 'ltr',\n step: 1,\n includedStart: 0,\n includedEnd: 0,\n tabIndex: 0,\n keyboard: true,\n styles: {},\n classNames: {}\n});\nexport default SliderContext;\n/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */\nexport var UnstableContext = /*#__PURE__*/React.createContext({});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"value\", \"valueIndex\", \"onStartMove\", \"onDelete\", \"style\", \"render\", \"dragging\", \"draggingDelete\", \"onOffsetChange\", \"onChangeComplete\", \"onFocus\", \"onMouseEnter\"];\nimport cls from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getDirectionStyle, getIndex } from \"../util\";\nvar Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var prefixCls = props.prefixCls,\n value = props.value,\n valueIndex = props.valueIndex,\n onStartMove = props.onStartMove,\n onDelete = props.onDelete,\n style = props.style,\n render = props.render,\n dragging = props.dragging,\n draggingDelete = props.draggingDelete,\n onOffsetChange = props.onOffsetChange,\n onChangeComplete = props.onChangeComplete,\n onFocus = props.onFocus,\n onMouseEnter = props.onMouseEnter,\n restProps = _objectWithoutProperties(props, _excluded);\n var _React$useContext = React.useContext(SliderContext),\n min = _React$useContext.min,\n max = _React$useContext.max,\n direction = _React$useContext.direction,\n disabled = _React$useContext.disabled,\n keyboard = _React$useContext.keyboard,\n range = _React$useContext.range,\n tabIndex = _React$useContext.tabIndex,\n ariaLabelForHandle = _React$useContext.ariaLabelForHandle,\n ariaLabelledByForHandle = _React$useContext.ariaLabelledByForHandle,\n ariaValueTextFormatterForHandle = _React$useContext.ariaValueTextFormatterForHandle,\n styles = _React$useContext.styles,\n classNames = _React$useContext.classNames;\n var handlePrefixCls = \"\".concat(prefixCls, \"-handle\");\n\n // ============================ Events ============================\n var onInternalStartMove = function onInternalStartMove(e) {\n if (!disabled) {\n onStartMove(e, valueIndex);\n }\n };\n var onInternalFocus = function onInternalFocus(e) {\n onFocus === null || onFocus === void 0 || onFocus(e, valueIndex);\n };\n var onInternalMouseEnter = function onInternalMouseEnter(e) {\n onMouseEnter(e, valueIndex);\n };\n\n // =========================== Keyboard ===========================\n var onKeyDown = function onKeyDown(e) {\n if (!disabled && keyboard) {\n var offset = null;\n\n // Change the value\n switch (e.which || e.keyCode) {\n case KeyCode.LEFT:\n offset = direction === 'ltr' || direction === 'btt' ? -1 : 1;\n break;\n case KeyCode.RIGHT:\n offset = direction === 'ltr' || direction === 'btt' ? 1 : -1;\n break;\n\n // Up is plus\n case KeyCode.UP:\n offset = direction !== 'ttb' ? 1 : -1;\n break;\n\n // Down is minus\n case KeyCode.DOWN:\n offset = direction !== 'ttb' ? -1 : 1;\n break;\n case KeyCode.HOME:\n offset = 'min';\n break;\n case KeyCode.END:\n offset = 'max';\n break;\n case KeyCode.PAGE_UP:\n offset = 2;\n break;\n case KeyCode.PAGE_DOWN:\n offset = -2;\n break;\n case KeyCode.BACKSPACE:\n case KeyCode.DELETE:\n onDelete(valueIndex);\n break;\n }\n if (offset !== null) {\n e.preventDefault();\n onOffsetChange(offset, valueIndex);\n }\n }\n };\n var handleKeyUp = function handleKeyUp(e) {\n switch (e.which || e.keyCode) {\n case KeyCode.LEFT:\n case KeyCode.RIGHT:\n case KeyCode.UP:\n case KeyCode.DOWN:\n case KeyCode.HOME:\n case KeyCode.END:\n case KeyCode.PAGE_UP:\n case KeyCode.PAGE_DOWN:\n onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete();\n break;\n }\n };\n\n // ============================ Offset ============================\n var positionStyle = getDirectionStyle(direction, value, min, max);\n\n // ============================ Render ============================\n var divProps = {};\n if (valueIndex !== null) {\n var _getIndex;\n divProps = {\n tabIndex: disabled ? null : getIndex(tabIndex, valueIndex),\n role: 'slider',\n 'aria-valuemin': min,\n 'aria-valuemax': max,\n 'aria-valuenow': value,\n 'aria-disabled': disabled,\n 'aria-label': getIndex(ariaLabelForHandle, valueIndex),\n 'aria-labelledby': getIndex(ariaLabelledByForHandle, valueIndex),\n 'aria-valuetext': (_getIndex = getIndex(ariaValueTextFormatterForHandle, valueIndex)) === null || _getIndex === void 0 ? void 0 : _getIndex(value),\n 'aria-orientation': direction === 'ltr' || direction === 'rtl' ? 'horizontal' : 'vertical',\n onMouseDown: onInternalStartMove,\n onTouchStart: onInternalStartMove,\n onFocus: onInternalFocus,\n onMouseEnter: onInternalMouseEnter,\n onKeyDown: onKeyDown,\n onKeyUp: handleKeyUp\n };\n }\n var handleNode = /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: ref,\n className: cls(handlePrefixCls, _defineProperty(_defineProperty(_defineProperty({}, \"\".concat(handlePrefixCls, \"-\").concat(valueIndex + 1), valueIndex !== null && range), \"\".concat(handlePrefixCls, \"-dragging\"), dragging), \"\".concat(handlePrefixCls, \"-dragging-delete\"), draggingDelete), classNames.handle),\n style: _objectSpread(_objectSpread(_objectSpread({}, positionStyle), style), styles.handle)\n }, divProps, restProps));\n\n // Customize\n if (render) {\n handleNode = render(handleNode, {\n index: valueIndex,\n prefixCls: prefixCls,\n value: value,\n dragging: dragging,\n draggingDelete: draggingDelete\n });\n }\n return handleNode;\n});\nif (process.env.NODE_ENV !== 'production') {\n Handle.displayName = 'Handle';\n}\nexport default Handle;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"style\", \"onStartMove\", \"onOffsetChange\", \"values\", \"handleRender\", \"activeHandleRender\", \"draggingIndex\", \"draggingDelete\", \"onFocus\"];\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport { getIndex } from \"../util\";\nimport Handle from \"./Handle\";\nvar Handles = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var prefixCls = props.prefixCls,\n style = props.style,\n onStartMove = props.onStartMove,\n onOffsetChange = props.onOffsetChange,\n values = props.values,\n handleRender = props.handleRender,\n activeHandleRender = props.activeHandleRender,\n draggingIndex = props.draggingIndex,\n draggingDelete = props.draggingDelete,\n onFocus = props.onFocus,\n restProps = _objectWithoutProperties(props, _excluded);\n var handlesRef = React.useRef({});\n\n // =========================== Active ===========================\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n activeVisible = _React$useState2[0],\n setActiveVisible = _React$useState2[1];\n var _React$useState3 = React.useState(-1),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n activeIndex = _React$useState4[0],\n setActiveIndex = _React$useState4[1];\n var onActive = function onActive(index) {\n setActiveIndex(index);\n setActiveVisible(true);\n };\n var onHandleFocus = function onHandleFocus(e, index) {\n onActive(index);\n onFocus === null || onFocus === void 0 || onFocus(e);\n };\n var onHandleMouseEnter = function onHandleMouseEnter(e, index) {\n onActive(index);\n };\n\n // =========================== Render ===========================\n React.useImperativeHandle(ref, function () {\n return {\n focus: function focus(index) {\n var _handlesRef$current$i;\n (_handlesRef$current$i = handlesRef.current[index]) === null || _handlesRef$current$i === void 0 || _handlesRef$current$i.focus();\n },\n hideHelp: function hideHelp() {\n flushSync(function () {\n setActiveVisible(false);\n });\n }\n };\n });\n\n // =========================== Render ===========================\n // Handle Props\n var handleProps = _objectSpread({\n prefixCls: prefixCls,\n onStartMove: onStartMove,\n onOffsetChange: onOffsetChange,\n render: handleRender,\n onFocus: onHandleFocus,\n onMouseEnter: onHandleMouseEnter\n }, restProps);\n return /*#__PURE__*/React.createElement(React.Fragment, null, values.map(function (value, index) {\n var dragging = draggingIndex === index;\n return /*#__PURE__*/React.createElement(Handle, _extends({\n ref: function ref(node) {\n if (!node) {\n delete handlesRef.current[index];\n } else {\n handlesRef.current[index] = node;\n }\n },\n dragging: dragging,\n draggingDelete: dragging && draggingDelete,\n style: getIndex(style, index),\n key: index,\n value: value,\n valueIndex: index\n }, handleProps));\n }), activeHandleRender && activeVisible && /*#__PURE__*/React.createElement(Handle, _extends({\n key: \"a11y\"\n }, handleProps, {\n value: values[activeIndex],\n valueIndex: null,\n dragging: draggingIndex !== -1,\n draggingDelete: draggingDelete,\n render: activeHandleRender,\n style: {\n pointerEvents: 'none'\n },\n tabIndex: null,\n \"aria-hidden\": true\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Handles.displayName = 'Handles';\n}\nexport default Handles;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getDirectionStyle } from \"../util\";\nvar Mark = function Mark(props) {\n var prefixCls = props.prefixCls,\n style = props.style,\n children = props.children,\n value = props.value,\n _onClick = props.onClick;\n var _React$useContext = React.useContext(SliderContext),\n min = _React$useContext.min,\n max = _React$useContext.max,\n direction = _React$useContext.direction,\n includedStart = _React$useContext.includedStart,\n includedEnd = _React$useContext.includedEnd,\n included = _React$useContext.included;\n var textCls = \"\".concat(prefixCls, \"-text\");\n\n // ============================ Offset ============================\n var positionStyle = getDirectionStyle(direction, value, min, max);\n return /*#__PURE__*/React.createElement(\"span\", {\n className: classNames(textCls, _defineProperty({}, \"\".concat(textCls, \"-active\"), included && includedStart <= value && value <= includedEnd)),\n style: _objectSpread(_objectSpread({}, positionStyle), style),\n onMouseDown: function onMouseDown(e) {\n e.stopPropagation();\n },\n onClick: function onClick() {\n _onClick(value);\n }\n }, children);\n};\nexport default Mark;","import * as React from 'react';\nimport Mark from \"./Mark\";\nvar Marks = function Marks(props) {\n var prefixCls = props.prefixCls,\n marks = props.marks,\n onClick = props.onClick;\n var markPrefixCls = \"\".concat(prefixCls, \"-mark\");\n\n // Not render mark if empty\n if (!marks.length) {\n return null;\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: markPrefixCls\n }, marks.map(function (_ref) {\n var value = _ref.value,\n style = _ref.style,\n label = _ref.label;\n return /*#__PURE__*/React.createElement(Mark, {\n key: value,\n prefixCls: markPrefixCls,\n style: style,\n value: value,\n onClick: onClick\n }, label);\n }));\n};\nexport default Marks;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getDirectionStyle } from \"../util\";\nvar Dot = function Dot(props) {\n var prefixCls = props.prefixCls,\n value = props.value,\n style = props.style,\n activeStyle = props.activeStyle;\n var _React$useContext = React.useContext(SliderContext),\n min = _React$useContext.min,\n max = _React$useContext.max,\n direction = _React$useContext.direction,\n included = _React$useContext.included,\n includedStart = _React$useContext.includedStart,\n includedEnd = _React$useContext.includedEnd;\n var dotClassName = \"\".concat(prefixCls, \"-dot\");\n var active = included && includedStart <= value && value <= includedEnd;\n\n // ============================ Offset ============================\n var mergedStyle = _objectSpread(_objectSpread({}, getDirectionStyle(direction, value, min, max)), typeof style === 'function' ? style(value) : style);\n if (active) {\n mergedStyle = _objectSpread(_objectSpread({}, mergedStyle), typeof activeStyle === 'function' ? activeStyle(value) : activeStyle);\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n className: classNames(dotClassName, _defineProperty({}, \"\".concat(dotClassName, \"-active\"), active)),\n style: mergedStyle\n });\n};\nexport default Dot;","import * as React from 'react';\nimport SliderContext from \"../context\";\nimport Dot from \"./Dot\";\nvar Steps = function Steps(props) {\n var prefixCls = props.prefixCls,\n marks = props.marks,\n dots = props.dots,\n style = props.style,\n activeStyle = props.activeStyle;\n var _React$useContext = React.useContext(SliderContext),\n min = _React$useContext.min,\n max = _React$useContext.max,\n step = _React$useContext.step;\n var stepDots = React.useMemo(function () {\n var dotSet = new Set();\n\n // Add marks\n marks.forEach(function (mark) {\n dotSet.add(mark.value);\n });\n\n // Fill dots\n if (dots && step !== null) {\n var current = min;\n while (current <= max) {\n dotSet.add(current);\n current += step;\n }\n }\n return Array.from(dotSet);\n }, [min, max, step, dots, marks]);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-step\")\n }, stepDots.map(function (dotValue) {\n return /*#__PURE__*/React.createElement(Dot, {\n prefixCls: prefixCls,\n key: dotValue,\n value: dotValue,\n style: style,\n activeStyle: activeStyle\n });\n }));\n};\nexport default Steps;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport cls from 'classnames';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getOffset } from \"../util\";\nvar Track = function Track(props) {\n var prefixCls = props.prefixCls,\n style = props.style,\n start = props.start,\n end = props.end,\n index = props.index,\n onStartMove = props.onStartMove,\n replaceCls = props.replaceCls;\n var _React$useContext = React.useContext(SliderContext),\n direction = _React$useContext.direction,\n min = _React$useContext.min,\n max = _React$useContext.max,\n disabled = _React$useContext.disabled,\n range = _React$useContext.range,\n classNames = _React$useContext.classNames;\n var trackPrefixCls = \"\".concat(prefixCls, \"-track\");\n var offsetStart = getOffset(start, min, max);\n var offsetEnd = getOffset(end, min, max);\n\n // ============================ Events ============================\n var onInternalStartMove = function onInternalStartMove(e) {\n if (!disabled && onStartMove) {\n onStartMove(e, -1);\n }\n };\n\n // ============================ Render ============================\n var positionStyle = {};\n switch (direction) {\n case 'rtl':\n positionStyle.right = \"\".concat(offsetStart * 100, \"%\");\n positionStyle.width = \"\".concat(offsetEnd * 100 - offsetStart * 100, \"%\");\n break;\n case 'btt':\n positionStyle.bottom = \"\".concat(offsetStart * 100, \"%\");\n positionStyle.height = \"\".concat(offsetEnd * 100 - offsetStart * 100, \"%\");\n break;\n case 'ttb':\n positionStyle.top = \"\".concat(offsetStart * 100, \"%\");\n positionStyle.height = \"\".concat(offsetEnd * 100 - offsetStart * 100, \"%\");\n break;\n default:\n positionStyle.left = \"\".concat(offsetStart * 100, \"%\");\n positionStyle.width = \"\".concat(offsetEnd * 100 - offsetStart * 100, \"%\");\n }\n var className = replaceCls || cls(trackPrefixCls, _defineProperty(_defineProperty({}, \"\".concat(trackPrefixCls, \"-\").concat(index + 1), index !== null && range), \"\".concat(prefixCls, \"-track-draggable\"), onStartMove), classNames.track);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className,\n style: _objectSpread(_objectSpread({}, positionStyle), style),\n onMouseDown: onInternalStartMove,\n onTouchStart: onInternalStartMove\n });\n};\nexport default Track;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport cls from 'classnames';\nimport * as React from 'react';\nimport SliderContext from \"../context\";\nimport { getIndex } from \"../util\";\nimport Track from \"./Track\";\nvar Tracks = function Tracks(props) {\n var prefixCls = props.prefixCls,\n style = props.style,\n values = props.values,\n startPoint = props.startPoint,\n onStartMove = props.onStartMove;\n var _React$useContext = React.useContext(SliderContext),\n included = _React$useContext.included,\n range = _React$useContext.range,\n min = _React$useContext.min,\n styles = _React$useContext.styles,\n classNames = _React$useContext.classNames;\n\n // =========================== List ===========================\n var trackList = React.useMemo(function () {\n if (!range) {\n // null value do not have track\n if (values.length === 0) {\n return [];\n }\n var startValue = startPoint !== null && startPoint !== void 0 ? startPoint : min;\n var endValue = values[0];\n return [{\n start: Math.min(startValue, endValue),\n end: Math.max(startValue, endValue)\n }];\n }\n\n // Multiple\n var list = [];\n for (var i = 0; i < values.length - 1; i += 1) {\n list.push({\n start: values[i],\n end: values[i + 1]\n });\n }\n return list;\n }, [values, range, startPoint, min]);\n if (!included) {\n return null;\n }\n\n // ========================== Render ==========================\n var tracksNode = classNames.tracks || styles.tracks ? /*#__PURE__*/React.createElement(Track, {\n index: null,\n prefixCls: prefixCls,\n start: trackList[0].start,\n end: trackList[trackList.length - 1].end,\n replaceCls: cls(classNames.tracks, \"\".concat(prefixCls, \"-tracks\")),\n style: styles.tracks\n }) : null;\n return /*#__PURE__*/React.createElement(React.Fragment, null, tracksNode, trackList.map(function (_ref, index) {\n var start = _ref.start,\n end = _ref.end;\n return /*#__PURE__*/React.createElement(Track, {\n index: index,\n prefixCls: prefixCls,\n style: _objectSpread(_objectSpread({}, getIndex(style, index)), styles.track),\n start: start,\n end: end,\n key: index,\n onStartMove: onStartMove\n });\n }));\n};\nexport default Tracks;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useEvent } from 'rc-util';\nimport * as React from 'react';\nimport { UnstableContext } from \"../context\";\n/** Drag to delete offset. It's a user experience number for dragging out */\nvar REMOVE_DIST = 130;\nfunction getPosition(e) {\n var obj = 'touches' in e ? e.touches[0] : e;\n return {\n pageX: obj.pageX,\n pageY: obj.pageY\n };\n}\nfunction useDrag(containerRef, direction, rawValues, min, max, formatValue, triggerChange, finishChange, offsetValues, editable, minCount) {\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n draggingValue = _React$useState2[0],\n setDraggingValue = _React$useState2[1];\n var _React$useState3 = React.useState(-1),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n draggingIndex = _React$useState4[0],\n setDraggingIndex = _React$useState4[1];\n var _React$useState5 = React.useState(false),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n draggingDelete = _React$useState6[0],\n setDraggingDelete = _React$useState6[1];\n var _React$useState7 = React.useState(rawValues),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n cacheValues = _React$useState8[0],\n setCacheValues = _React$useState8[1];\n var _React$useState9 = React.useState(rawValues),\n _React$useState10 = _slicedToArray(_React$useState9, 2),\n originValues = _React$useState10[0],\n setOriginValues = _React$useState10[1];\n var mouseMoveEventRef = React.useRef(null);\n var mouseUpEventRef = React.useRef(null);\n var _React$useContext = React.useContext(UnstableContext),\n onDragStart = _React$useContext.onDragStart,\n onDragChange = _React$useContext.onDragChange;\n React.useLayoutEffect(function () {\n if (draggingIndex === -1) {\n setCacheValues(rawValues);\n }\n }, [rawValues, draggingIndex]);\n\n // Clean up event\n React.useEffect(function () {\n return function () {\n document.removeEventListener('mousemove', mouseMoveEventRef.current);\n document.removeEventListener('mouseup', mouseUpEventRef.current);\n document.removeEventListener('touchmove', mouseMoveEventRef.current);\n document.removeEventListener('touchend', mouseUpEventRef.current);\n };\n }, []);\n var flushValues = function flushValues(nextValues, nextValue, deleteMark) {\n // Perf: Only update state when value changed\n if (nextValue !== undefined) {\n setDraggingValue(nextValue);\n }\n setCacheValues(nextValues);\n var changeValues = nextValues;\n if (deleteMark) {\n changeValues = nextValues.filter(function (_, i) {\n return i !== draggingIndex;\n });\n }\n triggerChange(changeValues);\n if (onDragChange) {\n onDragChange({\n rawValues: nextValues,\n deleteIndex: deleteMark ? draggingIndex : -1,\n draggingIndex: draggingIndex,\n draggingValue: nextValue\n });\n }\n };\n var updateCacheValue = useEvent(function (valueIndex, offsetPercent, deleteMark) {\n if (valueIndex === -1) {\n // >>>> Dragging on the track\n var startValue = originValues[0];\n var endValue = originValues[originValues.length - 1];\n var maxStartOffset = min - startValue;\n var maxEndOffset = max - endValue;\n\n // Get valid offset\n var offset = offsetPercent * (max - min);\n offset = Math.max(offset, maxStartOffset);\n offset = Math.min(offset, maxEndOffset);\n\n // Use first value to revert back of valid offset (like steps marks)\n var formatStartValue = formatValue(startValue + offset);\n offset = formatStartValue - startValue;\n var cloneCacheValues = originValues.map(function (val) {\n return val + offset;\n });\n flushValues(cloneCacheValues);\n } else {\n // >>>> Dragging on the handle\n var offsetDist = (max - min) * offsetPercent;\n\n // Always start with the valueIndex origin value\n var cloneValues = _toConsumableArray(cacheValues);\n cloneValues[valueIndex] = originValues[valueIndex];\n var next = offsetValues(cloneValues, offsetDist, valueIndex, 'dist');\n flushValues(next.values, next.value, deleteMark);\n }\n });\n var onStartMove = function onStartMove(e, valueIndex, startValues) {\n e.stopPropagation();\n\n // 如果是点击 track 触发的，需要传入变化后的初始值，而不能直接用 rawValues\n var initialValues = startValues || rawValues;\n var originValue = initialValues[valueIndex];\n setDraggingIndex(valueIndex);\n setDraggingValue(originValue);\n setOriginValues(initialValues);\n setCacheValues(initialValues);\n setDraggingDelete(false);\n var _getPosition = getPosition(e),\n startX = _getPosition.pageX,\n startY = _getPosition.pageY;\n\n // We declare it here since closure can't get outer latest value\n var deleteMark = false;\n\n // Internal trigger event\n if (onDragStart) {\n onDragStart({\n rawValues: initialValues,\n draggingIndex: valueIndex,\n draggingValue: originValue\n });\n }\n\n // Moving\n var onMouseMove = function onMouseMove(event) {\n event.preventDefault();\n var _getPosition2 = getPosition(event),\n moveX = _getPosition2.pageX,\n moveY = _getPosition2.pageY;\n var offsetX = moveX - startX;\n var offsetY = moveY - startY;\n var _containerRef$current = containerRef.current.getBoundingClientRect(),\n width = _containerRef$current.width,\n height = _containerRef$current.height;\n var offSetPercent;\n var removeDist;\n switch (direction) {\n case 'btt':\n offSetPercent = -offsetY / height;\n removeDist = offsetX;\n break;\n case 'ttb':\n offSetPercent = offsetY / height;\n removeDist = offsetX;\n break;\n case 'rtl':\n offSetPercent = -offsetX / width;\n removeDist = offsetY;\n break;\n default:\n offSetPercent = offsetX / width;\n removeDist = offsetY;\n }\n\n // Check if need mark remove\n deleteMark = editable ? Math.abs(removeDist) > REMOVE_DIST && minCount < cacheValues.length : false;\n setDraggingDelete(deleteMark);\n updateCacheValue(valueIndex, offSetPercent, deleteMark);\n };\n\n // End\n var onMouseUp = function onMouseUp(event) {\n event.preventDefault();\n document.removeEventListener('mouseup', onMouseUp);\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('touchend', onMouseUp);\n document.removeEventListener('touchmove', onMouseMove);\n mouseMoveEventRef.current = null;\n mouseUpEventRef.current = null;\n finishChange(deleteMark);\n setDraggingIndex(-1);\n setDraggingDelete(false);\n };\n document.addEventListener('mouseup', onMouseUp);\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('touchend', onMouseUp);\n document.addEventListener('touchmove', onMouseMove);\n mouseMoveEventRef.current = onMouseMove;\n mouseUpEventRef.current = onMouseUp;\n };\n\n // Only return cache value when it mapping with rawValues\n var returnValues = React.useMemo(function () {\n var sourceValues = _toConsumableArray(rawValues).sort(function (a, b) {\n return a - b;\n });\n var targetValues = _toConsumableArray(cacheValues).sort(function (a, b) {\n return a - b;\n });\n var counts = {};\n targetValues.forEach(function (val) {\n counts[val] = (counts[val] || 0) + 1;\n });\n sourceValues.forEach(function (val) {\n counts[val] = (counts[val] || 0) - 1;\n });\n var maxDiffCount = editable ? 1 : 0;\n var diffCount = Object.values(counts).reduce(function (prev, next) {\n return prev + Math.abs(next);\n }, 0);\n return diffCount <= maxDiffCount ? cacheValues : rawValues;\n }, [rawValues, cacheValues, editable]);\n return [draggingIndex, draggingValue, draggingDelete, returnValues, onStartMove];\n}\nexport default useDrag;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport cls from 'classnames';\nimport { useEvent } from 'rc-util';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport isEqual from \"rc-util/es/isEqual\";\nimport warning from \"rc-util/es/warning\";\nimport * as React from 'react';\nimport Handles from \"./Handles\";\nimport Marks from \"./Marks\";\nimport Steps from \"./Steps\";\nimport Tracks from \"./Tracks\";\nimport SliderContext from \"./context\";\nimport useDrag from \"./hooks/useDrag\";\nimport useOffset from \"./hooks/useOffset\";\nimport useRange from \"./hooks/useRange\";\n\n/**\n * New:\n * - click mark to update range value\n * - handleRender\n * - Fix handle with count not correct\n * - Fix pushable not work in some case\n * - No more FindDOMNode\n * - Move all position related style into inline style\n * - Key: up is plus, down is minus\n * - fix Key with step = null not align with marks\n * - Change range should not trigger onChange\n * - keyboard support pushable\n */\n\nvar Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-slider' : _props$prefixCls,\n className = props.className,\n style = props.style,\n classNames = props.classNames,\n styles = props.styles,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$keyboard = props.keyboard,\n keyboard = _props$keyboard === void 0 ? true : _props$keyboard,\n autoFocus = props.autoFocus,\n onFocus = props.onFocus,\n onBlur = props.onBlur,\n _props$min = props.min,\n min = _props$min === void 0 ? 0 : _props$min,\n _props$max = props.max,\n max = _props$max === void 0 ? 100 : _props$max,\n _props$step = props.step,\n step = _props$step === void 0 ? 1 : _props$step,\n value = props.value,\n defaultValue = props.defaultValue,\n range = props.range,\n count = props.count,\n onChange = props.onChange,\n onBeforeChange = props.onBeforeChange,\n onAfterChange = props.onAfterChange,\n onChangeComplete = props.onChangeComplete,\n _props$allowCross = props.allowCross,\n allowCross = _props$allowCross === void 0 ? true : _props$allowCross,\n _props$pushable = props.pushable,\n pushable = _props$pushable === void 0 ? false : _props$pushable,\n reverse = props.reverse,\n vertical = props.vertical,\n _props$included = props.included,\n included = _props$included === void 0 ? true : _props$included,\n startPoint = props.startPoint,\n trackStyle = props.trackStyle,\n handleStyle = props.handleStyle,\n railStyle = props.railStyle,\n dotStyle = props.dotStyle,\n activeDotStyle = props.activeDotStyle,\n marks = props.marks,\n dots = props.dots,\n handleRender = props.handleRender,\n activeHandleRender = props.activeHandleRender,\n track = props.track,\n _props$tabIndex = props.tabIndex,\n tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n ariaLabelForHandle = props.ariaLabelForHandle,\n ariaLabelledByForHandle = props.ariaLabelledByForHandle,\n ariaValueTextFormatterForHandle = props.ariaValueTextFormatterForHandle;\n var handlesRef = React.useRef(null);\n var containerRef = React.useRef(null);\n var direction = React.useMemo(function () {\n if (vertical) {\n return reverse ? 'ttb' : 'btt';\n }\n return reverse ? 'rtl' : 'ltr';\n }, [reverse, vertical]);\n\n // ============================ Range =============================\n var _useRange = useRange(range),\n _useRange2 = _slicedToArray(_useRange, 5),\n rangeEnabled = _useRange2[0],\n rangeEditable = _useRange2[1],\n rangeDraggableTrack = _useRange2[2],\n minCount = _useRange2[3],\n maxCount = _useRange2[4];\n var mergedMin = React.useMemo(function () {\n return isFinite(min) ? min : 0;\n }, [min]);\n var mergedMax = React.useMemo(function () {\n return isFinite(max) ? max : 100;\n }, [max]);\n\n // ============================= Step =============================\n var mergedStep = React.useMemo(function () {\n return step !== null && step <= 0 ? 1 : step;\n }, [step]);\n\n // ============================= Push =============================\n var mergedPush = React.useMemo(function () {\n if (typeof pushable === 'boolean') {\n return pushable ? mergedStep : false;\n }\n return pushable >= 0 ? pushable : false;\n }, [pushable, mergedStep]);\n\n // ============================ Marks =============================\n var markList = React.useMemo(function () {\n return Object.keys(marks || {}).map(function (key) {\n var mark = marks[key];\n var markObj = {\n value: Number(key)\n };\n if (mark && _typeof(mark) === 'object' && ! /*#__PURE__*/React.isValidElement(mark) && ('label' in mark || 'style' in mark)) {\n markObj.style = mark.style;\n markObj.label = mark.label;\n } else {\n markObj.label = mark;\n }\n return markObj;\n }).filter(function (_ref) {\n var label = _ref.label;\n return label || typeof label === 'number';\n }).sort(function (a, b) {\n return a.value - b.value;\n });\n }, [marks]);\n\n // ============================ Format ============================\n var _useOffset = useOffset(mergedMin, mergedMax, mergedStep, markList, allowCross, mergedPush),\n _useOffset2 = _slicedToArray(_useOffset, 2),\n formatValue = _useOffset2[0],\n offsetValues = _useOffset2[1];\n\n // ============================ Values ============================\n var _useMergedState = useMergedState(defaultValue, {\n value: value\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n mergedValue = _useMergedState2[0],\n setValue = _useMergedState2[1];\n var rawValues = React.useMemo(function () {\n var valueList = mergedValue === null || mergedValue === undefined ? [] : Array.isArray(mergedValue) ? mergedValue : [mergedValue];\n var _valueList = _slicedToArray(valueList, 1),\n _valueList$ = _valueList[0],\n val0 = _valueList$ === void 0 ? mergedMin : _valueList$;\n var returnValues = mergedValue === null ? [] : [val0];\n\n // Format as range\n if (rangeEnabled) {\n returnValues = _toConsumableArray(valueList);\n\n // When count provided or value is `undefined`, we fill values\n if (count || mergedValue === undefined) {\n var pointCount = count >= 0 ? count + 1 : 2;\n returnValues = returnValues.slice(0, pointCount);\n\n // Fill with count\n while (returnValues.length < pointCount) {\n var _returnValues;\n returnValues.push((_returnValues = returnValues[returnValues.length - 1]) !== null && _returnValues !== void 0 ? _returnValues : mergedMin);\n }\n }\n returnValues.sort(function (a, b) {\n return a - b;\n });\n }\n\n // Align in range\n returnValues.forEach(function (val, index) {\n returnValues[index] = formatValue(val);\n });\n return returnValues;\n }, [mergedValue, rangeEnabled, mergedMin, count, formatValue]);\n\n // =========================== onChange ===========================\n var getTriggerValue = function getTriggerValue(triggerValues) {\n return rangeEnabled ? triggerValues : triggerValues[0];\n };\n var triggerChange = useEvent(function (nextValues) {\n // Order first\n var cloneNextValues = _toConsumableArray(nextValues).sort(function (a, b) {\n return a - b;\n });\n\n // Trigger event if needed\n if (onChange && !isEqual(cloneNextValues, rawValues, true)) {\n onChange(getTriggerValue(cloneNextValues));\n }\n\n // We set this later since it will re-render component immediately\n setValue(cloneNextValues);\n });\n var finishChange = useEvent(function (draggingDelete) {\n // Trigger from `useDrag` will tell if it's a delete action\n if (draggingDelete) {\n handlesRef.current.hideHelp();\n }\n var finishValue = getTriggerValue(rawValues);\n onAfterChange === null || onAfterChange === void 0 || onAfterChange(finishValue);\n warning(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');\n onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(finishValue);\n });\n var onDelete = function onDelete(index) {\n if (disabled || !rangeEditable || rawValues.length <= minCount) {\n return;\n }\n var cloneNextValues = _toConsumableArray(rawValues);\n cloneNextValues.splice(index, 1);\n onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(cloneNextValues));\n triggerChange(cloneNextValues);\n var nextFocusIndex = Math.max(0, index - 1);\n handlesRef.current.hideHelp();\n handlesRef.current.focus(nextFocusIndex);\n };\n var _useDrag = useDrag(containerRef, direction, rawValues, mergedMin, mergedMax, formatValue, triggerChange, finishChange, offsetValues, rangeEditable, minCount),\n _useDrag2 = _slicedToArray(_useDrag, 5),\n draggingIndex = _useDrag2[0],\n draggingValue = _useDrag2[1],\n draggingDelete = _useDrag2[2],\n cacheValues = _useDrag2[3],\n onStartDrag = _useDrag2[4];\n\n /**\n * When `rangeEditable` will insert a new value in the values array.\n * Else it will replace the value in the values array.\n */\n var changeToCloseValue = function changeToCloseValue(newValue, e) {\n if (!disabled) {\n // Create new values\n var cloneNextValues = _toConsumableArray(rawValues);\n var valueIndex = 0;\n var valueBeforeIndex = 0; // Record the index which value < newValue\n var valueDist = mergedMax - mergedMin;\n rawValues.forEach(function (val, index) {\n var dist = Math.abs(newValue - val);\n if (dist <= valueDist) {\n valueDist = dist;\n valueIndex = index;\n }\n if (val < newValue) {\n valueBeforeIndex = index;\n }\n });\n var focusIndex = valueIndex;\n if (rangeEditable && valueDist !== 0 && (!maxCount || rawValues.length < maxCount)) {\n cloneNextValues.splice(valueBeforeIndex + 1, 0, newValue);\n focusIndex = valueBeforeIndex + 1;\n } else {\n cloneNextValues[valueIndex] = newValue;\n }\n\n // Fill value to match default 2 (only when `rawValues` is empty)\n if (rangeEnabled && !rawValues.length && count === undefined) {\n cloneNextValues.push(newValue);\n }\n var nextValue = getTriggerValue(cloneNextValues);\n onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(nextValue);\n triggerChange(cloneNextValues);\n if (e) {\n var _document$activeEleme, _document$activeEleme2;\n (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || (_document$activeEleme2 = _document$activeEleme.blur) === null || _document$activeEleme2 === void 0 || _document$activeEleme2.call(_document$activeEleme);\n handlesRef.current.focus(focusIndex);\n onStartDrag(e, focusIndex, cloneNextValues);\n } else {\n // https://github.com/ant-design/ant-design/issues/49997\n onAfterChange === null || onAfterChange === void 0 || onAfterChange(nextValue);\n warning(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');\n onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(nextValue);\n }\n }\n };\n\n // ============================ Click =============================\n var onSliderMouseDown = function onSliderMouseDown(e) {\n e.preventDefault();\n var _containerRef$current = containerRef.current.getBoundingClientRect(),\n width = _containerRef$current.width,\n height = _containerRef$current.height,\n left = _containerRef$current.left,\n top = _containerRef$current.top,\n bottom = _containerRef$current.bottom,\n right = _containerRef$current.right;\n var clientX = e.clientX,\n clientY = e.clientY;\n var percent;\n switch (direction) {\n case 'btt':\n percent = (bottom - clientY) / height;\n break;\n case 'ttb':\n percent = (clientY - top) / height;\n break;\n case 'rtl':\n percent = (right - clientX) / width;\n break;\n default:\n percent = (clientX - left) / width;\n }\n var nextValue = mergedMin + percent * (mergedMax - mergedMin);\n changeToCloseValue(formatValue(nextValue), e);\n };\n\n // =========================== Keyboard ===========================\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n keyboardValue = _React$useState2[0],\n setKeyboardValue = _React$useState2[1];\n var onHandleOffsetChange = function onHandleOffsetChange(offset, valueIndex) {\n if (!disabled) {\n var next = offsetValues(rawValues, offset, valueIndex);\n onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(rawValues));\n triggerChange(next.values);\n setKeyboardValue(next.value);\n }\n };\n React.useEffect(function () {\n if (keyboardValue !== null) {\n var valueIndex = rawValues.indexOf(keyboardValue);\n if (valueIndex >= 0) {\n handlesRef.current.focus(valueIndex);\n }\n }\n setKeyboardValue(null);\n }, [keyboardValue]);\n\n // ============================= Drag =============================\n var mergedDraggableTrack = React.useMemo(function () {\n if (rangeDraggableTrack && mergedStep === null) {\n if (process.env.NODE_ENV !== 'production') {\n warning(false, '`draggableTrack` is not supported when `step` is `null`.');\n }\n return false;\n }\n return rangeDraggableTrack;\n }, [rangeDraggableTrack, mergedStep]);\n var onStartMove = useEvent(function (e, valueIndex) {\n onStartDrag(e, valueIndex);\n onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(rawValues));\n });\n\n // Auto focus for updated handle\n var dragging = draggingIndex !== -1;\n React.useEffect(function () {\n if (!dragging) {\n var valueIndex = rawValues.lastIndexOf(draggingValue);\n handlesRef.current.focus(valueIndex);\n }\n }, [dragging]);\n\n // =========================== Included ===========================\n var sortedCacheValues = React.useMemo(function () {\n return _toConsumableArray(cacheValues).sort(function (a, b) {\n return a - b;\n });\n }, [cacheValues]);\n\n // Provide a range values with included [min, max]\n // Used for Track, Mark & Dot\n var _React$useMemo = React.useMemo(function () {\n if (!rangeEnabled) {\n return [mergedMin, sortedCacheValues[0]];\n }\n return [sortedCacheValues[0], sortedCacheValues[sortedCacheValues.length - 1]];\n }, [sortedCacheValues, rangeEnabled, mergedMin]),\n _React$useMemo2 = _slicedToArray(_React$useMemo, 2),\n includedStart = _React$useMemo2[0],\n includedEnd = _React$useMemo2[1];\n\n // ============================= Refs =============================\n React.useImperativeHandle(ref, function () {\n return {\n focus: function focus() {\n handlesRef.current.focus(0);\n },\n blur: function blur() {\n var _containerRef$current2;\n var _document = document,\n activeElement = _document.activeElement;\n if ((_containerRef$current2 = containerRef.current) !== null && _containerRef$current2 !== void 0 && _containerRef$current2.contains(activeElement)) {\n activeElement === null || activeElement === void 0 || activeElement.blur();\n }\n }\n };\n });\n\n // ========================== Auto Focus ==========================\n React.useEffect(function () {\n if (autoFocus) {\n handlesRef.current.focus(0);\n }\n }, []);\n\n // =========================== Context ============================\n var context = React.useMemo(function () {\n return {\n min: mergedMin,\n max: mergedMax,\n direction: direction,\n disabled: disabled,\n keyboard: keyboard,\n step: mergedStep,\n included: included,\n includedStart: includedStart,\n includedEnd: includedEnd,\n range: rangeEnabled,\n tabIndex: tabIndex,\n ariaLabelForHandle: ariaLabelForHandle,\n ariaLabelledByForHandle: ariaLabelledByForHandle,\n ariaValueTextFormatterForHandle: ariaValueTextFormatterForHandle,\n styles: styles || {},\n classNames: classNames || {}\n };\n }, [mergedMin, mergedMax, direction, disabled, keyboard, mergedStep, included, includedStart, includedEnd, rangeEnabled, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaValueTextFormatterForHandle, styles, classNames]);\n\n // ============================ Render ============================\n return /*#__PURE__*/React.createElement(SliderContext.Provider, {\n value: context\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: containerRef,\n className: cls(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), disabled), \"\".concat(prefixCls, \"-vertical\"), vertical), \"\".concat(prefixCls, \"-horizontal\"), !vertical), \"\".concat(prefixCls, \"-with-marks\"), markList.length)),\n style: style,\n onMouseDown: onSliderMouseDown\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: cls(\"\".concat(prefixCls, \"-rail\"), classNames === null || classNames === void 0 ? void 0 : classNames.rail),\n style: _objectSpread(_objectSpread({}, railStyle), styles === null || styles === void 0 ? void 0 : styles.rail)\n }), track !== false && /*#__PURE__*/React.createElement(Tracks, {\n prefixCls: prefixCls,\n style: trackStyle,\n values: rawValues,\n startPoint: startPoint,\n onStartMove: mergedDraggableTrack ? onStartMove : undefined\n }), /*#__PURE__*/React.createElement(Steps, {\n prefixCls: prefixCls,\n marks: markList,\n dots: dots,\n style: dotStyle,\n activeStyle: activeDotStyle\n }), /*#__PURE__*/React.createElement(Handles, {\n ref: handlesRef,\n prefixCls: prefixCls,\n style: handleStyle,\n values: cacheValues,\n draggingIndex: draggingIndex,\n draggingDelete: draggingDelete,\n onStartMove: onStartMove,\n onOffsetChange: onHandleOffsetChange,\n onFocus: onFocus,\n onBlur: onBlur,\n handleRender: handleRender,\n activeHandleRender: activeHandleRender,\n onChangeComplete: finishChange,\n onDelete: rangeEditable ? onDelete : undefined\n }), /*#__PURE__*/React.createElement(Marks, {\n prefixCls: prefixCls,\n marks: markList,\n onClick: changeToCloseValue\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Slider.displayName = 'Slider';\n}\nexport default Slider;","import { warning } from \"rc-util/es/warning\";\nimport { useMemo } from 'react';\nexport default function useRange(range) {\n return useMemo(function () {\n if (range === true || !range) {\n return [!!range, false, false, 0];\n }\n var editable = range.editable,\n draggableTrack = range.draggableTrack,\n minCount = range.minCount,\n maxCount = range.maxCount;\n if (process.env.NODE_ENV !== 'production') {\n warning(!editable || !draggableTrack, '`editable` can not work with `draggableTrack`.');\n }\n return [true, editable, !editable && draggableTrack, minCount || 0, maxCount];\n }, [range]);\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport * as React from 'react';\n\n/** Format the value in the range of [min, max] */\n\n/** Format value align with step */\n\n/** Format value align with step & marks */\n\nexport default function useOffset(min, max, step, markList, allowCross, pushable) {\n var formatRangeValue = React.useCallback(function (val) {\n return Math.max(min, Math.min(max, val));\n }, [min, max]);\n var formatStepValue = React.useCallback(function (val) {\n if (step !== null) {\n var stepValue = min + Math.round((formatRangeValue(val) - min) / step) * step;\n\n // Cut number in case to be like 0.30000000000000004\n var getDecimal = function getDecimal(num) {\n return (String(num).split('.')[1] || '').length;\n };\n var maxDecimal = Math.max(getDecimal(step), getDecimal(max), getDecimal(min));\n var fixedValue = Number(stepValue.toFixed(maxDecimal));\n return min <= fixedValue && fixedValue <= max ? fixedValue : null;\n }\n return null;\n }, [step, min, max, formatRangeValue]);\n var formatValue = React.useCallback(function (val) {\n var formatNextValue = formatRangeValue(val);\n\n // List align values\n var alignValues = markList.map(function (mark) {\n return mark.value;\n });\n if (step !== null) {\n alignValues.push(formatStepValue(val));\n }\n\n // min & max\n alignValues.push(min, max);\n\n // Align with marks\n var closeValue = alignValues[0];\n var closeDist = max - min;\n alignValues.forEach(function (alignValue) {\n var dist = Math.abs(formatNextValue - alignValue);\n if (dist <= closeDist) {\n closeValue = alignValue;\n closeDist = dist;\n }\n });\n return closeValue;\n }, [min, max, markList, step, formatRangeValue, formatStepValue]);\n\n // ========================== Offset ==========================\n // Single Value\n var offsetValue = function offsetValue(values, offset, valueIndex) {\n var mode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'unit';\n if (typeof offset === 'number') {\n var nextValue;\n var originValue = values[valueIndex];\n\n // Only used for `dist` mode\n var targetDistValue = originValue + offset;\n\n // Compare next step value & mark value which is best match\n var potentialValues = [];\n markList.forEach(function (mark) {\n potentialValues.push(mark.value);\n });\n\n // Min & Max\n potentialValues.push(min, max);\n\n // In case origin value is align with mark but not with step\n potentialValues.push(formatStepValue(originValue));\n\n // Put offset step value also\n var sign = offset > 0 ? 1 : -1;\n if (mode === 'unit') {\n potentialValues.push(formatStepValue(originValue + sign * step));\n } else {\n potentialValues.push(formatStepValue(targetDistValue));\n }\n\n // Find close one\n potentialValues = potentialValues.filter(function (val) {\n return val !== null;\n })\n // Remove reverse value\n .filter(function (val) {\n return offset < 0 ? val <= originValue : val >= originValue;\n });\n if (mode === 'unit') {\n // `unit` mode can not contain itself\n potentialValues = potentialValues.filter(function (val) {\n return val !== originValue;\n });\n }\n var compareValue = mode === 'unit' ? originValue : targetDistValue;\n nextValue = potentialValues[0];\n var valueDist = Math.abs(nextValue - compareValue);\n potentialValues.forEach(function (potentialValue) {\n var dist = Math.abs(potentialValue - compareValue);\n if (dist < valueDist) {\n nextValue = potentialValue;\n valueDist = dist;\n }\n });\n\n // Out of range will back to range\n if (nextValue === undefined) {\n return offset < 0 ? min : max;\n }\n\n // `dist` mode\n if (mode === 'dist') {\n return nextValue;\n }\n\n // `unit` mode may need another round\n if (Math.abs(offset) > 1) {\n var cloneValues = _toConsumableArray(values);\n cloneValues[valueIndex] = nextValue;\n return offsetValue(cloneValues, offset - sign, valueIndex, mode);\n }\n return nextValue;\n } else if (offset === 'min') {\n return min;\n } else if (offset === 'max') {\n return max;\n }\n };\n\n /** Same as `offsetValue` but return `changed` mark to tell value changed */\n var offsetChangedValue = function offsetChangedValue(values, offset, valueIndex) {\n var mode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'unit';\n var originValue = values[valueIndex];\n var nextValue = offsetValue(values, offset, valueIndex, mode);\n return {\n value: nextValue,\n changed: nextValue !== originValue\n };\n };\n var needPush = function needPush(dist) {\n return pushable === null && dist === 0 || typeof pushable === 'number' && dist < pushable;\n };\n\n // Values\n var offsetValues = function offsetValues(values, offset, valueIndex) {\n var mode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'unit';\n var nextValues = values.map(formatValue);\n var originValue = nextValues[valueIndex];\n var nextValue = offsetValue(nextValues, offset, valueIndex, mode);\n nextValues[valueIndex] = nextValue;\n if (allowCross === false) {\n // >>>>> Allow Cross\n var pushNum = pushable || 0;\n\n // ============ AllowCross ===============\n if (valueIndex > 0 && nextValues[valueIndex - 1] !== originValue) {\n nextValues[valueIndex] = Math.max(nextValues[valueIndex], nextValues[valueIndex - 1] + pushNum);\n }\n if (valueIndex < nextValues.length - 1 && nextValues[valueIndex + 1] !== originValue) {\n nextValues[valueIndex] = Math.min(nextValues[valueIndex], nextValues[valueIndex + 1] - pushNum);\n }\n } else if (typeof pushable === 'number' || pushable === null) {\n // >>>>> Pushable\n // =============== Push ==================\n\n // >>>>>> Basic push\n // End values\n for (var i = valueIndex + 1; i < nextValues.length; i += 1) {\n var changed = true;\n while (needPush(nextValues[i] - nextValues[i - 1]) && changed) {\n var _offsetChangedValue = offsetChangedValue(nextValues, 1, i);\n nextValues[i] = _offsetChangedValue.value;\n changed = _offsetChangedValue.changed;\n }\n }\n\n // Start values\n for (var _i = valueIndex; _i > 0; _i -= 1) {\n var _changed = true;\n while (needPush(nextValues[_i] - nextValues[_i - 1]) && _changed) {\n var _offsetChangedValue2 = offsetChangedValue(nextValues, -1, _i - 1);\n nextValues[_i - 1] = _offsetChangedValue2.value;\n _changed = _offsetChangedValue2.changed;\n }\n }\n\n // >>>>> Revert back to safe push range\n // End to Start\n for (var _i2 = nextValues.length - 1; _i2 > 0; _i2 -= 1) {\n var _changed2 = true;\n while (needPush(nextValues[_i2] - nextValues[_i2 - 1]) && _changed2) {\n var _offsetChangedValue3 = offsetChangedValue(nextValues, -1, _i2 - 1);\n nextValues[_i2 - 1] = _offsetChangedValue3.value;\n _changed2 = _offsetChangedValue3.changed;\n }\n }\n\n // Start to End\n for (var _i3 = 0; _i3 < nextValues.length - 1; _i3 += 1) {\n var _changed3 = true;\n while (needPush(nextValues[_i3 + 1] - nextValues[_i3]) && _changed3) {\n var _offsetChangedValue4 = offsetChangedValue(nextValues, 1, _i3 + 1);\n nextValues[_i3 + 1] = _offsetChangedValue4.value;\n _changed3 = _offsetChangedValue4.changed;\n }\n }\n }\n return {\n value: nextValues[valueIndex],\n values: nextValues\n };\n };\n return [formatValue, offsetValues];\n}","import Slider from \"./Slider\";\nexport { UnstableContext } from \"./context\";\nexport default Slider;","\"use client\";\n\nimport * as React from 'react';\nimport { useRef } from 'react';\nimport raf from \"rc-util/es/raf\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport Tooltip from '../tooltip';\nconst SliderTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n open,\n draggingDelete\n } = props;\n const innerRef = useRef(null);\n const mergedOpen = open && !draggingDelete;\n const rafRef = useRef(null);\n function cancelKeepAlign() {\n raf.cancel(rafRef.current);\n rafRef.current = null;\n }\n function keepAlign() {\n rafRef.current = raf(() => {\n var _a;\n (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.forceAlign();\n rafRef.current = null;\n });\n }\n React.useEffect(() => {\n if (mergedOpen) {\n keepAlign();\n } else {\n cancelKeepAlign();\n }\n return cancelKeepAlign;\n }, [mergedOpen, props.title]);\n return /*#__PURE__*/React.createElement(Tooltip, Object.assign({\n ref: composeRef(innerRef, ref)\n }, props, {\n open: mergedOpen\n }));\n});\nif (process.env.NODE_ENV !== 'production') {\n SliderTooltip.displayName = 'SliderTooltip';\n}\nexport default SliderTooltip;","import { unit } from '@ant-design/cssinjs';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\n// =============================== Base ===============================\nconst genBaseStyle = token => {\n const {\n componentCls,\n antCls,\n controlSize,\n dotSize,\n marginFull,\n marginPart,\n colorFillContentHover,\n handleColorDisabled,\n calc,\n handleSize,\n handleSizeHover,\n handleActiveColor,\n handleActiveOutlineColor,\n handleLineWidth,\n handleLineWidthHover,\n motionDurationMid\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'relative',\n height: controlSize,\n margin: `${unit(marginPart)} ${unit(marginFull)}`,\n padding: 0,\n cursor: 'pointer',\n touchAction: 'none',\n '&-vertical': {\n margin: `${unit(marginFull)} ${unit(marginPart)}`\n },\n [`${componentCls}-rail`]: {\n position: 'absolute',\n backgroundColor: token.railBg,\n borderRadius: token.borderRadiusXS,\n transition: `background-color ${motionDurationMid}`\n },\n [`${componentCls}-track,${componentCls}-tracks`]: {\n position: 'absolute',\n transition: `background-color ${motionDurationMid}`\n },\n [`${componentCls}-track`]: {\n backgroundColor: token.trackBg,\n borderRadius: token.borderRadiusXS\n },\n [`${componentCls}-track-draggable`]: {\n boxSizing: 'content-box',\n backgroundClip: 'content-box',\n border: 'solid rgba(0,0,0,0)'\n },\n '&:hover': {\n [`${componentCls}-rail`]: {\n backgroundColor: token.railHoverBg\n },\n [`${componentCls}-track`]: {\n backgroundColor: token.trackHoverBg\n },\n [`${componentCls}-dot`]: {\n borderColor: colorFillContentHover\n },\n [`${componentCls}-handle::after`]: {\n boxShadow: `0 0 0 ${unit(handleLineWidth)} ${token.colorPrimaryBorderHover}`\n },\n [`${componentCls}-dot-active`]: {\n borderColor: token.dotActiveBorderColor\n }\n },\n [`${componentCls}-handle`]: {\n position: 'absolute',\n width: handleSize,\n height: handleSize,\n outline: 'none',\n userSelect: 'none',\n // Dragging status\n '&-dragging-delete': {\n opacity: 0\n },\n // 扩大选区\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n insetInlineStart: calc(handleLineWidth).mul(-1).equal(),\n insetBlockStart: calc(handleLineWidth).mul(-1).equal(),\n width: calc(handleSize).add(calc(handleLineWidth).mul(2)).equal(),\n height: calc(handleSize).add(calc(handleLineWidth).mul(2)).equal(),\n backgroundColor: 'transparent'\n },\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n width: handleSize,\n height: handleSize,\n backgroundColor: token.colorBgElevated,\n boxShadow: `0 0 0 ${unit(handleLineWidth)} ${token.handleColor}`,\n outline: `0px solid transparent`,\n borderRadius: '50%',\n cursor: 'pointer',\n transition: `\n inset-inline-start ${motionDurationMid},\n inset-block-start ${motionDurationMid},\n width ${motionDurationMid},\n height ${motionDurationMid},\n box-shadow ${motionDurationMid},\n outline ${motionDurationMid}\n `\n },\n '&:hover, &:active, &:focus': {\n '&::before': {\n insetInlineStart: calc(handleSizeHover).sub(handleSize).div(2).add(handleLineWidthHover).mul(-1).equal(),\n insetBlockStart: calc(handleSizeHover).sub(handleSize).div(2).add(handleLineWidthHover).mul(-1).equal(),\n width: calc(handleSizeHover).add(calc(handleLineWidthHover).mul(2)).equal(),\n height: calc(handleSizeHover).add(calc(handleLineWidthHover).mul(2)).equal()\n },\n '&::after': {\n boxShadow: `0 0 0 ${unit(handleLineWidthHover)} ${handleActiveColor}`,\n outline: `6px solid ${handleActiveOutlineColor}`,\n width: handleSizeHover,\n height: handleSizeHover,\n insetInlineStart: token.calc(handleSize).sub(handleSizeHover).div(2).equal(),\n insetBlockStart: token.calc(handleSize).sub(handleSizeHover).div(2).equal()\n }\n }\n },\n [`&-lock ${componentCls}-handle`]: {\n '&::before, &::after': {\n transition: 'none'\n }\n },\n [`${componentCls}-mark`]: {\n position: 'absolute',\n fontSize: token.fontSize\n },\n [`${componentCls}-mark-text`]: {\n position: 'absolute',\n display: 'inline-block',\n color: token.colorTextDescription,\n textAlign: 'center',\n wordBreak: 'keep-all',\n cursor: 'pointer',\n userSelect: 'none',\n '&-active': {\n color: token.colorText\n }\n },\n [`${componentCls}-step`]: {\n position: 'absolute',\n background: 'transparent',\n pointerEvents: 'none'\n },\n [`${componentCls}-dot`]: {\n position: 'absolute',\n width: dotSize,\n height: dotSize,\n backgroundColor: token.colorBgElevated,\n border: `${unit(handleLineWidth)} solid ${token.dotBorderColor}`,\n borderRadius: '50%',\n cursor: 'pointer',\n transition: `border-color ${token.motionDurationSlow}`,\n pointerEvents: 'auto',\n '&-active': {\n borderColor: token.dotActiveBorderColor\n }\n },\n [`&${componentCls}-disabled`]: {\n cursor: 'not-allowed',\n [`${componentCls}-rail`]: {\n backgroundColor: `${token.railBg} !important`\n },\n [`${componentCls}-track`]: {\n backgroundColor: `${token.trackBgDisabled} !important`\n },\n [`\n ${componentCls}-dot\n `]: {\n backgroundColor: token.colorBgElevated,\n borderColor: token.trackBgDisabled,\n boxShadow: 'none',\n cursor: 'not-allowed'\n },\n [`${componentCls}-handle::after`]: {\n backgroundColor: token.colorBgElevated,\n cursor: 'not-allowed',\n width: handleSize,\n height: handleSize,\n boxShadow: `0 0 0 ${unit(handleLineWidth)} ${handleColorDisabled}`,\n insetInlineStart: 0,\n insetBlockStart: 0\n },\n [`\n ${componentCls}-mark-text,\n ${componentCls}-dot\n `]: {\n cursor: `not-allowed !important`\n }\n },\n [`&-tooltip ${antCls}-tooltip-inner`]: {\n minWidth: 'unset'\n }\n })\n };\n};\n// ============================ Horizontal ============================\nconst genDirectionStyle = (token, horizontal) => {\n const {\n componentCls,\n railSize,\n handleSize,\n dotSize,\n marginFull,\n calc\n } = token;\n const railPadding = horizontal ? 'paddingBlock' : 'paddingInline';\n const full = horizontal ? 'width' : 'height';\n const part = horizontal ? 'height' : 'width';\n const handlePos = horizontal ? 'insetBlockStart' : 'insetInlineStart';\n const markInset = horizontal ? 'top' : 'insetInlineStart';\n const handlePosSize = calc(railSize).mul(3).sub(handleSize).div(2).equal();\n const draggableBorderSize = calc(handleSize).sub(railSize).div(2).equal();\n const draggableBorder = horizontal ? {\n borderWidth: `${unit(draggableBorderSize)} 0`,\n transform: `translateY(${unit(calc(draggableBorderSize).mul(-1).equal())})`\n } : {\n borderWidth: `0 ${unit(draggableBorderSize)}`,\n transform: `translateX(${unit(token.calc(draggableBorderSize).mul(-1).equal())})`\n };\n return {\n [railPadding]: railSize,\n [part]: calc(railSize).mul(3).equal(),\n [`${componentCls}-rail`]: {\n [full]: '100%',\n [part]: railSize\n },\n [`${componentCls}-track,${componentCls}-tracks`]: {\n [part]: railSize\n },\n [`${componentCls}-track-draggable`]: Object.assign({}, draggableBorder),\n [`${componentCls}-handle`]: {\n [handlePos]: handlePosSize\n },\n [`${componentCls}-mark`]: {\n // Reset all\n insetInlineStart: 0,\n top: 0,\n // https://github.com/ant-design/ant-design/issues/43731\n [markInset]: calc(railSize).mul(3).add(horizontal ? 0 : marginFull).equal(),\n [full]: '100%'\n },\n [`${componentCls}-step`]: {\n // Reset all\n insetInlineStart: 0,\n top: 0,\n [markInset]: railSize,\n [full]: '100%',\n [part]: railSize\n },\n [`${componentCls}-dot`]: {\n position: 'absolute',\n [handlePos]: calc(railSize).sub(dotSize).div(2).equal()\n }\n };\n};\n// ============================ Horizontal ============================\nconst genHorizontalStyle = token => {\n const {\n componentCls,\n marginPartWithMark\n } = token;\n return {\n [`${componentCls}-horizontal`]: Object.assign(Object.assign({}, genDirectionStyle(token, true)), {\n [`&${componentCls}-with-marks`]: {\n marginBottom: marginPartWithMark\n }\n })\n };\n};\n// ============================= Vertical =============================\nconst genVerticalStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-vertical`]: Object.assign(Object.assign({}, genDirectionStyle(token, false)), {\n height: '100%'\n })\n };\n};\n// ============================== Export ==============================\nexport const prepareComponentToken = token => {\n // Handle line width is always width-er 1px\n const increaseHandleWidth = 1;\n const controlSize = token.controlHeightLG / 4;\n const controlSizeHover = token.controlHeightSM / 2;\n const handleLineWidth = token.lineWidth + increaseHandleWidth;\n const handleLineWidthHover = token.lineWidth + increaseHandleWidth * 1.5;\n const handleActiveColor = token.colorPrimary;\n const handleActiveOutlineColor = new TinyColor(handleActiveColor).setAlpha(0.2).toRgbString();\n return {\n controlSize,\n railSize: 4,\n handleSize: controlSize,\n handleSizeHover: controlSizeHover,\n dotSize: 8,\n handleLineWidth,\n handleLineWidthHover,\n railBg: token.colorFillTertiary,\n railHoverBg: token.colorFillSecondary,\n trackBg: token.colorPrimaryBorder,\n trackHoverBg: token.colorPrimaryBorderHover,\n handleColor: token.colorPrimaryBorder,\n handleActiveColor,\n handleActiveOutlineColor,\n handleColorDisabled: new TinyColor(token.colorTextDisabled).onBackground(token.colorBgContainer).toHexShortString(),\n dotBorderColor: token.colorBorderSecondary,\n dotActiveBorderColor: token.colorPrimaryBorder,\n trackBgDisabled: token.colorBgContainerDisabled\n };\n};\nexport default genStyleHooks('Slider', token => {\n const sliderToken = mergeToken(token, {\n marginPart: token.calc(token.controlHeight).sub(token.controlSize).div(2).equal(),\n marginFull: token.calc(token.controlSize).div(2).equal(),\n marginPartWithMark: token.calc(token.controlHeightLG).sub(token.controlSize).equal()\n });\n return [genBaseStyle(sliderToken), genHorizontalStyle(sliderToken), genVerticalStyle(sliderToken)];\n}, prepareComponentToken);","import { createContext } from 'react';\n/** @private Internal context. Do not use in your production. */\nconst SliderInternalContext = /*#__PURE__*/createContext({});\nexport default SliderInternalContext;","import * as React from 'react';\nimport raf from \"rc-util/es/raf\";\nexport default function useRafLock() {\n const [state, setState] = React.useState(false);\n const rafRef = React.useRef();\n const cleanup = () => {\n raf.cancel(rafRef.current);\n };\n const setDelayState = nextState => {\n cleanup();\n if (nextState) {\n setState(nextState);\n } else {\n rafRef.current = raf(() => {\n setState(nextState);\n });\n }\n };\n React.useEffect(() => cleanup, []);\n return [state, setDelayState];\n}","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React from 'react';\nimport classNames from 'classnames';\nimport RcSlider from 'rc-slider';\nimport raf from \"rc-util/es/raf\";\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport SliderTooltip from './SliderTooltip';\nimport useStyle from './style';\nimport SliderInternalContext from './Context';\nimport useRafLock from './useRafLock';\nfunction getTipFormatter(tipFormatter, legacyTipFormatter) {\n if (tipFormatter || tipFormatter === null) {\n return tipFormatter;\n }\n if (legacyTipFormatter || legacyTipFormatter === null) {\n return legacyTipFormatter;\n }\n return val => typeof val === 'number' ? val.toString() : '';\n}\nconst Slider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls: customizePrefixCls,\n range,\n className,\n rootClassName,\n style,\n disabled,\n // Deprecated Props\n tooltipPrefixCls: legacyTooltipPrefixCls,\n tipFormatter: legacyTipFormatter,\n tooltipVisible: legacyTooltipVisible,\n getTooltipPopupContainer: legacyGetTooltipPopupContainer,\n tooltipPlacement: legacyTooltipPlacement,\n tooltip = {},\n onChangeComplete\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"range\", \"className\", \"rootClassName\", \"style\", \"disabled\", \"tooltipPrefixCls\", \"tipFormatter\", \"tooltipVisible\", \"getTooltipPopupContainer\", \"tooltipPlacement\", \"tooltip\", \"onChangeComplete\"]);\n const {\n vertical\n } = props;\n const {\n direction: contextDirection,\n slider,\n getPrefixCls,\n getPopupContainer\n } = React.useContext(ConfigContext);\n const contextDisabled = React.useContext(DisabledContext);\n const mergedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled;\n // ============================= Context ==============================\n const {\n handleRender: contextHandleRender,\n direction: internalContextDirection\n } = React.useContext(SliderInternalContext);\n const mergedDirection = internalContextDirection || contextDirection;\n const isRTL = mergedDirection === 'rtl';\n // =============================== Open ===============================\n const [hoverOpen, setHoverOpen] = useRafLock();\n const [focusOpen, setFocusOpen] = useRafLock();\n const tooltipProps = Object.assign({}, tooltip);\n const {\n open: tooltipOpen,\n placement: tooltipPlacement,\n getPopupContainer: getTooltipPopupContainer,\n prefixCls: customizeTooltipPrefixCls,\n formatter: tipFormatter\n } = tooltipProps;\n const lockOpen = tooltipOpen !== null && tooltipOpen !== void 0 ? tooltipOpen : legacyTooltipVisible;\n const activeOpen = (hoverOpen || focusOpen) && lockOpen !== false;\n const mergedTipFormatter = getTipFormatter(tipFormatter, legacyTipFormatter);\n // ============================= Change ==============================\n const [dragging, setDragging] = useRafLock();\n const onInternalChangeComplete = nextValues => {\n onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(nextValues);\n setDragging(false);\n };\n // ============================ Placement ============================\n const getTooltipPlacement = (placement, vert) => {\n if (placement) {\n return placement;\n }\n if (!vert) {\n return 'top';\n }\n return isRTL ? 'left' : 'right';\n };\n // ============================== Style ===============================\n const prefixCls = getPrefixCls('slider', customizePrefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n const cls = classNames(className, slider === null || slider === void 0 ? void 0 : slider.className, rootClassName, {\n [`${prefixCls}-rtl`]: isRTL,\n [`${prefixCls}-lock`]: dragging\n }, hashId, cssVarCls);\n // make reverse default on rtl direction\n if (isRTL && !restProps.vertical) {\n restProps.reverse = !restProps.reverse;\n }\n // ============================= Warning ==============================\n // Warning for deprecated usage\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Slider');\n [['tooltipPrefixCls', 'prefixCls'], ['getTooltipPopupContainer', 'getPopupContainer'], ['tipFormatter', 'formatter'], ['tooltipPlacement', 'placement'], ['tooltipVisible', 'open']].forEach(_ref => {\n let [deprecatedName, newName] = _ref;\n warning.deprecated(!(deprecatedName in props), deprecatedName, `tooltip.${newName}`);\n });\n }\n // ============================== Handle ==============================\n React.useEffect(() => {\n const onMouseUp = () => {\n // Delay for 1 frame to make the click to enable hide tooltip\n // even when the handle is focused\n raf(() => {\n setFocusOpen(false);\n }, 1);\n };\n document.addEventListener('mouseup', onMouseUp);\n return () => {\n document.removeEventListener('mouseup', onMouseUp);\n };\n }, []);\n const useActiveTooltipHandle = range && !lockOpen;\n const handleRender = contextHandleRender || ((node, info) => {\n const {\n index\n } = info;\n const nodeProps = node.props;\n function proxyEvent(eventName, event, triggerRestPropsEvent) {\n var _a, _b, _c, _d;\n if (triggerRestPropsEvent) {\n (_b = (_a = restProps)[eventName]) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n }\n (_d = (_c = nodeProps)[eventName]) === null || _d === void 0 ? void 0 : _d.call(_c, event);\n }\n const passedProps = Object.assign(Object.assign({}, nodeProps), {\n onMouseEnter: e => {\n setHoverOpen(true);\n proxyEvent('onMouseEnter', e);\n },\n onMouseLeave: e => {\n setHoverOpen(false);\n proxyEvent('onMouseLeave', e);\n },\n onMouseDown: e => {\n setFocusOpen(true);\n setDragging(true);\n proxyEvent('onMouseDown', e);\n },\n onFocus: e => {\n var _a;\n setFocusOpen(true);\n (_a = restProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(restProps, e);\n proxyEvent('onFocus', e, true);\n },\n onBlur: e => {\n var _a;\n setFocusOpen(false);\n (_a = restProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(restProps, e);\n proxyEvent('onBlur', e, true);\n }\n });\n const cloneNode = /*#__PURE__*/React.cloneElement(node, passedProps);\n const open = (!!lockOpen || activeOpen) && mergedTipFormatter !== null;\n // Wrap on handle with Tooltip when is single mode or multiple with all show tooltip\n if (!useActiveTooltipHandle) {\n return /*#__PURE__*/React.createElement(SliderTooltip, Object.assign({}, tooltipProps, {\n prefixCls: getPrefixCls('tooltip', customizeTooltipPrefixCls !== null && customizeTooltipPrefixCls !== void 0 ? customizeTooltipPrefixCls : legacyTooltipPrefixCls),\n title: mergedTipFormatter ? mergedTipFormatter(info.value) : '',\n open: open,\n placement: getTooltipPlacement(tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : legacyTooltipPlacement, vertical),\n key: index,\n overlayClassName: `${prefixCls}-tooltip`,\n getPopupContainer: getTooltipPopupContainer || legacyGetTooltipPopupContainer || getPopupContainer\n }), cloneNode);\n }\n return cloneNode;\n });\n // ========================== Active Handle ===========================\n const activeHandleRender = useActiveTooltipHandle ? (handle, info) => {\n const cloneNode = /*#__PURE__*/React.cloneElement(handle, {\n style: Object.assign(Object.assign({}, handle.props.style), {\n visibility: 'hidden'\n })\n });\n return /*#__PURE__*/React.createElement(SliderTooltip, Object.assign({}, tooltipProps, {\n prefixCls: getPrefixCls('tooltip', customizeTooltipPrefixCls !== null && customizeTooltipPrefixCls !== void 0 ? customizeTooltipPrefixCls : legacyTooltipPrefixCls),\n title: mergedTipFormatter ? mergedTipFormatter(info.value) : '',\n open: mergedTipFormatter !== null && activeOpen,\n placement: getTooltipPlacement(tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : legacyTooltipPlacement, vertical),\n key: \"tooltip\",\n overlayClassName: `${prefixCls}-tooltip`,\n getPopupContainer: getTooltipPopupContainer || legacyGetTooltipPopupContainer || getPopupContainer,\n draggingDelete: info.draggingDelete\n }), cloneNode);\n } : undefined;\n // ============================== Render ==============================\n const mergedStyle = Object.assign(Object.assign({}, slider === null || slider === void 0 ? void 0 : slider.style), style);\n return wrapCSSVar(\n /*#__PURE__*/\n // @ts-ignore\n React.createElement(RcSlider, Object.assign({}, restProps, {\n step: restProps.step,\n range: range,\n className: cls,\n style: mergedStyle,\n disabled: mergedDisabled,\n ref: ref,\n prefixCls: prefixCls,\n handleRender: handleRender,\n activeHandleRender: activeHandleRender,\n onChangeComplete: onInternalChangeComplete\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Slider.displayName = 'Slider';\n}\nexport default Slider;","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { UnstableContext } from 'rc-slider';\nimport { useEvent } from 'rc-util';\nimport Slider from '../../slider';\nimport SliderInternalContext from '../../slider/Context';\nimport { getGradientPercentColor } from '../util';\nexport const GradientColorSlider = props => {\n const {\n prefixCls,\n colors,\n type,\n color,\n range = false,\n className,\n activeIndex,\n onActive,\n onDragStart,\n onDragChange,\n onKeyDelete\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"colors\", \"type\", \"color\", \"range\", \"className\", \"activeIndex\", \"onActive\", \"onDragStart\", \"onDragChange\", \"onKeyDelete\"]);\n const sliderProps = Object.assign(Object.assign({}, restProps), {\n track: false\n });\n // ========================== Background ==========================\n const linearCss = React.useMemo(() => {\n const colorsStr = colors.map(c => `${c.color} ${c.percent}%`).join(', ');\n return `linear-gradient(90deg, ${colorsStr})`;\n }, [colors]);\n const pointColor = React.useMemo(() => {\n if (!color || !type) {\n return null;\n }\n if (type === 'alpha') {\n return color.toRgbString();\n }\n return `hsl(${color.toHsb().h}, 100%, 50%)`;\n }, [color, type]);\n // ======================= Context: Slider ========================\n const onInternalDragStart = useEvent(onDragStart);\n const onInternalDragChange = useEvent(onDragChange);\n const unstableContext = React.useMemo(() => ({\n onDragStart: onInternalDragStart,\n onDragChange: onInternalDragChange\n }), []);\n // ======================= Context: Render ========================\n const handleRender = useEvent((ori, info) => {\n const {\n onFocus,\n style,\n className: handleCls,\n onKeyDown\n } = ori.props;\n // Point Color\n const mergedStyle = Object.assign({}, style);\n if (type === 'gradient') {\n mergedStyle.background = getGradientPercentColor(colors, info.value);\n }\n return /*#__PURE__*/React.cloneElement(ori, {\n onFocus: e => {\n onActive === null || onActive === void 0 ? void 0 : onActive(info.index);\n onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);\n },\n style: mergedStyle,\n className: classNames(handleCls, {\n [`${prefixCls}-slider-handle-active`]: activeIndex === info.index\n }),\n onKeyDown: e => {\n if ((e.key === 'Delete' || e.key === 'Backspace') && onKeyDelete) {\n onKeyDelete(info.index);\n }\n onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);\n }\n });\n });\n const sliderContext = React.useMemo(() => ({\n direction: 'ltr',\n handleRender\n }), []);\n // ============================ Render ============================\n return /*#__PURE__*/React.createElement(SliderInternalContext.Provider, {\n value: sliderContext\n }, /*#__PURE__*/React.createElement(UnstableContext.Provider, {\n value: unstableContext\n }, /*#__PURE__*/React.createElement(Slider, Object.assign({}, sliderProps, {\n className: classNames(className, `${prefixCls}-slider`),\n tooltip: {\n open: false\n },\n range: {\n editable: range,\n minCount: 2\n },\n styles: {\n rail: {\n background: linearCss\n },\n handle: pointColor ? {\n background: pointColor\n } : {}\n },\n classNames: {\n rail: `${prefixCls}-slider-rail`,\n handle: `${prefixCls}-slider-handle`\n }\n }))));\n};\nconst SingleColorSlider = props => {\n const {\n value,\n onChange,\n onChangeComplete\n } = props;\n const singleOnChange = v => onChange(v[0]);\n const singleOnChangeComplete = v => onChangeComplete(v[0]);\n return /*#__PURE__*/React.createElement(GradientColorSlider, Object.assign({}, props, {\n value: [value],\n onChange: singleOnChange,\n onChangeComplete: singleOnChangeComplete\n }));\n};\nexport default SingleColorSlider;","\"use client\";\n\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport * as React from 'react';\nimport { AggregationColor } from '../../color';\nimport { getGradientPercentColor } from '../../util';\nimport { GradientColorSlider } from '../ColorSlider';\nfunction sortColors(colors) {\n return _toConsumableArray(colors).sort((a, b) => a.percent - b.percent);\n}\n/**\n * GradientColorBar will auto show when the mode is `gradient`.\n */\nconst GradientColorBar = props => {\n const {\n prefixCls,\n mode,\n onChange,\n onChangeComplete,\n onActive,\n activeIndex,\n onGradientDragging,\n colors\n } = props;\n const isGradient = mode === 'gradient';\n // ============================= Colors =============================\n const colorList = React.useMemo(() => colors.map(info => ({\n percent: info.percent,\n color: info.color.toRgbString()\n })), [colors]);\n const values = React.useMemo(() => colorList.map(info => info.percent), [colorList]);\n // ============================== Drag ==============================\n const colorsRef = React.useRef(colorList);\n // Record current colors\n const onDragStart = _ref => {\n let {\n rawValues,\n draggingIndex,\n draggingValue\n } = _ref;\n if (rawValues.length > colorList.length) {\n // Add new node\n const newPointColor = getGradientPercentColor(colorList, draggingValue);\n const nextColors = _toConsumableArray(colorList);\n nextColors.splice(draggingIndex, 0, {\n percent: draggingValue,\n color: newPointColor\n });\n colorsRef.current = nextColors;\n } else {\n colorsRef.current = colorList;\n }\n onGradientDragging(true);\n onChange(new AggregationColor(sortColors(colorsRef.current)), true);\n };\n // Adjust color when dragging\n const onDragChange = _ref2 => {\n let {\n deleteIndex,\n draggingIndex,\n draggingValue\n } = _ref2;\n let nextColors = _toConsumableArray(colorsRef.current);\n if (deleteIndex !== -1) {\n nextColors.splice(deleteIndex, 1);\n } else {\n nextColors[draggingIndex] = Object.assign(Object.assign({}, nextColors[draggingIndex]), {\n percent: draggingValue\n });\n nextColors = sortColors(nextColors);\n }\n onChange(new AggregationColor(nextColors), true);\n };\n // ============================== Key ===============================\n const onKeyDelete = index => {\n const nextColors = _toConsumableArray(colorList);\n nextColors.splice(index, 1);\n const nextColor = new AggregationColor(nextColors);\n onChange(nextColor);\n onChangeComplete(nextColor);\n };\n // ============================= Change =============================\n const onInternalChangeComplete = nextValues => {\n onChangeComplete(new AggregationColor(colorList));\n // Reset `activeIndex` if out of range\n if (activeIndex >= nextValues.length) {\n onActive(nextValues.length - 1);\n }\n onGradientDragging(false);\n };\n // ============================= Render =============================\n if (!isGradient) {\n return null;\n }\n return /*#__PURE__*/React.createElement(GradientColorSlider, {\n min: 0,\n max: 100,\n prefixCls: prefixCls,\n className: `${prefixCls}-gradient-slider`,\n colors: colorList,\n color: null,\n value: values,\n range: true,\n onChangeComplete: onInternalChangeComplete,\n disabled: false,\n type: \"gradient\",\n // Active\n activeIndex: activeIndex,\n onActive: onActive,\n // Drag\n onDragStart: onDragStart,\n onDragChange: onDragChange,\n onKeyDelete: onKeyDelete\n });\n};\nexport default /*#__PURE__*/React.memo(GradientColorBar);","\"use client\";\n\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext } from 'react';\nimport RcColorPicker from '@rc-component/color-picker';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport Segmented from '../../../segmented';\nimport { AggregationColor } from '../../color';\nimport { PanelPickerContext } from '../../context';\nimport { genAlphaColor, generateColor } from '../../util';\nimport ColorClear from '../ColorClear';\nimport ColorInput from '../ColorInput';\nimport ColorSlider from '../ColorSlider';\nimport GradientColorBar from './GradientColorBar';\nconst components = {\n slider: ColorSlider\n};\nconst PanelPicker = () => {\n const panelPickerContext = useContext(PanelPickerContext);\n const {\n mode,\n onModeChange,\n modeOptions,\n prefixCls,\n allowClear,\n value,\n disabledAlpha,\n onChange,\n onClear,\n onChangeComplete,\n activeIndex,\n gradientDragging\n } = panelPickerContext,\n injectProps = __rest(panelPickerContext, [\"mode\", \"onModeChange\", \"modeOptions\", \"prefixCls\", \"allowClear\", \"value\", \"disabledAlpha\", \"onChange\", \"onClear\", \"onChangeComplete\", \"activeIndex\", \"gradientDragging\"]);\n // ============================ Colors ============================\n const colors = React.useMemo(() => {\n if (!value.cleared) {\n return value.getColors();\n }\n return [{\n percent: 0,\n color: new AggregationColor('')\n }, {\n percent: 100,\n color: new AggregationColor('')\n }];\n }, [value]);\n // ========================= Single Color =========================\n const isSingle = !value.isGradient();\n // We cache the point color in case user drag the gradient point across another one\n const [lockedColor, setLockedColor] = React.useState(value);\n // Use layout effect here since `useEffect` will cause a blink when mouseDown\n useLayoutEffect(() => {\n var _a;\n if (!isSingle) {\n setLockedColor((_a = colors[activeIndex]) === null || _a === void 0 ? void 0 : _a.color);\n }\n }, [gradientDragging, activeIndex]);\n const activeColor = React.useMemo(() => {\n var _a;\n if (isSingle) {\n return value;\n }\n // Use cache when dragging. User can not operation panel when dragging.\n if (gradientDragging) {\n return lockedColor;\n }\n return (_a = colors[activeIndex]) === null || _a === void 0 ? void 0 : _a.color;\n }, [value, activeIndex, isSingle, lockedColor, gradientDragging]);\n // ============================ Change ============================\n const fillColor = nextColor => {\n if (mode === 'single') {\n return nextColor;\n }\n const nextColors = _toConsumableArray(colors);\n nextColors[activeIndex] = Object.assign(Object.assign({}, nextColors[activeIndex]), {\n color: nextColor\n });\n return new AggregationColor(nextColors);\n };\n const onInternalChange = (colorValue, fromPicker, info) => {\n const nextColor = generateColor(colorValue);\n let submitColor = nextColor;\n if (value.cleared) {\n const rgb = submitColor.toRgb();\n // Auto fill color if origin is `0/0/0` to enhance user experience\n if (!rgb.r && !rgb.g && !rgb.b && info) {\n const {\n type: infoType,\n value: infoValue = 0\n } = info;\n submitColor = new AggregationColor({\n h: infoType === 'hue' ? infoValue : 0,\n s: 1,\n b: 1,\n a: infoType === 'alpha' ? infoValue / 100 : 1\n });\n } else {\n submitColor = genAlphaColor(submitColor);\n }\n }\n onChange(fillColor(submitColor), fromPicker);\n };\n const onInternalChangeComplete = nextColor => {\n onChangeComplete(fillColor(nextColor));\n };\n // ============================ Render ============================\n // Operation bar\n let operationNode = null;\n const showMode = modeOptions.length > 1;\n if (allowClear || showMode) {\n operationNode = /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-operation`\n }, showMode && ( /*#__PURE__*/React.createElement(Segmented, {\n size: \"small\",\n options: modeOptions,\n value: mode,\n onChange: onModeChange\n })), /*#__PURE__*/React.createElement(ColorClear, Object.assign({\n prefixCls: prefixCls,\n value: value,\n onChange: clearColor => {\n onChange(clearColor);\n onClear === null || onClear === void 0 ? void 0 : onClear();\n }\n }, injectProps)));\n }\n // Return\n return /*#__PURE__*/React.createElement(React.Fragment, null, operationNode, /*#__PURE__*/React.createElement(GradientColorBar, Object.assign({}, panelPickerContext, {\n colors: colors\n })), /*#__PURE__*/React.createElement(RcColorPicker, {\n prefixCls: prefixCls,\n value: activeColor === null || activeColor === void 0 ? void 0 : activeColor.toHsb(),\n disabledAlpha: disabledAlpha,\n onChange: (colorValue, info) => {\n onInternalChange(colorValue, true, info);\n },\n onChangeComplete: colorValue => {\n onInternalChangeComplete(generateColor(colorValue));\n },\n components: components\n }), /*#__PURE__*/React.createElement(ColorInput, Object.assign({\n value: activeColor,\n onChange: onInternalChange,\n prefixCls: prefixCls,\n disabledAlpha: disabledAlpha\n }, injectProps)));\n};\nexport default PanelPicker;","\"use client\";\n\nimport React, { useMemo } from 'react';\nimport { ColorBlock, Color as RcColor } from '@rc-component/color-picker';\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport Collapse from '../../collapse';\nimport { useLocale } from '../../locale';\nimport { useToken } from '../../theme/internal';\nimport { generateColor } from '../util';\nconst genPresetColor = list => list.map(value => {\n value.colors = value.colors.map(generateColor);\n return value;\n});\nconst isBright = (value, bgColorToken) => {\n const {\n r,\n g,\n b,\n a\n } = value.toRgb();\n const hsv = new RcColor(value.toRgbString()).onBackground(bgColorToken).toHsv();\n if (a <= 0.5) {\n // Adapted to dark mode\n return hsv.v > 0.5;\n }\n return r * 0.299 + g * 0.587 + b * 0.114 > 192;\n};\nconst genCollapsePanelKey = _ref => {\n let {\n label\n } = _ref;\n return `panel-${label}`;\n};\nconst ColorPresets = _ref2 => {\n let {\n prefixCls,\n presets,\n value: color,\n onChange\n } = _ref2;\n const [locale] = useLocale('ColorPicker');\n const [, token] = useToken();\n const [presetsValue] = useMergedState(genPresetColor(presets), {\n value: genPresetColor(presets),\n postState: genPresetColor\n });\n const colorPresetsPrefixCls = `${prefixCls}-presets`;\n const activeKeys = useMemo(() => presetsValue.reduce((acc, preset) => {\n const {\n defaultOpen = true\n } = preset;\n if (defaultOpen) acc.push(genCollapsePanelKey(preset));\n return acc;\n }, []), [presetsValue]);\n const handleClick = colorValue => {\n onChange === null || onChange === void 0 ? void 0 : onChange(colorValue);\n };\n const items = presetsValue.map(preset => {\n var _a;\n return {\n key: genCollapsePanelKey(preset),\n label: /*#__PURE__*/React.createElement(\"div\", {\n className: `${colorPresetsPrefixCls}-label`\n }, preset === null || preset === void 0 ? void 0 : preset.label),\n children: ( /*#__PURE__*/React.createElement(\"div\", {\n className: `${colorPresetsPrefixCls}-items`\n }, Array.isArray(preset === null || preset === void 0 ? void 0 : preset.colors) && ((_a = preset.colors) === null || _a === void 0 ? void 0 : _a.length) > 0 ? preset.colors.map((presetColor, index) => ( /*#__PURE__*/React.createElement(ColorBlock\n // eslint-disable-next-line react/no-array-index-key\n , {\n // eslint-disable-next-line react/no-array-index-key\n key: `preset-${index}-${presetColor.toHexString()}`,\n color: generateColor(presetColor).toRgbString(),\n prefixCls: prefixCls,\n className: classNames(`${colorPresetsPrefixCls}-color`, {\n [`${colorPresetsPrefixCls}-color-checked`]: presetColor.toHexString() === (color === null || color === void 0 ? void 0 : color.toHexString()),\n [`${colorPresetsPrefixCls}-color-bright`]: isBright(presetColor, token.colorBgElevated)\n }),\n onClick: () => handleClick(presetColor)\n }))) : ( /*#__PURE__*/React.createElement(\"span\", {\n className: `${colorPresetsPrefixCls}-empty`\n }, locale.presetEmpty))))\n };\n });\n return /*#__PURE__*/React.createElement(\"div\", {\n className: colorPresetsPrefixCls\n }, /*#__PURE__*/React.createElement(Collapse, {\n defaultActiveKey: activeKeys,\n ghost: true,\n items: items\n }));\n};\nexport default ColorPresets;","\"use client\";\n\nimport React, { useContext } from 'react';\nimport { PanelPresetsContext } from '../context';\nimport ColorPresets from './ColorPresets';\nconst PanelPresets = () => {\n const {\n prefixCls,\n value,\n presets,\n onChange\n } = useContext(PanelPresetsContext);\n return Array.isArray(presets) ? ( /*#__PURE__*/React.createElement(ColorPresets, {\n value: value,\n presets: presets,\n prefixCls: prefixCls,\n onChange: onChange\n })) : null;\n};\nexport default PanelPresets;","\"use client\";\n\nimport React from 'react';\nimport Divider from '../divider';\nimport PanelPicker from './components/PanelPicker';\nimport PanelPresets from './components/PanelPresets';\nimport { PanelPickerContext, PanelPresetsContext } from './context';\nconst ColorPickerPanel = props => {\n const {\n prefixCls,\n presets,\n panelRender,\n value,\n onChange,\n onClear,\n allowClear,\n disabledAlpha,\n mode,\n onModeChange,\n modeOptions,\n onChangeComplete,\n activeIndex,\n onActive,\n format,\n onFormatChange,\n gradientDragging,\n onGradientDragging\n } = props;\n const colorPickerPanelPrefixCls = `${prefixCls}-inner`;\n // ===================== Context ======================\n const panelContext = React.useMemo(() => ({\n prefixCls,\n value,\n onChange,\n onClear,\n allowClear,\n disabledAlpha,\n mode,\n onModeChange,\n modeOptions,\n onChangeComplete,\n activeIndex,\n onActive,\n format,\n onFormatChange,\n gradientDragging,\n onGradientDragging\n }), [prefixCls, value, onChange, onClear, allowClear, disabledAlpha, mode, onModeChange, modeOptions, onChangeComplete, activeIndex, onActive, format, onFormatChange, gradientDragging, onGradientDragging]);\n const presetContext = React.useMemo(() => ({\n prefixCls,\n value,\n presets,\n onChange\n }), [prefixCls, value, presets, onChange]);\n // ====================== Render ======================\n const innerPanel = /*#__PURE__*/React.createElement(\"div\", {\n className: `${colorPickerPanelPrefixCls}-content`\n }, /*#__PURE__*/React.createElement(PanelPicker, null), Array.isArray(presets) && /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(PanelPresets, null));\n return /*#__PURE__*/React.createElement(PanelPickerContext.Provider, {\n value: panelContext\n }, /*#__PURE__*/React.createElement(PanelPresetsContext.Provider, {\n value: presetContext\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: colorPickerPanelPrefixCls\n }, typeof panelRender === 'function' ? panelRender(innerPanel, {\n components: {\n Picker: PanelPicker,\n Presets: PanelPresets\n }\n }) : innerPanel)));\n};\nif (process.env.NODE_ENV !== 'production') {\n ColorPickerPanel.displayName = 'ColorPickerPanel';\n}\nexport default ColorPickerPanel;","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef, useMemo } from 'react';\nimport { ColorBlock } from '@rc-component/color-picker';\nimport classNames from 'classnames';\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport { useLocale } from '../../locale';\nimport { getColorAlpha } from '../util';\nimport ColorClear from './ColorClear';\nconst ColorTrigger = /*#__PURE__*/forwardRef((props, ref) => {\n const {\n color,\n prefixCls,\n open,\n disabled,\n format,\n className,\n showText,\n activeIndex\n } = props,\n rest = __rest(props, [\"color\", \"prefixCls\", \"open\", \"disabled\", \"format\", \"className\", \"showText\", \"activeIndex\"]);\n const colorTriggerPrefixCls = `${prefixCls}-trigger`;\n const colorTextPrefixCls = `${colorTriggerPrefixCls}-text`;\n const colorTextCellPrefixCls = `${colorTextPrefixCls}-cell`;\n const [locale] = useLocale('ColorPicker');\n // ============================== Text ==============================\n const desc = React.useMemo(() => {\n if (!showText) {\n return '';\n }\n if (typeof showText === 'function') {\n return showText(color);\n }\n if (color.cleared) {\n return locale.transparent;\n }\n if (color.isGradient()) {\n return color.getColors().map((c, index) => {\n const inactive = activeIndex !== -1 && activeIndex !== index;\n return /*#__PURE__*/React.createElement(\"span\", {\n key: index,\n className: classNames(colorTextCellPrefixCls, inactive && `${colorTextCellPrefixCls}-inactive`)\n }, c.color.toRgbString(), \" \", c.percent, \"%\");\n });\n }\n const hexString = color.toHexString().toUpperCase();\n const alpha = getColorAlpha(color);\n switch (format) {\n case 'rgb':\n return color.toRgbString();\n case 'hsb':\n return color.toHsbString();\n // case 'hex':\n default:\n return alpha < 100 ? `${hexString.slice(0, 7)},${alpha}%` : hexString;\n }\n }, [color, format, showText, activeIndex]);\n // ============================= Render =============================\n const containerNode = useMemo(() => color.cleared ? ( /*#__PURE__*/React.createElement(ColorClear, {\n prefixCls: prefixCls\n })) : ( /*#__PURE__*/React.createElement(ColorBlock, {\n prefixCls: prefixCls,\n color: color.toCssString()\n })), [color, prefixCls]);\n return /*#__PURE__*/React.createElement(\"div\", Object.assign({\n ref: ref,\n className: classNames(colorTriggerPrefixCls, className, {\n [`${colorTriggerPrefixCls}-active`]: open,\n [`${colorTriggerPrefixCls}-disabled`]: disabled\n })\n }, pickAttrs(rest)), containerNode, showText && /*#__PURE__*/React.createElement(\"div\", {\n className: colorTextPrefixCls\n }, desc));\n});\nexport default ColorTrigger;","import { unit } from '@ant-design/cssinjs';\n/**\n * @private Internal usage only\n */\nexport const getTransBg = (size, colorFill) => ({\n backgroundImage: `conic-gradient(${colorFill} 0 25%, transparent 0 50%, ${colorFill} 0 75%, transparent 0)`,\n backgroundSize: `${size} ${size}`\n});\nconst genColorBlockStyle = (token, size) => {\n const {\n componentCls,\n borderRadiusSM,\n colorPickerInsetShadow,\n lineWidth,\n colorFillSecondary\n } = token;\n return {\n [`${componentCls}-color-block`]: Object.assign(Object.assign({\n position: 'relative',\n borderRadius: borderRadiusSM,\n width: size,\n height: size,\n boxShadow: colorPickerInsetShadow,\n flex: 'none'\n }, getTransBg('50%', token.colorFillSecondary)), {\n [`${componentCls}-color-block-inner`]: {\n width: '100%',\n height: '100%',\n boxShadow: `inset 0 0 0 ${unit(lineWidth)} ${colorFillSecondary}`,\n borderRadius: 'inherit'\n }\n })\n };\n};\nexport default genColorBlockStyle;","import { unit } from '@ant-design/cssinjs';\nconst genInputStyle = token => {\n const {\n componentCls,\n antCls,\n fontSizeSM,\n lineHeightSM,\n colorPickerAlphaInputWidth,\n marginXXS,\n paddingXXS,\n controlHeightSM,\n marginXS,\n fontSizeIcon,\n paddingXS,\n colorTextPlaceholder,\n colorPickerInputNumberHandleWidth,\n lineWidth\n } = token;\n return {\n [`${componentCls}-input-container`]: {\n display: 'flex',\n [`${componentCls}-steppers${antCls}-input-number`]: {\n fontSize: fontSizeSM,\n lineHeight: lineHeightSM,\n [`${antCls}-input-number-input`]: {\n paddingInlineStart: paddingXXS,\n paddingInlineEnd: 0\n },\n [`${antCls}-input-number-handler-wrap`]: {\n width: colorPickerInputNumberHandleWidth\n }\n },\n [`${componentCls}-steppers${componentCls}-alpha-input`]: {\n flex: `0 0 ${unit(colorPickerAlphaInputWidth)}`,\n marginInlineStart: marginXXS\n },\n [`${componentCls}-format-select${antCls}-select`]: {\n marginInlineEnd: marginXS,\n width: 'auto',\n '&-single': {\n [`${antCls}-select-selector`]: {\n padding: 0,\n border: 0\n },\n [`${antCls}-select-arrow`]: {\n insetInlineEnd: 0\n },\n [`${antCls}-select-selection-item`]: {\n paddingInlineEnd: token.calc(fontSizeIcon).add(marginXXS).equal(),\n fontSize: fontSizeSM,\n lineHeight: unit(controlHeightSM)\n },\n [`${antCls}-select-item-option-content`]: {\n fontSize: fontSizeSM,\n lineHeight: lineHeightSM\n },\n [`${antCls}-select-dropdown`]: {\n [`${antCls}-select-item`]: {\n minHeight: 'auto'\n }\n }\n }\n },\n [`${componentCls}-input`]: {\n gap: marginXXS,\n alignItems: 'center',\n flex: 1,\n width: 0,\n [`${componentCls}-hsb-input,${componentCls}-rgb-input`]: {\n display: 'flex',\n gap: marginXXS,\n alignItems: 'center'\n },\n [`${componentCls}-steppers`]: {\n flex: 1\n },\n [`${componentCls}-hex-input${antCls}-input-affix-wrapper`]: {\n flex: 1,\n padding: `0 ${unit(paddingXS)}`,\n [`${antCls}-input`]: {\n fontSize: fontSizeSM,\n textTransform: 'uppercase',\n lineHeight: unit(token.calc(controlHeightSM).sub(token.calc(lineWidth).mul(2)).equal())\n },\n [`${antCls}-input-prefix`]: {\n color: colorTextPlaceholder\n }\n }\n }\n }\n };\n};\nexport default genInputStyle;","import { unit } from '@ant-design/cssinjs';\nconst genPickerStyle = token => {\n const {\n componentCls,\n controlHeightLG,\n borderRadiusSM,\n colorPickerInsetShadow,\n marginSM,\n colorBgElevated,\n colorFillSecondary,\n lineWidthBold,\n colorPickerHandlerSize\n } = token;\n return {\n userSelect: 'none',\n [`${componentCls}-select`]: {\n [`${componentCls}-palette`]: {\n minHeight: token.calc(controlHeightLG).mul(4).equal(),\n overflow: 'hidden',\n borderRadius: borderRadiusSM\n },\n [`${componentCls}-saturation`]: {\n position: 'absolute',\n borderRadius: 'inherit',\n boxShadow: colorPickerInsetShadow,\n inset: 0\n },\n marginBottom: marginSM\n },\n // ======================== Panel =========================\n [`${componentCls}-handler`]: {\n width: colorPickerHandlerSize,\n height: colorPickerHandlerSize,\n border: `${unit(lineWidthBold)} solid ${colorBgElevated}`,\n position: 'relative',\n borderRadius: '50%',\n cursor: 'pointer',\n boxShadow: `${colorPickerInsetShadow}, 0 0 0 1px ${colorFillSecondary}`\n }\n };\n};\nexport default genPickerStyle;","import { unit } from '@ant-design/cssinjs';\nconst genPresetsStyle = token => {\n const {\n componentCls,\n antCls,\n colorTextQuaternary,\n paddingXXS,\n colorPickerPresetColorSize,\n fontSizeSM,\n colorText,\n lineHeightSM,\n lineWidth,\n borderRadius,\n colorFill,\n colorWhite,\n marginXXS,\n paddingXS,\n fontHeightSM\n } = token;\n return {\n [`${componentCls}-presets`]: {\n [`${antCls}-collapse-item > ${antCls}-collapse-header`]: {\n padding: 0,\n [`${antCls}-collapse-expand-icon`]: {\n height: fontHeightSM,\n color: colorTextQuaternary,\n paddingInlineEnd: paddingXXS\n }\n },\n [`${antCls}-collapse`]: {\n display: 'flex',\n flexDirection: 'column',\n gap: marginXXS\n },\n [`${antCls}-collapse-item > ${antCls}-collapse-content > ${antCls}-collapse-content-box`]: {\n padding: `${unit(paddingXS)} 0`\n },\n '&-label': {\n fontSize: fontSizeSM,\n color: colorText,\n lineHeight: lineHeightSM\n },\n '&-items': {\n display: 'flex',\n flexWrap: 'wrap',\n gap: token.calc(marginXXS).mul(1.5).equal(),\n [`${componentCls}-presets-color`]: {\n position: 'relative',\n cursor: 'pointer',\n width: colorPickerPresetColorSize,\n height: colorPickerPresetColorSize,\n '&::before': {\n content: '\"\"',\n pointerEvents: 'none',\n width: token.calc(colorPickerPresetColorSize).add(token.calc(lineWidth).mul(4)).equal(),\n height: token.calc(colorPickerPresetColorSize).add(token.calc(lineWidth).mul(4)).equal(),\n position: 'absolute',\n top: token.calc(lineWidth).mul(-2).equal(),\n insetInlineStart: token.calc(lineWidth).mul(-2).equal(),\n borderRadius,\n border: `${unit(lineWidth)} solid transparent`,\n transition: `border-color ${token.motionDurationMid} ${token.motionEaseInBack}`\n },\n '&:hover::before': {\n borderColor: colorFill\n },\n '&::after': {\n boxSizing: 'border-box',\n position: 'absolute',\n top: '50%',\n insetInlineStart: '21.5%',\n display: 'table',\n width: token.calc(colorPickerPresetColorSize).div(13).mul(5).equal(),\n height: token.calc(colorPickerPresetColorSize).div(13).mul(8).equal(),\n border: `${unit(token.lineWidthBold)} solid ${token.colorWhite}`,\n borderTop: 0,\n borderInlineStart: 0,\n transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',\n opacity: 0,\n content: '\"\"',\n transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}`\n },\n [`&${componentCls}-presets-color-checked`]: {\n '&::after': {\n opacity: 1,\n borderColor: colorWhite,\n transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',\n transition: `transform ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`\n },\n [`&${componentCls}-presets-color-bright`]: {\n '&::after': {\n borderColor: 'rgba(0, 0, 0, 0.45)'\n }\n }\n }\n }\n },\n '&-empty': {\n fontSize: fontSizeSM,\n color: colorTextQuaternary\n }\n }\n };\n};\nexport default genPresetsStyle;","import { unit } from '@ant-design/cssinjs';\nimport { getTransBg } from './color-block';\nconst genSliderStyle = token => {\n const {\n componentCls,\n colorPickerInsetShadow,\n colorBgElevated,\n colorFillSecondary,\n lineWidthBold,\n colorPickerHandlerSizeSM,\n colorPickerSliderHeight,\n marginSM,\n marginXS\n } = token;\n const handleInnerSize = token.calc(colorPickerHandlerSizeSM).sub(token.calc(lineWidthBold).mul(2).equal()).equal();\n const handleHoverSize = token.calc(colorPickerHandlerSizeSM).add(token.calc(lineWidthBold).mul(2).equal()).equal();\n const activeHandleStyle = {\n '&:after': {\n transform: 'scale(1)',\n boxShadow: `${colorPickerInsetShadow}, 0 0 0 1px ${token.colorPrimaryActive}`\n }\n };\n return {\n // ======================== Slider ========================\n [`${componentCls}-slider`]: [getTransBg(unit(colorPickerSliderHeight), token.colorFillSecondary), {\n margin: 0,\n padding: 0,\n height: colorPickerSliderHeight,\n borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),\n '&-rail': {\n height: colorPickerSliderHeight,\n borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),\n boxShadow: colorPickerInsetShadow\n },\n [`& ${componentCls}-slider-handle`]: {\n width: handleInnerSize,\n height: handleInnerSize,\n top: 0,\n borderRadius: '100%',\n '&:before': {\n display: 'block',\n position: 'absolute',\n background: 'transparent',\n left: {\n _skip_check_: true,\n value: '50%'\n },\n top: '50%',\n transform: 'translate(-50%, -50%)',\n width: handleHoverSize,\n height: handleHoverSize,\n borderRadius: '100%'\n },\n '&:after': {\n width: colorPickerHandlerSizeSM,\n height: colorPickerHandlerSizeSM,\n border: `${unit(lineWidthBold)} solid ${colorBgElevated}`,\n boxShadow: `${colorPickerInsetShadow}, 0 0 0 1px ${colorFillSecondary}`,\n outline: 'none',\n insetInlineStart: token.calc(lineWidthBold).mul(-1).equal(),\n top: token.calc(lineWidthBold).mul(-1).equal(),\n background: 'transparent',\n transition: 'none'\n },\n '&:focus': activeHandleStyle\n }\n }],\n // ======================== Layout ========================\n [`${componentCls}-slider-container`]: {\n display: 'flex',\n gap: marginSM,\n marginBottom: marginSM,\n // Group\n [`${componentCls}-slider-group`]: {\n flex: 1,\n flexDirection: 'column',\n justifyContent: 'space-between',\n display: 'flex',\n '&-disabled-alpha': {\n justifyContent: 'center'\n }\n }\n },\n [`${componentCls}-gradient-slider`]: {\n marginBottom: marginXS,\n [`& ${componentCls}-slider-handle`]: {\n '&:after': {\n transform: 'scale(0.8)'\n },\n '&-active, &:focus': activeHandleStyle\n }\n }\n };\n};\nexport default genSliderStyle;","import { unit } from '@ant-design/cssinjs';\nimport { genCompactItemStyle } from '../../style/compact-item';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport genColorBlockStyle from './color-block';\nimport genInputStyle from './input';\nimport genPickerStyle from './picker';\nimport genPresetsStyle from './presets';\nimport genSliderStyle from './slider';\nexport const genActiveStyle = (token, borderColor, outlineColor) => ({\n borderInlineEndWidth: token.lineWidth,\n borderColor,\n boxShadow: `0 0 0 ${unit(token.controlOutlineWidth)} ${outlineColor}`,\n outline: 0\n});\nconst genRtlStyle = token => {\n const {\n componentCls\n } = token;\n return {\n '&-rtl': {\n [`${componentCls}-presets-color`]: {\n '&::after': {\n direction: 'ltr'\n }\n },\n [`${componentCls}-clear`]: {\n '&::after': {\n direction: 'ltr'\n }\n }\n }\n };\n};\nconst genClearStyle = (token, size, extraStyle) => {\n const {\n componentCls,\n borderRadiusSM,\n lineWidth,\n colorSplit,\n colorBorder,\n red6\n } = token;\n return {\n [`${componentCls}-clear`]: Object.assign(Object.assign({\n width: size,\n height: size,\n borderRadius: borderRadiusSM,\n border: `${unit(lineWidth)} solid ${colorSplit}`,\n position: 'relative',\n overflow: 'hidden',\n cursor: 'inherit',\n transition: `all ${token.motionDurationFast}`\n }, extraStyle), {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetInlineEnd: token.calc(lineWidth).mul(-1).equal(),\n top: token.calc(lineWidth).mul(-1).equal(),\n display: 'block',\n width: 40,\n // maximum\n height: 2,\n // fixed\n transformOrigin: `calc(100% - 1px) 1px`,\n transform: 'rotate(-45deg)',\n backgroundColor: red6\n },\n '&:hover': {\n borderColor: colorBorder\n }\n })\n };\n};\nconst genStatusStyle = token => {\n const {\n componentCls,\n colorError,\n colorWarning,\n colorErrorHover,\n colorWarningHover,\n colorErrorOutline,\n colorWarningOutline\n } = token;\n return {\n [`&${componentCls}-status-error`]: {\n borderColor: colorError,\n '&:hover': {\n borderColor: colorErrorHover\n },\n [`&${componentCls}-trigger-active`]: Object.assign({}, genActiveStyle(token, colorError, colorErrorOutline))\n },\n [`&${componentCls}-status-warning`]: {\n borderColor: colorWarning,\n '&:hover': {\n borderColor: colorWarningHover\n },\n [`&${componentCls}-trigger-active`]: Object.assign({}, genActiveStyle(token, colorWarning, colorWarningOutline))\n }\n };\n};\nconst genSizeStyle = token => {\n const {\n componentCls,\n controlHeightLG,\n controlHeightSM,\n controlHeight,\n controlHeightXS,\n borderRadius,\n borderRadiusSM,\n borderRadiusXS,\n borderRadiusLG,\n fontSizeLG\n } = token;\n return {\n [`&${componentCls}-lg`]: {\n minWidth: controlHeightLG,\n minHeight: controlHeightLG,\n borderRadius: borderRadiusLG,\n [`${componentCls}-color-block, ${componentCls}-clear`]: {\n width: controlHeight,\n height: controlHeight,\n borderRadius\n },\n [`${componentCls}-trigger-text`]: {\n fontSize: fontSizeLG\n }\n },\n [`&${componentCls}-sm`]: {\n minWidth: controlHeightSM,\n minHeight: controlHeightSM,\n borderRadius: borderRadiusSM,\n [`${componentCls}-color-block, ${componentCls}-clear`]: {\n width: controlHeightXS,\n height: controlHeightXS,\n borderRadius: borderRadiusXS\n },\n [`${componentCls}-trigger-text`]: {\n lineHeight: unit(controlHeightXS)\n }\n }\n };\n};\nconst genColorPickerStyle = token => {\n const {\n antCls,\n componentCls,\n colorPickerWidth,\n colorPrimary,\n motionDurationMid,\n colorBgElevated,\n colorTextDisabled,\n colorText,\n colorBgContainerDisabled,\n borderRadius,\n marginXS,\n marginSM,\n controlHeight,\n controlHeightSM,\n colorBgTextActive,\n colorPickerPresetColorSize,\n colorPickerPreviewSize,\n lineWidth,\n colorBorder,\n paddingXXS,\n fontSize,\n colorPrimaryHover,\n controlOutline\n } = token;\n return [{\n [componentCls]: Object.assign({\n [`${componentCls}-inner`]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({\n '&-content': {\n display: 'flex',\n flexDirection: 'column',\n width: colorPickerWidth,\n [`& > ${antCls}-divider`]: {\n margin: `${unit(marginSM)} 0 ${unit(marginXS)}`\n }\n },\n [`${componentCls}-panel`]: Object.assign({}, genPickerStyle(token))\n }, genSliderStyle(token)), genColorBlockStyle(token, colorPickerPreviewSize)), genInputStyle(token)), genPresetsStyle(token)), genClearStyle(token, colorPickerPresetColorSize, {\n marginInlineStart: 'auto'\n })), {\n // Operation bar\n [`${componentCls}-operation`]: {\n display: 'flex',\n justifyContent: 'space-between',\n marginBottom: marginXS\n }\n }),\n '&-trigger': Object.assign(Object.assign(Object.assign(Object.assign({\n minWidth: controlHeight,\n minHeight: controlHeight,\n borderRadius,\n border: `${unit(lineWidth)} solid ${colorBorder}`,\n cursor: 'pointer',\n display: 'inline-flex',\n alignItems: 'flex-start',\n justifyContent: 'center',\n transition: `all ${motionDurationMid}`,\n background: colorBgElevated,\n padding: token.calc(paddingXXS).sub(lineWidth).equal(),\n [`${componentCls}-trigger-text`]: {\n marginInlineStart: marginXS,\n marginInlineEnd: token.calc(marginXS).sub(token.calc(paddingXXS).sub(lineWidth)).equal(),\n fontSize,\n color: colorText,\n alignSelf: 'center',\n '&-cell': {\n '&:not(:last-child):after': {\n content: '\", \"'\n },\n '&-inactive': {\n color: colorTextDisabled\n }\n }\n },\n '&:hover': {\n borderColor: colorPrimaryHover\n },\n [`&${componentCls}-trigger-active`]: Object.assign({}, genActiveStyle(token, colorPrimary, controlOutline)),\n '&-disabled': {\n color: colorTextDisabled,\n background: colorBgContainerDisabled,\n cursor: 'not-allowed',\n '&:hover': {\n borderColor: colorBgTextActive\n },\n [`${componentCls}-trigger-text`]: {\n color: colorTextDisabled\n }\n }\n }, genClearStyle(token, controlHeightSM)), genColorBlockStyle(token, controlHeightSM)), genStatusStyle(token)), genSizeStyle(token))\n }, genRtlStyle(token))\n }, genCompactItemStyle(token, {\n focusElCls: `${componentCls}-trigger-active`\n })];\n};\nexport default genStyleHooks('ColorPicker', token => {\n const {\n colorTextQuaternary,\n marginSM\n } = token;\n const colorPickerSliderHeight = 8;\n const colorPickerToken = mergeToken(token, {\n colorPickerWidth: 234,\n colorPickerHandlerSize: 16,\n colorPickerHandlerSizeSM: 12,\n colorPickerAlphaInputWidth: 44,\n colorPickerInputNumberHandleWidth: 16,\n colorPickerPresetColorSize: 24,\n colorPickerInsetShadow: `inset 0 0 1px 0 ${colorTextQuaternary}`,\n colorPickerSliderHeight,\n colorPickerPreviewSize: token.calc(colorPickerSliderHeight).mul(2).add(marginSM).equal()\n });\n return [genColorPickerStyle(colorPickerToken)];\n});","\"use client\";\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport ContextIsolator from '../_util/ContextIsolator';\nimport genPurePanel from '../_util/PurePanel';\nimport { getStatusClassNames } from '../_util/statusUtils';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider/context';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../form/context';\nimport Popover from '../popover';\nimport { useCompactItemContext } from '../space/Compact';\nimport { AggregationColor } from './color';\nimport ColorPickerPanel from './ColorPickerPanel';\nimport ColorTrigger from './components/ColorTrigger';\nimport useModeColor from './hooks/useModeColor';\nimport useStyle from './style';\nimport { genAlphaColor, generateColor, getColorAlpha } from './util';\nconst ColorPicker = props => {\n const {\n mode,\n value,\n defaultValue,\n format,\n defaultFormat,\n allowClear = false,\n presets,\n children,\n trigger = 'click',\n open,\n disabled,\n placement = 'bottomLeft',\n arrow = true,\n panelRender,\n showText,\n style,\n className,\n size: customizeSize,\n rootClassName,\n prefixCls: customizePrefixCls,\n styles,\n disabledAlpha = false,\n onFormatChange,\n onChange,\n onClear,\n onOpenChange,\n onChangeComplete,\n getPopupContainer,\n autoAdjustOverflow = true,\n destroyTooltipOnHide\n } = props,\n rest = __rest(props, [\"mode\", \"value\", \"defaultValue\", \"format\", \"defaultFormat\", \"allowClear\", \"presets\", \"children\", \"trigger\", \"open\", \"disabled\", \"placement\", \"arrow\", \"panelRender\", \"showText\", \"style\", \"className\", \"size\", \"rootClassName\", \"prefixCls\", \"styles\", \"disabledAlpha\", \"onFormatChange\", \"onChange\", \"onClear\", \"onOpenChange\", \"onChangeComplete\", \"getPopupContainer\", \"autoAdjustOverflow\", \"destroyTooltipOnHide\"]);\n const {\n getPrefixCls,\n direction,\n colorPicker\n } = useContext(ConfigContext);\n const contextDisabled = useContext(DisabledContext);\n const mergedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled;\n const [popupOpen, setPopupOpen] = useMergedState(false, {\n value: open,\n postState: openData => !mergedDisabled && openData,\n onChange: onOpenChange\n });\n const [formatValue, setFormatValue] = useMergedState(format, {\n value: format,\n defaultValue: defaultFormat,\n onChange: onFormatChange\n });\n const prefixCls = getPrefixCls('color-picker', customizePrefixCls);\n // ================== Value & Mode =================\n const [mergedColor, setColor, modeState, setModeState, modeOptions] = useModeColor(defaultValue, value, mode);\n const isAlphaColor = useMemo(() => getColorAlpha(mergedColor) < 100, [mergedColor]);\n // ==================== Change =====================\n // To enhance user experience, we cache the gradient color when switch from gradient to single\n // If user not modify single color, we will use the cached gradient color.\n const [cachedGradientColor, setCachedGradientColor] = React.useState(null);\n const onInternalChangeComplete = color => {\n if (onChangeComplete) {\n let changeColor = generateColor(color);\n // ignore alpha color\n if (disabledAlpha && isAlphaColor) {\n changeColor = genAlphaColor(color);\n }\n onChangeComplete(changeColor);\n }\n };\n const onInternalChange = (data, pickColor) => {\n let color = generateColor(data);\n // ignore alpha color\n if (disabledAlpha && isAlphaColor) {\n color = genAlphaColor(color);\n }\n setColor(color);\n setCachedGradientColor(null);\n // Trigger change event\n if (onChange) {\n onChange(color, color.toCssString());\n }\n // Only for drag-and-drop color picking\n if (!pickColor) {\n onInternalChangeComplete(color);\n }\n };\n // =================== Gradient ====================\n const [activeIndex, setActiveIndex] = React.useState(0);\n const [gradientDragging, setGradientDragging] = React.useState(false);\n // Mode change should also trigger color change\n const onInternalModeChange = newMode => {\n setModeState(newMode);\n if (newMode === 'single' && mergedColor.isGradient()) {\n setActiveIndex(0);\n onInternalChange(new AggregationColor(mergedColor.getColors()[0].color));\n // Should after `onInternalChange` since it will clear the cached color\n setCachedGradientColor(mergedColor);\n } else if (newMode === 'gradient' && !mergedColor.isGradient()) {\n const baseColor = isAlphaColor ? genAlphaColor(mergedColor) : mergedColor;\n onInternalChange(new AggregationColor(cachedGradientColor || [{\n percent: 0,\n color: baseColor\n }, {\n percent: 100,\n color: baseColor\n }]));\n }\n };\n // ================== Form Status ==================\n const {\n status: contextStatus\n } = React.useContext(FormItemInputContext);\n // ==================== Compact ====================\n const {\n compactSize,\n compactItemClassnames\n } = useCompactItemContext(prefixCls, direction);\n // ===================== Style =====================\n const mergedSize = useSize(ctx => {\n var _a;\n return (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _a !== void 0 ? _a : ctx;\n });\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const rtlCls = {\n [`${prefixCls}-rtl`]: direction\n };\n const mergedRootCls = classNames(rootClassName, cssVarCls, rootCls, rtlCls);\n const mergedCls = classNames(getStatusClassNames(prefixCls, contextStatus), {\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large'\n }, compactItemClassnames, colorPicker === null || colorPicker === void 0 ? void 0 : colorPicker.className, mergedRootCls, className, hashId);\n const mergedPopupCls = classNames(prefixCls, mergedRootCls);\n // ===================== Warning ======================\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('ColorPicker');\n process.env.NODE_ENV !== \"production\" ? warning(!(disabledAlpha && isAlphaColor), 'usage', '`disabledAlpha` will make the alpha to be 100% when use alpha color.') : void 0;\n }\n const popoverProps = {\n open: popupOpen,\n trigger,\n placement,\n arrow,\n rootClassName,\n getPopupContainer,\n autoAdjustOverflow,\n destroyTooltipOnHide\n };\n const mergedStyle = Object.assign(Object.assign({}, colorPicker === null || colorPicker === void 0 ? void 0 : colorPicker.style), style);\n // ============================ zIndex ============================\n return wrapCSSVar( /*#__PURE__*/React.createElement(Popover, Object.assign({\n style: styles === null || styles === void 0 ? void 0 : styles.popup,\n overlayInnerStyle: styles === null || styles === void 0 ? void 0 : styles.popupOverlayInner,\n onOpenChange: visible => {\n if (!visible || !mergedDisabled) {\n setPopupOpen(visible);\n }\n },\n content: /*#__PURE__*/React.createElement(ContextIsolator, {\n form: true\n }, /*#__PURE__*/React.createElement(ColorPickerPanel, {\n mode: modeState,\n onModeChange: onInternalModeChange,\n modeOptions: modeOptions,\n prefixCls: prefixCls,\n value: mergedColor,\n allowClear: allowClear,\n disabled: mergedDisabled,\n disabledAlpha: disabledAlpha,\n presets: presets,\n panelRender: panelRender,\n format: formatValue,\n onFormatChange: setFormatValue,\n onChange: onInternalChange,\n onChangeComplete: onInternalChangeComplete,\n onClear: onClear,\n activeIndex: activeIndex,\n onActive: setActiveIndex,\n gradientDragging: gradientDragging,\n onGradientDragging: setGradientDragging\n })),\n overlayClassName: mergedPopupCls\n }, popoverProps), children || ( /*#__PURE__*/React.createElement(ColorTrigger, Object.assign({\n activeIndex: popupOpen ? activeIndex : -1,\n open: popupOpen,\n className: mergedCls,\n style: mergedStyle,\n prefixCls: prefixCls,\n disabled: mergedDisabled,\n showText: showText,\n format: formatValue\n }, rest, {\n color: mergedColor\n })))));\n};\nif (process.env.NODE_ENV !== 'production') {\n ColorPicker.displayName = 'ColorPicker';\n}\nconst PurePanel = genPurePanel(ColorPicker, 'color-picker', /* istanbul ignore next */\nprefixCls => prefixCls, props => Object.assign(Object.assign({}, props), {\n placement: 'bottom',\n autoAdjustOverflow: false\n}));\nColorPicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;\nexport default ColorPicker;","import * as React from 'react';\nimport { useEvent, useMergedState } from 'rc-util';\nimport { useLocale } from '../../locale';\nimport { generateColor } from '../util';\n/**\n * Combine the `color` and `mode` to make sure sync of state.\n */\nexport default function useModeColor(defaultValue, value, mode) {\n const [locale] = useLocale('ColorPicker');\n // ======================== Base ========================\n // Color\n const [mergedColor, setMergedColor] = useMergedState(defaultValue, {\n value\n });\n // Mode\n const [modeState, setModeState] = React.useState('single');\n const [modeOptionList, modeSet] = React.useMemo(() => {\n const list = (Array.isArray(mode) ? mode : [mode]).filter(m => m);\n if (!list.length) {\n list.push('single');\n }\n const modes = new Set(list);\n const optionList = [];\n const pushOption = (modeType, localeTxt) => {\n if (modes.has(modeType)) {\n optionList.push({\n label: localeTxt,\n value: modeType\n });\n }\n };\n pushOption('single', locale.singleColor);\n pushOption('gradient', locale.gradientColor);\n return [optionList, modes];\n }, [mode]);\n // ======================== Post ========================\n // We need align `mode` with `color` state\n // >>>>> Color\n const [cacheColor, setCacheColor] = React.useState(null);\n const setColor = useEvent(nextColor => {\n setCacheColor(nextColor);\n setMergedColor(nextColor);\n });\n const postColor = React.useMemo(() => {\n const colorObj = generateColor(mergedColor || '');\n // Use `cacheColor` in case the color is `cleared`\n return colorObj.equals(cacheColor) ? cacheColor : colorObj;\n }, [mergedColor, cacheColor]);\n // >>>>> Mode\n const postMode = React.useMemo(() => {\n var _a;\n if (modeSet.has(modeState)) {\n return modeState;\n }\n return (_a = modeOptionList[0]) === null || _a === void 0 ? void 0 : _a.value;\n }, [modeSet, modeState, modeOptionList]);\n // ======================= Effect =======================\n // Dynamic update mode when color change\n React.useEffect(() => {\n setModeState(postColor.isGradient() ? 'gradient' : 'single');\n }, [postColor]);\n // ======================= Return =======================\n return [postColor, setColor, postMode, setModeState, modeOptionList];\n}","\"use client\";\n\nimport ColorPicker from './ColorPicker';\nexport default ColorPicker;","// This file is autogenerated. It's used to publish ESM to npm.\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\n// https://github.com/bgrins/TinyColor\n// Brian Grinstead, MIT License\n\nvar trimLeft = /^\\s+/;\nvar trimRight = /\\s+$/;\nfunction tinycolor(color, opts) {\n color = color ? color : \"\";\n opts = opts || {};\n\n // If input is already a tinycolor, return itself\n if (color instanceof tinycolor) {\n return color;\n }\n // If we are called as a function, call using new instead\n if (!(this instanceof tinycolor)) {\n return new tinycolor(color, opts);\n }\n var rgb = inputToRGB(color);\n this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = Math.round(100 * this._a) / 100, this._format = opts.format || rgb.format;\n this._gradientType = opts.gradientType;\n\n // Don't let the range of [0,255] come back in [0,1].\n // Potentially lose a little bit of precision here, but will fix issues where\n // .5 gets interpreted as half of the total, instead of half of 1\n // If it was supposed to be 128, this was already taken care of by `inputToRgb`\n if (this._r < 1) this._r = Math.round(this._r);\n if (this._g < 1) this._g = Math.round(this._g);\n if (this._b < 1) this._b = Math.round(this._b);\n this._ok = rgb.ok;\n}\ntinycolor.prototype = {\n isDark: function isDark() {\n return this.getBrightness() < 128;\n },\n isLight: function isLight() {\n return !this.isDark();\n },\n isValid: function isValid() {\n return this._ok;\n },\n getOriginalInput: function getOriginalInput() {\n return this._originalInput;\n },\n getFormat: function getFormat() {\n return this._format;\n },\n getAlpha: function getAlpha() {\n return this._a;\n },\n getBrightness: function getBrightness() {\n //http://www.w3.org/TR/AERT#color-contrast\n var rgb = this.toRgb();\n return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;\n },\n getLuminance: function getLuminance() {\n //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n var rgb = this.toRgb();\n var RsRGB, GsRGB, BsRGB, R, G, B;\n RsRGB = rgb.r / 255;\n GsRGB = rgb.g / 255;\n BsRGB = rgb.b / 255;\n if (RsRGB <= 0.03928) R = RsRGB / 12.92;else R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);\n if (GsRGB <= 0.03928) G = GsRGB / 12.92;else G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);\n if (BsRGB <= 0.03928) B = BsRGB / 12.92;else B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);\n return 0.2126 * R + 0.7152 * G + 0.0722 * B;\n },\n setAlpha: function setAlpha(value) {\n this._a = boundAlpha(value);\n this._roundA = Math.round(100 * this._a) / 100;\n return this;\n },\n toHsv: function toHsv() {\n var hsv = rgbToHsv(this._r, this._g, this._b);\n return {\n h: hsv.h * 360,\n s: hsv.s,\n v: hsv.v,\n a: this._a\n };\n },\n toHsvString: function toHsvString() {\n var hsv = rgbToHsv(this._r, this._g, this._b);\n var h = Math.round(hsv.h * 360),\n s = Math.round(hsv.s * 100),\n v = Math.round(hsv.v * 100);\n return this._a == 1 ? \"hsv(\" + h + \", \" + s + \"%, \" + v + \"%)\" : \"hsva(\" + h + \", \" + s + \"%, \" + v + \"%, \" + this._roundA + \")\";\n },\n toHsl: function toHsl() {\n var hsl = rgbToHsl(this._r, this._g, this._b);\n return {\n h: hsl.h * 360,\n s: hsl.s,\n l: hsl.l,\n a: this._a\n };\n },\n toHslString: function toHslString() {\n var hsl = rgbToHsl(this._r, this._g, this._b);\n var h = Math.round(hsl.h * 360),\n s = Math.round(hsl.s * 100),\n l = Math.round(hsl.l * 100);\n return this._a == 1 ? \"hsl(\" + h + \", \" + s + \"%, \" + l + \"%)\" : \"hsla(\" + h + \", \" + s + \"%, \" + l + \"%, \" + this._roundA + \")\";\n },\n toHex: function toHex(allow3Char) {\n return rgbToHex(this._r, this._g, this._b, allow3Char);\n },\n toHexString: function toHexString(allow3Char) {\n return \"#\" + this.toHex(allow3Char);\n },\n toHex8: function toHex8(allow4Char) {\n return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);\n },\n toHex8String: function toHex8String(allow4Char) {\n return \"#\" + this.toHex8(allow4Char);\n },\n toRgb: function toRgb() {\n return {\n r: Math.round(this._r),\n g: Math.round(this._g),\n b: Math.round(this._b),\n a: this._a\n };\n },\n toRgbString: function toRgbString() {\n return this._a == 1 ? \"rgb(\" + Math.round(this._r) + \", \" + Math.round(this._g) + \", \" + Math.round(this._b) + \")\" : \"rgba(\" + Math.round(this._r) + \", \" + Math.round(this._g) + \", \" + Math.round(this._b) + \", \" + this._roundA + \")\";\n },\n toPercentageRgb: function toPercentageRgb() {\n return {\n r: Math.round(bound01(this._r, 255) * 100) + \"%\",\n g: Math.round(bound01(this._g, 255) * 100) + \"%\",\n b: Math.round(bound01(this._b, 255) * 100) + \"%\",\n a: this._a\n };\n },\n toPercentageRgbString: function toPercentageRgbString() {\n return this._a == 1 ? \"rgb(\" + Math.round(bound01(this._r, 255) * 100) + \"%, \" + Math.round(bound01(this._g, 255) * 100) + \"%, \" + Math.round(bound01(this._b, 255) * 100) + \"%)\" : \"rgba(\" + Math.round(bound01(this._r, 255) * 100) + \"%, \" + Math.round(bound01(this._g, 255) * 100) + \"%, \" + Math.round(bound01(this._b, 255) * 100) + \"%, \" + this._roundA + \")\";\n },\n toName: function toName() {\n if (this._a === 0) {\n return \"transparent\";\n }\n if (this._a < 1) {\n return false;\n }\n return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;\n },\n toFilter: function toFilter(secondColor) {\n var hex8String = \"#\" + rgbaToArgbHex(this._r, this._g, this._b, this._a);\n var secondHex8String = hex8String;\n var gradientType = this._gradientType ? \"GradientType = 1, \" : \"\";\n if (secondColor) {\n var s = tinycolor(secondColor);\n secondHex8String = \"#\" + rgbaToArgbHex(s._r, s._g, s._b, s._a);\n }\n return \"progid:DXImageTransform.Microsoft.gradient(\" + gradientType + \"startColorstr=\" + hex8String + \",endColorstr=\" + secondHex8String + \")\";\n },\n toString: function toString(format) {\n var formatSet = !!format;\n format = format || this._format;\n var formattedString = false;\n var hasAlpha = this._a < 1 && this._a >= 0;\n var needsAlphaFormat = !formatSet && hasAlpha && (format === \"hex\" || format === \"hex6\" || format === \"hex3\" || format === \"hex4\" || format === \"hex8\" || format === \"name\");\n if (needsAlphaFormat) {\n // Special case for \"transparent\", all other non-alpha formats\n // will return rgba when there is transparency.\n if (format === \"name\" && this._a === 0) {\n return this.toName();\n }\n return this.toRgbString();\n }\n if (format === \"rgb\") {\n formattedString = this.toRgbString();\n }\n if (format === \"prgb\") {\n formattedString = this.toPercentageRgbString();\n }\n if (format === \"hex\" || format === \"hex6\") {\n formattedString = this.toHexString();\n }\n if (format === \"hex3\") {\n formattedString = this.toHexString(true);\n }\n if (format === \"hex4\") {\n formattedString = this.toHex8String(true);\n }\n if (format === \"hex8\") {\n formattedString = this.toHex8String();\n }\n if (format === \"name\") {\n formattedString = this.toName();\n }\n if (format === \"hsl\") {\n formattedString = this.toHslString();\n }\n if (format === \"hsv\") {\n formattedString = this.toHsvString();\n }\n return formattedString || this.toHexString();\n },\n clone: function clone() {\n return tinycolor(this.toString());\n },\n _applyModification: function _applyModification(fn, args) {\n var color = fn.apply(null, [this].concat([].slice.call(args)));\n this._r = color._r;\n this._g = color._g;\n this._b = color._b;\n this.setAlpha(color._a);\n return this;\n },\n lighten: function lighten() {\n return this._applyModification(_lighten, arguments);\n },\n brighten: function brighten() {\n return this._applyModification(_brighten, arguments);\n },\n darken: function darken() {\n return this._applyModification(_darken, arguments);\n },\n desaturate: function desaturate() {\n return this._applyModification(_desaturate, arguments);\n },\n saturate: function saturate() {\n return this._applyModification(_saturate, arguments);\n },\n greyscale: function greyscale() {\n return this._applyModification(_greyscale, arguments);\n },\n spin: function spin() {\n return this._applyModification(_spin, arguments);\n },\n _applyCombination: function _applyCombination(fn, args) {\n return fn.apply(null, [this].concat([].slice.call(args)));\n },\n analogous: function analogous() {\n return this._applyCombination(_analogous, arguments);\n },\n complement: function complement() {\n return this._applyCombination(_complement, arguments);\n },\n monochromatic: function monochromatic() {\n return this._applyCombination(_monochromatic, arguments);\n },\n splitcomplement: function splitcomplement() {\n return this._applyCombination(_splitcomplement, arguments);\n },\n // Disabled until https://github.com/bgrins/TinyColor/issues/254\n // polyad: function (number) {\n // return this._applyCombination(polyad, [number]);\n // },\n triad: function triad() {\n return this._applyCombination(polyad, [3]);\n },\n tetrad: function tetrad() {\n return this._applyCombination(polyad, [4]);\n }\n};\n\n// If input is an object, force 1 into \"1.0\" to handle ratios properly\n// String input requires \"1.0\" as input, so 1 will be treated as 1\ntinycolor.fromRatio = function (color, opts) {\n if (_typeof(color) == \"object\") {\n var newColor = {};\n for (var i in color) {\n if (color.hasOwnProperty(i)) {\n if (i === \"a\") {\n newColor[i] = color[i];\n } else {\n newColor[i] = convertToPercentage(color[i]);\n }\n }\n }\n color = newColor;\n }\n return tinycolor(color, opts);\n};\n\n// Given a string or object, convert that input to RGB\n// Possible string inputs:\n//\n// \"red\"\n// \"#f00\" or \"f00\"\n// \"#ff0000\" or \"ff0000\"\n// \"#ff000000\" or \"ff000000\"\n// \"rgb 255 0 0\" or \"rgb (255, 0, 0)\"\n// \"rgb 1.0 0 0\" or \"rgb (1, 0, 0)\"\n// \"rgba (255, 0, 0, 1)\" or \"rgba 255, 0, 0, 1\"\n// \"rgba (1.0, 0, 0, 1)\" or \"rgba 1.0, 0, 0, 1\"\n// \"hsl(0, 100%, 50%)\" or \"hsl 0 100% 50%\"\n// \"hsla(0, 100%, 50%, 1)\" or \"hsla 0 100% 50%, 1\"\n// \"hsv(0, 100%, 100%)\" or \"hsv 0 100% 100%\"\n//\nfunction inputToRGB(color) {\n var rgb = {\n r: 0,\n g: 0,\n b: 0\n };\n var a = 1;\n var s = null;\n var v = null;\n var l = null;\n var ok = false;\n var format = false;\n if (typeof color == \"string\") {\n color = stringInputToObject(color);\n }\n if (_typeof(color) == \"object\") {\n if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {\n rgb = rgbToRgb(color.r, color.g, color.b);\n ok = true;\n format = String(color.r).substr(-1) === \"%\" ? \"prgb\" : \"rgb\";\n } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {\n s = convertToPercentage(color.s);\n v = convertToPercentage(color.v);\n rgb = hsvToRgb(color.h, s, v);\n ok = true;\n format = \"hsv\";\n } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {\n s = convertToPercentage(color.s);\n l = convertToPercentage(color.l);\n rgb = hslToRgb(color.h, s, l);\n ok = true;\n format = \"hsl\";\n }\n if (color.hasOwnProperty(\"a\")) {\n a = color.a;\n }\n }\n a = boundAlpha(a);\n return {\n ok: ok,\n format: color.format || format,\n r: Math.min(255, Math.max(rgb.r, 0)),\n g: Math.min(255, Math.max(rgb.g, 0)),\n b: Math.min(255, Math.max(rgb.b, 0)),\n a: a\n };\n}\n\n// Conversion Functions\n// --------------------\n\n// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:\n// Edit
},\r\n { key: 'remove', label: Remove
},\r\n];\r\n\r\nconst GROUP_DROPDOWN_ITEMS = () => [\r\n { key: 'edit', label: Edit
},\r\n { key: 'remove', label: Remove
},\r\n];\r\n\r\nconst ReferralTeam: FC = () => {\r\n const { token } = theme.useToken();\r\n\r\n const [form] = Form.useForm();\r\n const [groupForm] = Form.useForm();\r\n\r\n const panelStyle: React.CSSProperties = {\r\n marginBottom: 24,\r\n background: token.colorFillAlter,\r\n borderRadius: token.borderRadiusLG,\r\n border: 'none',\r\n };\r\n const [getReferrersList, { data: referrersList, isFetching }] = useLazyGetReferrersListQuery();\r\n const [getCurrentUser, { data: currentUser }] = useLazyGetCurrentUserQuery();\r\n const [editReferrerList, { isLoading: isEditingReferrerList }] = useEditReferrerLinkMutation();\r\n const [deleteReferrerItem] = useDeleteReferrerItemMutation();\r\n const [getReferrerItem] = useLazyGetReferrerItemQuery();\r\n const [colorString, setColorString] = useState\r\n setOpenedDropdown(isOpen ? referrer?.id : '')}\r\n handleItemClick={(ev) => handleItemClick({ ...ev, id: referrer?.id })}>\r\n
\r\n ), // Display custom label\r\n children: loadingKeys.includes(key) ? (\r\n \r\n {referrer?.user?.profilePic ? (\r\n
\r\n {referrer?.user?.userEmail}
\r\n \r\n
\r\n #{referrer?.promoter?.promoterName}
\r\n \r\n
\r\n \r\n \r\n
\r\n ))\r\n ) : (\r\n \r\n {item?.eventName}\r\n
\r\n\r\n \r\n {' '}\r\n {item?.qtyOfTicketsReferred} tickets sold\r\n \r\n
\r\n\r\n \r\n {' '}\r\n {item?.currency === 'eur' ? '€' : '£'}\r\n {item?.valueOfTicketsReferred}\r\n \r\n
\r\nClick to load details
\r\n ), // Display relevant details\r\n style: panelStyle,\r\n };\r\n }) || [];\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n {isEditing === true ? 'EDIT' : 'ADD'} referral link\r\n \r\n {/* \r\n
\r\n \r\n {referrerGroups?.map((item, index) => (\r\n \r\n Referral team \r\n \r\n
\r\n \r\n setTerm(e.target.value)}\r\n />\r\n \r\n setRequestFilter((prevValue) => ({ ...prevValue, PageSize: size, PageNumber: 1 }))\r\n }\r\n />\r\n )}\r\n
\r\n \r\n setType(value as ReferrerEnum)}\r\n defaultValue=\"All\"\r\n options={[\r\n { label: 'All', value: ReferrerEnum.ALL },\r\n { label: 'Most Sales', value: ReferrerEnum.MOST_SALES },\r\n ]}\r\n placeholder=\"Choose event type\"\r\n />\r\n
\r\n {isFetching ? (\r\n \r\n Promoter: \r\n setPromoterId(value)}\r\n defaultValue={currentUser?.promoters[0].promoterId}\r\n options={promoterOptions}\r\n placeholder=\"Choose promoter\"\r\n />\r\n
\r\n \r\n
*/}\r\n \r\n {item.name}\r\n {item.colour} \r\n setOpenedGroupDropdown(isOpen ? item?.id : '')}\r\n handleItemClick={(ev) => handleGroupItemClick({ ...ev, id: item?.id })}>\r\n
\r\n ))}\r\n \r\n
\r\n \r\n \r\n handleSubmit}>\r\n {isEditing === true ? 'EDIT' : 'ADD'} REFERAL LINK\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \r\n \r\n {activeEvent?.currency &&\r\n CURRENCIES_SETTING[activeEvent?.currency?.toUpperCase()]?.symbol}{' '}\r\n {value}\r\n
\r\n ),\r\n },\r\n ];\r\n const tabItems = [\r\n {\r\n label: 'Referral links',\r\n key: 'referral_links',\r\n children: (\r\n \r\n \r\n \r\n \r\n Add event referral link\r\n \r\n {/* \r\n \r\n \r\n\r\n \r\n
\r\n ),\r\n },\r\n {\r\n label: 'Iframe',\r\n key: 'iframe',\r\n children: (\r\n \r\n
*/}\r\n \r\n \r\n Like this: Copy the code and send to your web developer, tell them our developers say\r\n hey!\r\n \r\n \r\n \r\n The above code should be placed before the end of your website HTML body tag.\r\n \r\n
\r\n ),\r\n },\r\n // {\r\n // label: 'Ticket Office',\r\n // key: 'ticket_office',\r\n // children: Office
,\r\n // },\r\n ];\r\n\r\n const handleSetActiveEvent = useCallback((event: UserEventType) => {\r\n setActiveEvent(event);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const storedEvent = localStorage.getItem('currentEvent');\r\n if (storedEvent) {\r\n setActiveEvent(JSON.parse(storedEvent));\r\n }\r\n }, [currentUser, setActiveEvent]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SalesChannel;\r\n","import SalesChannel from './salesChannel';\r\n\r\nexport default SalesChannel;\r\n","import ScanPage from './scanPage';\r\n\r\nexport default ScanPage;\r\n","import { FC } from 'react';\r\n\r\nimport ComingSoon from 'component/coming-soon';\r\n\r\nconst ScanPage: FC = () => {\r\n return (\r\n \r\n \r\n {activeEvent?.eventName} Sales Channels\r\n \r\n
\r\n {activeEvent && (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ScanPage;\r\n","import Sellers from './sellers';\r\n\r\nexport default Sellers;\r\n","import { FC } from 'react';\r\n\r\nimport ComingSoon from 'component/coming-soon';\r\n\r\nconst Sellers: FC = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Sellers;\r\n","export enum LOGIN_FORM_ENUM {\r\n EMAIL = 'email',\r\n PASSWORD = 'password',\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"ForgotPassword_wrapper__4xPj7\",\"form\":\"ForgotPassword_form__GLg1G\",\"link\":\"ForgotPassword_link__s-q-G\",\"reset\":\"ForgotPassword_reset__DSVnA\",\"text\":\"ForgotPassword_text__Yh44f\",\"forgotBlock\":\"ForgotPassword_forgotBlock__qRBkC\",\"privacy\":\"ForgotPassword_privacy__l48WE\",\"termsLink\":\"ForgotPassword_termsLink__gxsfB\"};","import { FC, useCallback, useEffect, useState } from 'react';\r\n\r\nimport { Button } from 'antd';\r\nimport { GoogleReCaptcha } from 'react-google-recaptcha-v3';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { LOGIN_ROUTE } from 'routes/user-management/list';\r\nimport { t } from 'tools/i18n';\r\nimport { Form, Icon, Input, Label, Typography, message } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { useForgotPasswordMutation } from 'services/events/eventsApiService';\r\n\r\nimport { LOGIN_FORM_ENUM } from '../login/login.utils';\r\nimport s from './ForgotPassword.module.scss';\r\n\r\nconst toggleCaptchaBadge = (show: boolean) => {\r\n const badge = document.getElementsByClassName('grecaptcha-badge')[0];\r\n if (badge && badge instanceof HTMLElement) {\r\n badge.style.visibility = show ? 'visible' : 'hidden';\r\n }\r\n};\r\n\r\nconst ForgotPassword: FC = () => {\r\n const navigate = useNavigate();\r\n const [token, setToken] = useState\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ForgotPassword;\r\n","import ForgotPassword from './forgotPassword';\r\n\r\nexport default ForgotPassword;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Background_wrapper__8fNY7\",\"content\":\"Background_content__UE4z-\",\"background\":\"Background_background__Co4Gi\",\"blue\":\"Background_blue__AJU7w\",\"green\":\"Background_green__1Z-jF\",\"purple\":\"Background_purple__Grf3w\"};","import Background from './background';\r\n\r\nexport default Background;\r\n","import { FC, PropsWithChildren } from 'react';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport s from './Background.module.scss';\r\n\r\ninterface BackgroundProps {\r\n // Define your component props here\r\n}\r\n\r\nconst Background: FC\r\n \r\n {/* */}\r\n \r\n
\r\n);\r\n\r\nexport default Background;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"Login_wrapper__zfjEh\"};","export const trackEvent = (eventName: string, eventData?: object) => {\r\n // Ensure dataLayer is defined\r\n window.dataLayer = window.dataLayer || [];\r\n\r\n // Push event to GTM dataLayer\r\n window.dataLayer.push({\r\n event: eventName,\r\n ...eventData, // Merge the custom event data\r\n });\r\n\r\n console.log(`${eventName} event pushed to GTM`, eventData);\r\n};\r\n","export const CORE_URLS: Record{children}
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BenefitsContent;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"form\":\"LoginForm_form__YWI65\",\"text\":\"LoginForm_text__foBOh\",\"link\":\"LoginForm_link__sA5ZF\",\"forgotLink\":\"LoginForm_forgotLink__YNkgT\",\"forgotBlock\":\"LoginForm_forgotBlock__VaWpD\",\"privacy\":\"LoginForm_privacy__H-hd2\",\"termsLink\":\"LoginForm_termsLink__iu0sh\",\"wrapper\":\"LoginForm_wrapper__Hsilv\",\"logo\":\"LoginForm_logo__hdTRt\"};","import { FC, useCallback } from 'react';\r\n\r\nimport cn from 'classnames';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { MY_EVENTS_ROUTE } from 'routes/events/list';\r\nimport { FORGOT_PASSWORD_ROUTE } from 'routes/user-management/list';\r\nimport { setTokenCookies } from 'tools/cookieTools';\r\nimport { t } from 'tools/i18n';\r\nimport { Button, Form, Icon, Input, Label, NavLink, Typography } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { useLazyLoginQuery } from 'services/user-management/userManagementApiService';\r\n\r\nimport { EMAIL_PLACEHOLDER, PASSWORD_PLACEHOLDER } from 'constants/core-constants';\r\nimport { CORE_URLS } from 'constants/coreUrls';\r\n\r\nimport { LOGIN_FORM_ENUM } from '../login.utils';\r\nimport s from './LoginForm.module.scss';\r\n\r\nconst LoginForm: FC = () => {\r\n const [getUser, { isLoading: loginIsLoading }] = useLazyLoginQuery();\r\n const navigate = useNavigate();\r\n\r\n const handleSubmit = useCallback(\r\n async (data: { email: string; password: string }) => {\r\n if (localStorage.getItem('currentEvent')) {\r\n localStorage.removeItem('currentEvent');\r\n }\r\n const res = await getUser({ email: data.email, password: data.password });\r\n\r\n if ('data' in res) {\r\n setTokenCookies(res?.data?.accessToken, res?.data?.refreshToken);\r\n navigate(MY_EVENTS_ROUTE);\r\n }\r\n },\r\n [getUser, navigate],\r\n );\r\n\r\n return (\r\n \r\n \r\n Need help?{' '}\r\n \r\n Contact Us\r\n \r\n \r\n
\r\n \r\n \r\n {t('auth_benefits_title')}\r\n \r\n
\r\n \r\n {benefitsContent.map((item) => (\r\n
\r\n \r\n
\r\n ))}\r\n {t(item.label)}
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LoginForm;\r\n","import LoginForm from './loginForm';\r\n\r\nexport default LoginForm;\r\n","import Login from './login';\r\n\r\nexport default Login;\r\n","import React from 'react';\r\n\r\nimport Background from 'component/background';\r\n\r\nimport s from './Login.module.scss';\r\nimport BenefitsContent from './benefits-content';\r\nimport LoginForm from './login-form';\r\n\r\nconst Login = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default RegisterBenefitsContent;\r\n","import { RegisterRequestProps } from 'types/user-management/auth';\r\n\r\nexport enum REGISTER_FORM_ENUM {\r\n FIRST_NAME = 'firstName',\r\n SECOND_NAME = 'lastName',\r\n\r\n PHONE = 'mobileNumber',\r\n\r\n EMAIL = 'email',\r\n CONFIRM_EMAIL = 'confirmEmail',\r\n PASSWORD = 'password',\r\n CONFIRM_PASSWORD = 'confirmPassword',\r\n\r\n SH_PROMOTIONS = 'optForShowsHappeningPromotions',\r\n PROMOTIONS = 'optForPromoterPromotions',\r\n}\r\n\r\nexport const prepareRegisterFormData = (data: RegisterRequestProps) => {\r\n const result = {} as RegisterRequestProps;\r\n\r\n if (!data[REGISTER_FORM_ENUM.SH_PROMOTIONS]) {\r\n result[REGISTER_FORM_ENUM.SH_PROMOTIONS] = false;\r\n }\r\n\r\n if (!data[REGISTER_FORM_ENUM.PROMOTIONS]) {\r\n result[REGISTER_FORM_ENUM.PROMOTIONS] = false;\r\n }\r\n\r\n if (data[REGISTER_FORM_ENUM.PHONE]) {\r\n result[REGISTER_FORM_ENUM.PHONE] = `+${data[REGISTER_FORM_ENUM.PHONE]}`;\r\n }\r\n\r\n if (data[REGISTER_FORM_ENUM.EMAIL]) {\r\n result[REGISTER_FORM_ENUM.EMAIL] = data[REGISTER_FORM_ENUM.EMAIL];\r\n }\r\n\r\n if (data[REGISTER_FORM_ENUM.FIRST_NAME]) {\r\n result[REGISTER_FORM_ENUM.FIRST_NAME] = data[REGISTER_FORM_ENUM.FIRST_NAME];\r\n }\r\n\r\n if (data[REGISTER_FORM_ENUM.SECOND_NAME]) {\r\n result[REGISTER_FORM_ENUM.SECOND_NAME] = data[REGISTER_FORM_ENUM.SECOND_NAME];\r\n }\r\n\r\n if (data[REGISTER_FORM_ENUM.PASSWORD]) {\r\n result[REGISTER_FORM_ENUM.PASSWORD] = data[REGISTER_FORM_ENUM.PASSWORD];\r\n }\r\n\r\n if (data[REGISTER_FORM_ENUM.CONFIRM_PASSWORD]) {\r\n result[REGISTER_FORM_ENUM.CONFIRM_PASSWORD] = data[REGISTER_FORM_ENUM.CONFIRM_PASSWORD];\r\n }\r\n\r\n return result;\r\n};\r\n","// extracted by mini-css-extract-plugin\nexport default {\"form\":\"RegisterForm_form__OKQkf\",\"text\":\"RegisterForm_text__rp0cc\",\"row\":\"RegisterForm_row__2LMtt\",\"phone\":\"RegisterForm_phone__9+RSY\",\"phoneContainer\":\"RegisterForm_phoneContainer__DBFK1\",\"phoneButton\":\"RegisterForm_phoneButton__foKvR\",\"checkboxes\":\"RegisterForm_checkboxes__qVJMV\",\"privacy\":\"RegisterForm_privacy__Yjwlk\",\"termsLink\":\"RegisterForm_termsLink__TV1PN\",\"wrapper\":\"RegisterForm_wrapper__XA6Ml\",\"logo\":\"RegisterForm_logo__eS9Ja\",\"block\":\"RegisterForm_block__ltI64\",\"hint\":\"RegisterForm_hint__GbZfn\",\"invalid\":\"RegisterForm_invalid__-cy7O\",\"valid\":\"RegisterForm_valid__ExQlh\"};","import { FC, useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nimport { trackEvent } from 'EventTracker';\r\nimport cn from 'classnames';\r\nimport { useGoogleReCaptcha } from 'react-google-recaptcha-v3';\r\nimport PhoneInput from 'react-phone-input-2';\r\nimport mt from 'react-phone-input-2';\r\nimport 'react-phone-input-2/lib/style.css';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { DASHBOARD_ROUTE } from 'routes/dashboard/list';\r\nimport { setTokenCookies } from 'tools/cookieTools';\r\nimport { t } from 'tools/i18n';\r\nimport { Button, Checkbox, Form, Icon, Input, Typography } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport {\r\n useLazyLoginQuery,\r\n useRegisterMutation,\r\n} from 'services/user-management/userManagementApiService';\r\n\r\nimport { EMAIL_PLACEHOLDER, PASSWORD_PLACEHOLDER } from 'constants/core-constants';\r\nimport { CORE_URLS } from 'constants/coreUrls';\r\nimport { RegisterRequestProps } from 'types/user-management/auth';\r\n\r\nimport { REGISTER_FORM_ENUM, prepareRegisterFormData } from '../register.utils';\r\nimport s from './RegisterForm.module.scss';\r\n\r\nconst digitPattern = /\\d/;\r\nconst uppercasePattern = /[A-Z]/;\r\nconst RegisterForm: FC = () => {\r\n const [registration, { isLoading }] = useRegisterMutation();\r\n const [getUser, { isLoading: loginIsLoading }] = useLazyLoginQuery();\r\n const [form] = Form.useForm();\r\n const password = Form.useWatch(REGISTER_FORM_ENUM.PASSWORD, form);\r\n const [blurPassword, setBlurPassword] = useState(false);\r\n const [isPasswordDirty, setIsPasswordDirty] = useState(false);\r\n const navigate = useNavigate();\r\n const { executeRecaptcha } = useGoogleReCaptcha();\r\n\r\n const passwordValidation = useMemo(() => {\r\n return {\r\n length: password?.length >= 6,\r\n number: digitPattern.test(password),\r\n uppercase: uppercasePattern.test(password),\r\n };\r\n }, [password]);\r\n\r\n const handleSubmit = useCallback(\r\n async (data: RegisterRequestProps) => {\r\n const result = prepareRegisterFormData(data);\r\n if (executeRecaptcha) {\r\n const token = await executeRecaptcha('register');\r\n const res = await registration({ ...result, captchaResponse: token });\r\n if (localStorage.getItem('currentEvent')) {\r\n localStorage.removeItem('currentEvent');\r\n }\r\n if ('data' in res) {\r\n const userRes = await getUser({\r\n email: data[REGISTER_FORM_ENUM.EMAIL],\r\n password: data[REGISTER_FORM_ENUM.PASSWORD],\r\n });\r\n\r\n if ('data' in userRes) {\r\n setTokenCookies(userRes?.data?.accessToken, userRes?.data?.refreshToken);\r\n navigate(DASHBOARD_ROUTE);\r\n trackEvent('signup_completed');\r\n }\r\n }\r\n }\r\n },\r\n [executeRecaptcha, registration, getUser, navigate],\r\n );\r\n\r\n useEffect(() => {\r\n if (password?.length) {\r\n setIsPasswordDirty(true);\r\n }\r\n }, [password]);\r\n\r\n const invalidPasswordField = {\r\n length: (isPasswordDirty || blurPassword) && !passwordValidation.length,\r\n number: (isPasswordDirty || blurPassword) && !passwordValidation.number,\r\n uppercase: (isPasswordDirty || blurPassword) && !passwordValidation.uppercase,\r\n };\r\n\r\n return (\r\n \r\n \r\n Need help? Contact Us\r\n \r\n
\r\n \r\n \r\n {t('auth_register_benefits_title')}\r\n \r\n
\r\n \r\n {registerBenefitsContent.map((item) => (\r\n
\r\n \r\n
\r\n ))}\r\n {t(item.label)}
\r\n \r\n {t('auth_already_have_account')} \r\n \r\n
\r\n\r\n \r\n setBlurPassword(true)}\r\n onValuesChange={(changedValues) => console.log(changedValues)}>\r\n \r\n {t('auth_new_to_sh')}\r\n \r\n\r\n \r\n \r\n Number\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 validator(_, value) {\r\n if (!value || getFieldValue('email') === value) {\r\n return Promise.resolve();\r\n }\r\n return Promise.reject(new Error('The confirm email does not match!'));\r\n },\r\n }),\r\n ]}\r\n fullWidth>\r\n
\r\n\r\n \r\n \r\n Uppercase\r\n
\r\n \r\n \r\n setBlurPassword(false)}\r\n onBlur={() => setBlurPassword(true)}\r\n />\r\n \r\n ({\r\n validator(_, value) {\r\n if (!value || getFieldValue('password') === value) {\r\n return Promise.resolve();\r\n }\r\n return Promise.reject(new Error('The confirm password does not match!'));\r\n },\r\n }),\r\n ]}>\r\n
\r\n \r\n \r\n 6 characters\r\n
\r\n \r\n \r\n {t('auth_sh_promotions_text')} \r\n \r\n\r\n \r\n {t('auth_promotions_text')} \r\n \r\n
\r\n\r\n \r\n\r\n \r\n By continuing you agree to ShowsHappening\r\n
\r\n \r\n Terms of Service\r\n \r\n and\r\n \r\n Privacy Policy\r\n \r\n .\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default RegisterForm;\r\n","import RegisterForm from './registerForm';\r\n\r\nexport default RegisterForm;\r\n","import { FC, useEffect } from 'react';\r\n\r\nimport Background from '../../../component/background';\r\nimport s from './Register.module.scss';\r\nimport RegisterBenefitsContent from './benefits-content';\r\nimport RegisterForm from './register-form';\r\n\r\nconst toggleCaptchaBadge = (show: boolean) => {\r\n const badge = document.getElementsByClassName('grecaptcha-badge')[0];\r\n if (badge && badge instanceof HTMLElement) {\r\n badge.style.visibility = show ? 'visible' : 'hidden';\r\n }\r\n};\r\n\r\nconst Register: FC = () => {\r\n useEffect(() => {\r\n toggleCaptchaBadge(true);\r\n return () => toggleCaptchaBadge(false);\r\n }, []);\r\n return (\r\n \r\n \r\n Terms of Service\r\n \r\n and\r\n \r\n Privacy Policy\r\n \r\n .\r\n
\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default FormSubmit;\r\n","import { EVENT_CREATE_FORM_BASIC_INFO_ENUM } from 'pages/events/events-create-event-form/event-create-form-basic-info/basicInfo.utils';\r\nimport { EVENT_CREATE_FORM_DETAILS_ENUM } from 'pages/events/events-create-event-form/event-create-form-details/eventCreateFormDetails.utils';\r\nimport { TAXES_FORM_ENUM } from 'pages/events/events-create-event-form/event-create-form-taxes/eventCreateFormTaxes.utils';\r\nimport { ORGANISER_DETAILS_FORM } from 'pages/user-management/user-setting/organiser-details/organiserDetailsForm.utils';\r\n\r\nexport const ORGANISER_DETAILS_FORM_REQUIRED_FIELDS = [\r\n ORGANISER_DETAILS_FORM.COMPANY_NAME,\r\n ORGANISER_DETAILS_FORM.COMPANY_EMAIL,\r\n ORGANISER_DETAILS_FORM.COMPANY_URL,\r\n ORGANISER_DETAILS_FORM.COMPANY_ADDRESS,\r\n ORGANISER_DETAILS_FORM.COMPANY_PHONE,\r\n ORGANISER_DETAILS_FORM.COMPANY_TOWN,\r\n ORGANISER_DETAILS_FORM.COMPANY_CURRENCY,\r\n // ORGANISER_DETAILS_FORM.COMPANY_POSTCODE,\r\n];\r\n\r\n// export const BANK_DETAILS_FORM_REQUIRED_FIELDS = [BANK_DETAILS_FORM_ENUM.BILLING_VAT_NUMBER];\r\nexport const BANK_DETAILS_FORM_REQUIRED_FIELDS = [];\r\n\r\nexport const EVENT_CREATE_FORM_BASIC_REQUIRED_FIELDS = [\r\n EVENT_CREATE_FORM_BASIC_INFO_ENUM.EVENT_TITLE,\r\n EVENT_CREATE_FORM_BASIC_INFO_ENUM.SLUG,\r\n EVENT_CREATE_FORM_BASIC_INFO_ENUM.CATEGORIES,\r\n EVENT_CREATE_FORM_BASIC_INFO_ENUM.LOCATION,\r\n EVENT_CREATE_FORM_BASIC_INFO_ENUM.DATES,\r\n];\r\n\r\nexport const EVENT_CREATE_FORM_DETAILS_REQUIRED_FIELDS = [\r\n EVENT_CREATE_FORM_DETAILS_ENUM.FULL_DESCRIPTION,\r\n];\r\n\r\nexport const EVENT_CREATE_FORM_TAXES_REQUIRED_FIELDS = [TAXES_FORM_ENUM.VAT_RATE];\r\n","import FormSubmit from 'containers/form-submit/formSubmit';\r\n\r\nexport default FormSubmit;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"OrganiserDetails_wrapper__pbFKc\",\"title\":\"OrganiserDetails_title__1az3Q\",\"about\":\"OrganiserDetails_about__d2oLK\",\"form\":\"OrganiserDetails_form__Cwrqd\",\"editing\":\"OrganiserDetails_editing__2q57U\",\"linkButton\":\"OrganiserDetails_linkButton__zksip\",\"activeButton\":\"OrganiserDetails_activeButton__tG+h+\",\"space\":\"OrganiserDetails_space__i1Hki\",\"passiveButton\":\"OrganiserDetails_passiveButton__alxkX\",\"info\":\"OrganiserDetails_info__piT2R\",\"label\":\"OrganiserDetails_label__0AFI7\",\"required\":\"OrganiserDetails_required__CTXEq\",\"column\":\"OrganiserDetails_column__t4+GN\",\"row\":\"OrganiserDetails_row__AWfIz\",\"hint\":\"OrganiserDetails_hint__Jo0yn\",\"start\":\"OrganiserDetails_start__bP7ov\",\"yourSiteWrap\":\"OrganiserDetails_yourSiteWrap__1YW0S\",\"shUrl\":\"OrganiserDetails_shUrl__BdPzW\",\"phone\":\"OrganiserDetails_phone__mLI-+\",\"phoneContainer\":\"OrganiserDetails_phoneContainer__FpcU1\",\"phoneButton\":\"OrganiserDetails_phoneButton__uL-ao\"};","import AboutCompany from './aboutCompany';\r\n\r\nexport default AboutCompany;\r\n","import { FC } from 'react';\r\n\r\nimport { t } from 'tools/i18n';\r\nimport { Form, TextArea, Typography } from 'ui';\r\n\r\nimport s from '../OrganiserDetails.module.scss';\r\nimport { ORGANISER_DETAILS_FORM } from '../organiserDetailsForm.utils';\r\n\r\nconst AboutCompany: FC = () => {\r\n return (\r\n \r\n {!!neededFields?.length && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n Note. Please enter all required information in the fields marked with an{' '}\r\n * to proceed to the next step. Missing fields:{' '}\r\n {neededFields?.map((field) => field && {t(`field_${field}`)}, )}\r\n
\r\n \r\n {isDirty && !isEditing && !createEvent ? (\r\n \r\n \r\n {createEvent ? 'Next' : 'Save'}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n CHANGES SAVED\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n {t('common_about')}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AboutCompany;\r\n","import AddressInfo from './addressInfo';\r\n\r\nexport default AddressInfo;\r\n","import { FC } from 'react';\r\n\r\nimport cn from 'classnames';\r\nimport mt from 'react-phone-input-2';\r\nimport PhoneInput from 'react-phone-input-2';\r\nimport { t } from 'tools/i18n';\r\nimport { Form, Input, Select, Typography } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { useGetAvailableCurrenciesQuery } from 'services/system/systemApiService';\r\n\r\nimport s from '../OrganiserDetails.module.scss';\r\nimport { ORGANISER_DETAILS_FORM } from '../organiserDetailsForm.utils';\r\n\r\nconst AddressInfo: FC = () => {\r\n const { data: currencies } = useGetAvailableCurrenciesQuery();\r\n return (\r\n <>\r\n \r\n \r\n {t('common_company_address')}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {t('common_town')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('common_postcode')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Currency\r\n \r\n \r\n ({\r\n label: `${item.symbol} ${item.name}`,\r\n value: item.code,\r\n }))}\r\n size=\"large\"\r\n placeholder=\"Choose currency\">\r\n \r\n
\r\n \r\n \r\n {t('common_country')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('common_phone_number')}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AddressInfo;\r\n","import NameInputs from './nameInputs';\r\n\r\nexport default NameInputs;\r\n","import { FC } from 'react';\r\n\r\nimport cn from 'classnames';\r\nimport { t } from 'tools/i18n';\r\nimport { Form, Input, Typography } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { EMAIL_PLACEHOLDER } from 'constants/core-constants';\r\n\r\nimport s from '../OrganiserDetails.module.scss';\r\nimport { ORGANISER_DETAILS_FORM } from '../organiserDetailsForm.utils';\r\n\r\nconst NameInputs: FC = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NameInputs;\r\n","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.push(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.push(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","/**\n * Compare [semver](https://semver.org/) version strings to find greater, equal or lesser.\n * This library supports the full semver specification, including comparing versions with different number of digits like `1.0.0`, `1.0`, `1`, and pre-release versions like `1.0.0-alpha`.\n * @param v1 - First version to compare\n * @param v2 - Second version to compare\n * @returns Numeric value compatible with the [Array.sort(fn) interface](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Parameters).\n */\nexport const compareVersions = (v1: string, v2: string) => {\n // validate input and split into segments\n const n1 = validateAndParse(v1);\n const n2 = validateAndParse(v2);\n\n // pop off the patch\n const p1 = n1.pop();\n const p2 = n2.pop();\n\n // validate numbers\n const r = compareSegments(n1, n2);\n if (r !== 0) return r;\n\n // validate pre-release\n if (p1 && p2) {\n return compareSegments(p1.split('.'), p2.split('.'));\n } else if (p1 || p2) {\n return p1 ? -1 : 1;\n }\n\n return 0;\n};\n\n/**\n * Validate [semver](https://semver.org/) version strings.\n *\n * @param version Version number to validate\n * @returns `true` if the version number is a valid semver version number, `false` otherwise.\n *\n * @example\n * ```\n * validate('1.0.0-rc.1'); // return true\n * validate('1.0-rc.1'); // return false\n * validate('foo'); // return false\n * ```\n */\nexport const validate = (version: string) =>\n typeof version === 'string' && /^[v\\d]/.test(version) && semver.test(version);\n\n/**\n * Allowed arithmetic operators\n */\nexport type CompareOperator = '>' | '>=' | '=' | '<' | '<=';\n\n/**\n * Compare [semver](https://semver.org/) version strings using the specified operator.\n *\n * @param v1 First version to compare\n * @param v2 Second version to compare\n * @param operator Allowed arithmetic operator to use\n * @returns `true` if the comparison between the firstVersion and the secondVersion satisfies the operator, `false` otherwise.\n *\n * @example\n * ```\n * compare('10.1.8', '10.0.4', '>'); // return true\n * compare('10.0.1', '10.0.1', '='); // return true\n * compare('10.1.1', '10.2.2', '<'); // return true\n * compare('10.1.1', '10.2.2', '<='); // return true\n * compare('10.1.1', '10.2.2', '>='); // return false\n * ```\n */\nexport const compare = (v1: string, v2: string, operator: CompareOperator) => {\n // validate input operator\n assertValidOperator(operator);\n\n // since result of compareVersions can only be -1 or 0 or 1\n // a simple map can be used to replace switch\n const res = compareVersions(v1, v2);\n\n return operatorResMap[operator].includes(res);\n};\n\n/**\n * Match [npm semver](https://docs.npmjs.com/cli/v6/using-npm/semver) version range.\n *\n * @param version Version number to match\n * @param range Range pattern for version\n * @returns `true` if the version number is within the range, `false` otherwise.\n *\n * @example\n * ```\n * satisfies('1.1.0', '^1.0.0'); // return true\n * satisfies('1.1.0', '~1.0.0'); // return false\n * ```\n */\nexport const satisfies = (version: string, range: string): boolean => {\n // handle multiple comparators\n if (range.includes('||')) {\n return range.split('||').some((r) => satisfies(version, r));\n } else if (range.includes(' ')) {\n return range\n .trim()\n .replace(/\\s{2,}/g, ' ')\n .split(' ')\n .every((r) => satisfies(version, r));\n }\n\n // if no range operator then \"=\"\n const m = range.match(/^([<>=~^]+)/);\n const op = m ? m[1] : '=';\n\n // if gt/lt/eq then operator compare\n if (op !== '^' && op !== '~')\n return compare(version, range, op as CompareOperator);\n\n // else range of either \"~\" or \"^\" is assumed\n const [v1, v2, v3, , vp] = validateAndParse(version);\n const [r1, r2, r3, , rp] = validateAndParse(range);\n const v = [v1, v2, v3];\n const r = [r1, r2 ?? 'x', r3 ?? 'x'];\n\n // validate pre-release\n if (rp) {\n if (!vp) return false;\n if (compareSegments(v, r) !== 0) return false;\n if (compareSegments(vp.split('.'), rp.split('.')) === -1) return false;\n }\n\n // first non-zero number\n const nonZero = r.findIndex((v) => v !== '0') + 1;\n\n // pointer to where segments can be >=\n const i = op === '~' ? 2 : nonZero > 1 ? nonZero : 1;\n\n // before pointer must be equal\n if (compareSegments(v.slice(0, i), r.slice(0, i)) !== 0) return false;\n\n // after pointer must be >=\n if (compareSegments(v.slice(i), r.slice(i)) === -1) return false;\n\n return true;\n};\n\nconst semver =\n /^[v^~<>=]*?(\\d+)(?:\\.([x*]|\\d+)(?:\\.([x*]|\\d+)(?:\\.([x*]|\\d+))?(?:-([\\da-z\\-]+(?:\\.[\\da-z\\-]+)*))?(?:\\+[\\da-z\\-]+(?:\\.[\\da-z\\-]+)*)?)?)?$/i;\n\nconst validateAndParse = (version: string) => {\n if (typeof version !== 'string') {\n throw new TypeError('Invalid argument expected string');\n }\n const match = version.match(semver);\n if (!match) {\n throw new Error(\n `Invalid argument not valid semver ('${version}' received)`\n );\n }\n match.shift();\n return match;\n};\n\nconst isWildcard = (s: string) => s === '*' || s === 'x' || s === 'X';\n\nconst tryParse = (v: string) => {\n const n = parseInt(v, 10);\n return isNaN(n) ? v : n;\n};\n\nconst forceType = (a: string | number, b: string | number) =>\n typeof a !== typeof b ? [String(a), String(b)] : [a, b];\n\nconst compareStrings = (a: string, b: string) => {\n if (isWildcard(a) || isWildcard(b)) return 0;\n const [ap, bp] = forceType(tryParse(a), tryParse(b));\n if (ap > bp) return 1;\n if (ap < bp) return -1;\n return 0;\n};\n\nconst compareSegments = (\n a: string | string[] | RegExpMatchArray,\n b: string | string[] | RegExpMatchArray\n) => {\n for (let i = 0; i < Math.max(a.length, b.length); i++) {\n const r = compareStrings(a[i] || '0', b[i] || '0');\n if (r !== 0) return r;\n }\n return 0;\n};\n\nconst operatorResMap = {\n '>': [1],\n '>=': [0, 1],\n '=': [0],\n '<=': [-1, 0],\n '<': [-1],\n};\n\nconst allowedOperators = Object.keys(operatorResMap);\n\nconst assertValidOperator = (op: string) => {\n if (typeof op !== 'string') {\n throw new TypeError(\n `Invalid operator type, expected string but got ${typeof op}`\n );\n }\n if (allowedOperators.indexOf(op) === -1) {\n throw new Error(\n `Invalid operator, expected one of ${allowedOperators.join('|')}`\n );\n }\n};\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import { Area, MediaSize, Point, Size } from './types'\n\n/**\n * Compute the dimension of the crop area based on media size,\n * aspect ratio and optionally rotation\n */\nexport function getCropSize(\n mediaWidth: number,\n mediaHeight: number,\n containerWidth: number,\n containerHeight: number,\n aspect: number,\n rotation = 0\n): Size {\n const { width, height } = rotateSize(mediaWidth, mediaHeight, rotation)\n const fittingWidth = Math.min(width, containerWidth)\n const fittingHeight = Math.min(height, containerHeight)\n\n if (fittingWidth > fittingHeight * aspect) {\n return {\n width: fittingHeight * aspect,\n height: fittingHeight,\n }\n }\n\n return {\n width: fittingWidth,\n height: fittingWidth / aspect,\n }\n}\n\n/**\n * Compute media zoom.\n * We fit the media into the container with \"max-width: 100%; max-height: 100%;\"\n */\nexport function getMediaZoom(mediaSize: MediaSize) {\n // Take the axis with more pixels to improve accuracy\n return mediaSize.width > mediaSize.height\n ? mediaSize.width / mediaSize.naturalWidth\n : mediaSize.height / mediaSize.naturalHeight\n}\n\n/**\n * Ensure a new media position stays in the crop area.\n */\nexport function restrictPosition(\n position: Point,\n mediaSize: Size,\n cropSize: Size,\n zoom: number,\n rotation = 0\n): Point {\n const { width, height } = rotateSize(mediaSize.width, mediaSize.height, rotation)\n\n return {\n x: restrictPositionCoord(position.x, width, cropSize.width, zoom),\n y: restrictPositionCoord(position.y, height, cropSize.height, zoom),\n }\n}\n\nfunction restrictPositionCoord(\n position: number,\n mediaSize: number,\n cropSize: number,\n zoom: number\n): number {\n const maxPosition = (mediaSize * zoom) / 2 - cropSize / 2\n\n return clamp(position, -maxPosition, maxPosition)\n}\n\nexport function getDistanceBetweenPoints(pointA: Point, pointB: Point) {\n return Math.sqrt(Math.pow(pointA.y - pointB.y, 2) + Math.pow(pointA.x - pointB.x, 2))\n}\n\nexport function getRotationBetweenPoints(pointA: Point, pointB: Point) {\n return (Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x) * 180) / Math.PI\n}\n\n/**\n * Compute the output cropped area of the media in percentages and pixels.\n * x/y are the top-left coordinates on the src media\n */\nexport function computeCroppedArea(\n crop: Point,\n mediaSize: MediaSize,\n cropSize: Size,\n aspect: number,\n zoom: number,\n rotation = 0,\n restrictPosition = true\n): { croppedAreaPercentages: Area; croppedAreaPixels: Area } {\n // if the media is rotated by the user, we cannot limit the position anymore\n // as it might need to be negative.\n const limitAreaFn = restrictPosition ? limitArea : noOp\n\n const mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation)\n const mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation)\n\n // calculate the crop area in percentages\n // in the rotated space\n const croppedAreaPercentages = {\n x: limitAreaFn(\n 100,\n (((mediaBBoxSize.width - cropSize.width / zoom) / 2 - crop.x / zoom) / mediaBBoxSize.width) *\n 100\n ),\n y: limitAreaFn(\n 100,\n (((mediaBBoxSize.height - cropSize.height / zoom) / 2 - crop.y / zoom) /\n mediaBBoxSize.height) *\n 100\n ),\n width: limitAreaFn(100, ((cropSize.width / mediaBBoxSize.width) * 100) / zoom),\n height: limitAreaFn(100, ((cropSize.height / mediaBBoxSize.height) * 100) / zoom),\n }\n\n // we compute the pixels size naively\n const widthInPixels = Math.round(\n limitAreaFn(\n mediaNaturalBBoxSize.width,\n (croppedAreaPercentages.width * mediaNaturalBBoxSize.width) / 100\n )\n )\n const heightInPixels = Math.round(\n limitAreaFn(\n mediaNaturalBBoxSize.height,\n (croppedAreaPercentages.height * mediaNaturalBBoxSize.height) / 100\n )\n )\n const isImgWiderThanHigh = mediaNaturalBBoxSize.width >= mediaNaturalBBoxSize.height * aspect\n\n // then we ensure the width and height exactly match the aspect (to avoid rounding approximations)\n // if the media is wider than high, when zoom is 0, the crop height will be equals to image height\n // thus we want to compute the width from the height and aspect for accuracy.\n // Otherwise, we compute the height from width and aspect.\n const sizePixels = isImgWiderThanHigh\n ? {\n width: Math.round(heightInPixels * aspect),\n height: heightInPixels,\n }\n : {\n width: widthInPixels,\n height: Math.round(widthInPixels / aspect),\n }\n\n const croppedAreaPixels = {\n ...sizePixels,\n x: Math.round(\n limitAreaFn(\n mediaNaturalBBoxSize.width - sizePixels.width,\n (croppedAreaPercentages.x * mediaNaturalBBoxSize.width) / 100\n )\n ),\n y: Math.round(\n limitAreaFn(\n mediaNaturalBBoxSize.height - sizePixels.height,\n (croppedAreaPercentages.y * mediaNaturalBBoxSize.height) / 100\n )\n ),\n }\n\n return { croppedAreaPercentages, croppedAreaPixels }\n}\n\n/**\n * Ensure the returned value is between 0 and max\n */\nfunction limitArea(max: number, value: number): number {\n return Math.min(max, Math.max(0, value))\n}\n\nfunction noOp(_max: number, value: number) {\n return value\n}\n\n/**\n * Compute crop and zoom from the croppedAreaPercentages.\n */\nexport function getInitialCropFromCroppedAreaPercentages(\n croppedAreaPercentages: Area,\n mediaSize: MediaSize,\n rotation: number,\n cropSize: Size,\n minZoom: number,\n maxZoom: number\n) {\n const mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation)\n\n // This is the inverse process of computeCroppedArea\n const zoom = clamp(\n (cropSize.width / mediaBBoxSize.width) * (100 / croppedAreaPercentages.width),\n minZoom,\n maxZoom\n )\n\n const crop = {\n x:\n (zoom * mediaBBoxSize.width) / 2 -\n cropSize.width / 2 -\n mediaBBoxSize.width * zoom * (croppedAreaPercentages.x / 100),\n y:\n (zoom * mediaBBoxSize.height) / 2 -\n cropSize.height / 2 -\n mediaBBoxSize.height * zoom * (croppedAreaPercentages.y / 100),\n }\n\n return { crop, zoom }\n}\n\n/**\n * Compute zoom from the croppedAreaPixels\n */\nfunction getZoomFromCroppedAreaPixels(\n croppedAreaPixels: Area,\n mediaSize: MediaSize,\n cropSize: Size\n): number {\n const mediaZoom = getMediaZoom(mediaSize)\n\n return cropSize.height > cropSize.width\n ? cropSize.height / (croppedAreaPixels.height * mediaZoom)\n : cropSize.width / (croppedAreaPixels.width * mediaZoom)\n}\n\n/**\n * Compute crop and zoom from the croppedAreaPixels\n */\nexport function getInitialCropFromCroppedAreaPixels(\n croppedAreaPixels: Area,\n mediaSize: MediaSize,\n rotation = 0,\n cropSize: Size,\n minZoom: number,\n maxZoom: number\n): { crop: Point; zoom: number } {\n const mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation)\n\n const zoom = clamp(\n getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize),\n minZoom,\n maxZoom\n )\n\n const cropZoom =\n cropSize.height > cropSize.width\n ? cropSize.height / croppedAreaPixels.height\n : cropSize.width / croppedAreaPixels.width\n\n const crop = {\n x:\n ((mediaNaturalBBoxSize.width - croppedAreaPixels.width) / 2 - croppedAreaPixels.x) * cropZoom,\n y:\n ((mediaNaturalBBoxSize.height - croppedAreaPixels.height) / 2 - croppedAreaPixels.y) *\n cropZoom,\n }\n return { crop, zoom }\n}\n\n/**\n * Return the point that is the center of point a and b\n */\nexport function getCenter(a: Point, b: Point): Point {\n return {\n x: (b.x + a.x) / 2,\n y: (b.y + a.y) / 2,\n }\n}\n\nexport function getRadianAngle(degreeValue: number) {\n return (degreeValue * Math.PI) / 180\n}\n\n/**\n * Returns the new bounding area of a rotated rectangle.\n */\nexport function rotateSize(width: number, height: number, rotation: number): Size {\n const rotRad = getRadianAngle(rotation)\n\n return {\n width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),\n height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height),\n }\n}\n\n/**\n * Clamp value between min and max\n */\nexport function clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max)\n}\n\n/**\n * Combine multiple class names into a single string.\n */\nexport function classNames(...args: (boolean | string | number | undefined | void | null)[]) {\n return args\n .filter((value) => {\n if (typeof value === 'string' && value.length > 0) {\n return true\n }\n\n return false\n })\n .join(' ')\n .trim()\n}\n","import React from 'react'\nimport normalizeWheel from 'normalize-wheel'\nimport { Area, MediaSize, Point, Size, VideoSrc } from './types'\nimport {\n getCropSize,\n restrictPosition,\n getDistanceBetweenPoints,\n getRotationBetweenPoints,\n computeCroppedArea,\n getCenter,\n getInitialCropFromCroppedAreaPixels,\n getInitialCropFromCroppedAreaPercentages,\n classNames,\n clamp,\n} from './helpers'\nimport cssStyles from './styles.css'\n\nexport type CropperProps = {\n image?: string\n video?: string | VideoSrc[]\n transform?: string\n crop: Point\n zoom: number\n rotation: number\n aspect: number\n minZoom: number\n maxZoom: number\n cropShape: 'rect' | 'round'\n cropSize?: Size\n objectFit?: 'contain' | 'horizontal-cover' | 'vertical-cover' | 'auto-cover'\n showGrid?: boolean\n zoomSpeed: number\n zoomWithScroll?: boolean\n onCropChange: (location: Point) => void\n onZoomChange?: (zoom: number) => void\n onRotationChange?: (rotation: number) => void\n onCropComplete?: (croppedArea: Area, croppedAreaPixels: Area) => void\n onCropAreaChange?: (croppedArea: Area, croppedAreaPixels: Area) => void\n onCropSizeChange?: (cropSize: Size) => void\n onInteractionStart?: () => void\n onInteractionEnd?: () => void\n onMediaLoaded?: (mediaSize: MediaSize) => void\n style: {\n containerStyle?: React.CSSProperties\n mediaStyle?: React.CSSProperties\n cropAreaStyle?: React.CSSProperties\n }\n classes: {\n containerClassName?: string\n mediaClassName?: string\n cropAreaClassName?: string\n }\n restrictPosition: boolean\n mediaProps: React.ImgHTMLAttributes\r\n \r\n {t('common_company_name')}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {t('common_company_email')}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {logoUrl ? (\r\n 
\r\n ) : (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default UploadLogo;\r\n","import UploadLogo from './uploadLogo';\r\n\r\nexport default UploadLogo;\r\n","import YourPage from './yourPage';\r\n\r\nexport default YourPage;\r\n","import { FC } from 'react';\r\n\r\nimport cn from 'classnames';\r\nimport { t } from 'tools/i18n';\r\nimport { Form, Input, Typography } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { SH_URL } from 'constants/core-constants';\r\n\r\nimport s from '../OrganiserDetails.module.scss';\r\nimport { ORGANISER_DETAILS_FORM } from '../organiserDetailsForm.utils';\r\n\r\nconst YourPage: FC = () => {\r\n return (\r\n \r\n \r\n {t('settings_upload_logo')}\r\n \r\n \r\n {t('setting_upload_logo_type')}\r\n \r\n
\r\n )}\r\n {logoUrl && (\r\n \r\n )}\r\n \r\n \r\n {t('common_your_page')}\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default YourPage;\r\n","import { FC, useCallback, useEffect, useRef, useState } from 'react';\r\n\r\nimport { Button } from 'antd';\r\nimport cn from 'classnames';\r\nimport { useNavigate, useParams } from 'react-router-dom';\r\nimport { getBankDetailEditRoute } from 'routes/user-management/list';\r\nimport { t } from 'tools/i18n';\r\nimport { Form, Icon, Typography, message } from 'ui';\r\n\r\nimport {\r\n useCreatePromoterMutation,\r\n useEditPromoterInfoMutation,\r\n useLazyGetPromoterInfoQuery,\r\n} from 'services/promoter/promoterApiService';\r\nimport { setEditingPromoter } from 'slices/systemSlice';\r\nimport { useAppDispatch } from 'store';\r\n\r\nimport FormSubmit from 'containers/form-submit';\r\n\r\nimport s from './OrganiserDetails.module.scss';\r\nimport AboutCompany from './org-dtls-form-about-company';\r\nimport AddressInfo from './org-dtls-form-company-address';\r\nimport NameInputs from './org-dtls-form-name-inputs';\r\nimport UploadLogo from './org-dtls-form-upload-logo';\r\nimport YourPage from './org-dtls-form-your-page';\r\nimport { ORGANISER_DETAILS_FORM, ORGANISER_DETAILS_FORM_TYPE } from './organiserDetailsForm.utils';\r\n\r\nconst OrganiserDetails: FC = () => {\r\n const { promoterId } = useParams();\r\n const [getPromoterFullInfo, { data: promoterData }] = useLazyGetPromoterInfoQuery();\r\n const dispatch = useAppDispatch();\r\n const isEditingRef = useRef(false);\r\n const [isEditing, setIsEditing] = useState(false);\r\n const [editPromoter, { isLoading: isEditLoading }] = useEditPromoterInfoMutation();\r\n const [createPromouter, { isLoading: isCreateLoading }] = useCreatePromoterMutation();\r\n const [editingList, setEditingList] = useState\r\n \r\n {SH_URL}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('organiser_details_title')}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OrganiserDetails;\r\n","import OrganiserDetails from './organiserDetails';\r\n\r\nexport default OrganiserDetails;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"BankDetails_wrapper__mHcS4\",\"title\":\"BankDetails_title__1Xwcd\",\"form\":\"BankDetails_form__k8VPP\",\"gap\":\"BankDetails_gap__TW3SG\",\"editing\":\"BankDetails_editing__Cq2+l\",\"info\":\"BankDetails_info__bQDZL\",\"label\":\"BankDetails_label__o6Eo4\",\"required\":\"BankDetails_required__gVVD1\",\"row\":\"BankDetails_row__vM0Kj\",\"hint\":\"BankDetails_hint__Dzn8o\",\"start\":\"BankDetails_start__VESWi\",\"noStripeCheckbox\":\"BankDetails_noStripeCheckbox__dMSAV\",\"column\":\"BankDetails_column__2dPCH\",\"linkButton\":\"BankDetails_linkButton__JIyS-\",\"activeButton\":\"BankDetails_activeButton__hxk8w\",\"space\":\"BankDetails_space__wStn1\",\"passiveButton\":\"BankDetails_passiveButton__QdVVP\"};","export enum BANK_DETAILS_FORM_ENUM {\r\n BILLING_NAME = 'billingName',\r\n BILLING_ADDRESS = 'billingAddress',\r\n BILLING_TOWN = 'billingTown',\r\n BILLING_POSTCODE = 'billingPostcode',\r\n BILLING_COUNTRY = 'billingCountry',\r\n BILLING_ADDRESS_SAME_AS_CONTACT = 'billingAddressSameAsContact',\r\n BILLING_VAT_NUMBER = 'billingVATNumber',\r\n BANK_HOLDER_NAME = 'bankHolderName',\r\n BANK_IBAN_NUMBER = 'ibanNumber',\r\n BANK_STRIPE_ACCOUNT_NUMBER = 'paymentGatewaySettings',\r\n}\r\n\r\nexport type BANK_DETAILS_FORM_TYPE = Record\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {t('common_billing_name')}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('common_billing_address')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t('common_town')}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('common_postcode')}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('common_country')}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default BankDetailsBillingInfoForm;\r\n","import BankDetailsStripe from './bankDetailsStripe';\r\n\r\nexport default BankDetailsStripe;\r\n","import { FC } from 'react';\r\n\r\nimport { FormInstance } from 'antd/es/form/hooks/useForm';\r\nimport { t } from 'tools/i18n';\r\nimport { Checkbox, Form, Input, Typography } from 'ui';\r\n\r\nimport s from '../BankDetails.module.scss';\r\nimport { BANK_DETAILS_FORM_ENUM } from '../bankDetails.utils';\r\n\r\ninterface BankDetailsStripeProps {\r\n form: FormInstance;\r\n}\r\n\r\nconst BankDetailsStripe: FC\r\n {!isCheckedNoStripeUsage && (\r\n \r\n \r\n {t('bank_info_no_stripe')} \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BankDetailsStripe;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"EventModal_wrapper__UVPVC\",\"text\":\"EventModal_text__coqoN\",\"header\":\"EventModal_header__W0hj-\"};","import EventModal from './eventModal';\r\n\r\nexport default EventModal;\r\n","import { Dispatch, FC, SetStateAction } from 'react';\r\n\r\nimport { Button } from 'antd';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Icon, Modal, Typography } from 'ui';\r\n\r\nimport { CREATE_EVENT_FORM_ROUTE } from '../../../../../routes/events/list';\r\nimport s from './EventModal.module.scss';\r\n\r\ninterface EventModalProps {\r\n open: boolean;\r\n setOpen: Dispatch\r\n {t('bank_info_stripe_title')} \r\n
\r\n )}\r\n {isCheckedNoStripeUsage && (\r\n \r\n \r\n {t('bank_info_stripe_id')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n {t('bank_info_iban_label')}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {t('bank_info_account_holder_name')}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Data about the promoter is successfully saved,now you can create your first event! Click\r\n ‘Create Event’ and start your journey with ShowsManager\r\n \r\n
\r\n \r\n \r\n {t('organiser_details_title')}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BankDetails;\r\n","import BankDetails from './bankDetails';\r\n\r\nexport default BankDetails;\r\n","import AdminRoleGuard from './adminRoleGuard';\r\n\r\nexport default AdminRoleGuard;\r\n","import { FC, PropsWithChildren } from 'react';\r\n\r\nimport { useGetCurrentUserQuery } from 'services/user-management/userManagementApiService';\r\n\r\nconst AdminRoleGuard: FC\r\n \r\n \r\n \r\n
\r\n \r\n You dont have access
;\r\n } else {\r\n if (currentUser) {\r\n return <>{children};\r\n } else {\r\n return null;\r\n }\r\n }\r\n};\r\n\r\nexport default AdminRoleGuard;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"title\":\"EventsCreateEventForm_title__VPsz2\",\"smallPadding\":\"EventsCreateEventForm_smallPadding__VIiEn\",\"componentWrapper\":\"EventsCreateEventForm_componentWrapper__DBCmz\",\"eventStatus\":\"EventsCreateEventForm_eventStatus__uU8au\",\"button\":\"EventsCreateEventForm_button__xE4Mm\"};","// This icon file is generated automatically.\nvar PlusCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H544v152c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V544H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h152V328c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v152h152c4.4 0 8 3.6 8 8v48z\" } }] }, \"name\": \"plus-circle\", \"theme\": \"filled\" };\nexport default PlusCircleFilled;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport PlusCircleFilledSvg from \"@ant-design/icons-svg/es/asn/PlusCircleFilled\";\nimport AntdIcon from '../components/AntdIcon';\nvar PlusCircleFilled = function PlusCircleFilled(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: PlusCircleFilledSvg\n }));\n};\nPlusCircleFilled.displayName = 'PlusCircleFilled';\nexport default /*#__PURE__*/React.forwardRef(PlusCircleFilled);","// This icon file is generated automatically.\nvar MinusCircleFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h368c4.4 0 8 3.6 8 8v48z\" } }] }, \"name\": \"minus-circle\", \"theme\": \"filled\" };\nexport default MinusCircleFilled;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport MinusCircleFilledSvg from \"@ant-design/icons-svg/es/asn/MinusCircleFilled\";\nimport AntdIcon from '../components/AntdIcon';\nvar MinusCircleFilled = function MinusCircleFilled(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: MinusCircleFilledSvg\n }));\n};\nMinusCircleFilled.displayName = 'MinusCircleFilled';\nexport default /*#__PURE__*/React.forwardRef(MinusCircleFilled);","export function formatDate(input: string) {\r\n const dateTimeObj: Date = new Date(input);\r\n const formattedDate: string = `${dateTimeObj.getDate()}.${\r\n dateTimeObj.getMonth() + 1\r\n }.${dateTimeObj.getFullYear()}`;\r\n\r\n return formattedDate;\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"WarningModal_wrapper__nBwCG\",\"text\":\"WarningModal_text__GsnXE\",\"iconWrapper\":\"WarningModal_iconWrapper__mOeie\"};","import WarningModal from './warningModal';\r\n\r\nexport default WarningModal;\r\n","import { FC, useState } from 'react';\r\n\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Button, Icon, Modal, Typography } from 'ui';\r\n\r\nimport s from './WarningModal.module.scss';\r\n\r\ninterface WelcomeModalProps {\r\n // Define your component props here\r\n}\r\n\r\nconst WarningModal: FC\r\n \r\n To create an event you need information about the promoter, as it will be specified in\r\n the event tickets, please fill in the information. Click 'Fill out' to fill in\r\n your organiser details before creating your first event.\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EventTypeSwitcher;\r\n","import DebounceSelect from './debounceSelect';\r\n\r\nexport default DebounceSelect;\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\n\r\nimport { Select, Spin } from 'antd';\r\nimport type { SelectProps } from 'antd';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport './debounce.module.scss';\r\n\r\nexport interface DebounceSelectProps\r\n {data &&\r\n data.map((date, i) => {\r\n const startDate = `${date.startDate} ${date.startTime}`;\r\n const endDate =\r\n date.endDate !== '' && date.endDate !== 'Invalid Date'\r\n ? `${date.endDate || dayjs().format('DD-MMM-YYYY')} ${date.endTime || ''}`\r\n : '';\r\n const doorsOpen = `${date.startDate} ${date.doorsOpen}`;\r\n // const hoursWhenSalesEnd = date.hoursWhenSalesEnd;\r\n // const beforeOrAfterEvent = date.beforeOrAfterEvent;\r\n // const getEventDuration = () => {\r\n // if (date?.endDate && date?.endTime) {\r\n // const hours = dayjs(`${date.endDate || date.startDate} ${date.endTime}`).diff(\r\n // `${date.startDate} ${date.startTime}`,\r\n // 'h',\r\n // );\r\n // const minutes =\r\n // dayjs(`${date.endDate || date.startDate} ${date.endTime}`).diff(\r\n // `${date.startDate} ${date.startTime}`,\r\n // 'm',\r\n // true,\r\n // ) % 60;\r\n\r\n // return `${hours.toFixed(0)}h ${minutes ? `${minutes}m` : ''}`;\r\n // }\r\n // };\r\n\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport default MultipleDateList;\r\n","import MultipleDateList from './multipleDateList';\r\n\r\nexport default MultipleDateList;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"SingleDate_wrapper__xQXQr\",\"item\":\"SingleDate_item__RbJkD\",\"field\":\"SingleDate_field__7kyng\",\"label\":\"SingleDate_label__qnAxJ\",\"required\":\"SingleDate_required__Y9BMi\",\"duration\":\"SingleDate_duration__Gajc4\",\"input\":\"SingleDate_input__htd9V\",\"small\":\"SingleDate_small__79CHT\",\"large\":\"SingleDate_large__iq+7e\",\"openingButton\":\"SingleDate_openingButton__FNrDR\",\"salesTime\":\"SingleDate_salesTime__xM869\"};","import { Dispatch, FC, SetStateAction, useContext, useEffect, useState } from 'react';\r\n\r\nimport { CalendarOutlined } from '@ant-design/icons';\r\nimport { Button } from 'antd';\r\nimport 'antd/lib/input-number/style/index';\r\nimport cn from 'classnames';\r\nimport dayjs from 'dayjs';\r\nimport { t } from 'tools/i18n';\r\nimport { Checkbox, DatePicker, Form, Icon, Typography } from 'ui';\r\nimport { formRules } from 'utils/formRules';\r\n\r\nimport { createEventFormBasicInfoContext } from '../../basicInfo.utils';\r\nimport { TIME_FORMAT } from '../eventCreateFormBasicInfoDates.utils';\r\nimport s from './SingleDate.module.scss';\r\n\r\ninterface SingleDateProps {\r\n validateStartDate?: boolean;\r\n setEditIndex: Dispatch\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {`${getDateFormat(startDate)} `}\r\n \r\n \r\n at\r\n \r\n \r\n {dayjs(startDate).format('HH:mm')}\r\n \r\n {endDate !== '' && (\r\n <>\r\n \r\n to\r\n \r\n \r\n {`${getDateFormat(endDate)}`}\r\n \r\n \r\n at\r\n \r\n \r\n {dayjs(endDate).format('HH:mm')}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n Doors open at\r\n \r\n \r\n {dayjs(doorsOpen).format('HH:mm')}\r\n \r\n
\r\n \r\n handleEditDates(date, i)}>\r\n handleDeleteDates(date?.showId || '', i)}>\r\n
\r\n \r\n {date.isShowHidden && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SingleDate;\r\n","import SingleDate from './singleDate';\r\n\r\nexport default SingleDate;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"MultipleDates_wrapper__JJEDv\",\"content\":\"MultipleDates_content__gm98o\",\"label\":\"MultipleDates_label__NgWRJ\",\"required\":\"MultipleDates_required__QI7hC\",\"field\":\"MultipleDates_field__Z2i15\",\"add\":\"MultipleDates_add__ruG8h\",\"plus\":\"MultipleDates_plus__6ctJ0\",\"text\":\"MultipleDates_text__t-kKy\"};","import { Dispatch, FC, SetStateAction, useCallback, useContext, useState } from 'react';\r\n\r\nimport { Button, notification } from 'antd';\r\nimport dayjs from 'dayjs';\r\n\r\nimport { setIsEditingEvent } from 'slices/eventsSlice';\r\nimport { useAppDispatch } from 'store/index';\r\n\r\nimport MultipleDateList from 'pages/events/events-create-event-form/event-create-form-basic-info/event-create-form-basic-info-dates/multiple-dates/multiple-date-list';\r\n\r\nimport { MultipleDatesType } from 'types/events/eventTypes';\r\n\r\nimport { createEventFormBasicInfoContext } from '../../basicInfo.utils';\r\nimport SingleDate from '../single-date';\r\nimport s from './MultipleDates.module.scss';\r\nimport { prepareMultipleDates, validateFields } from './multipleDates.utils';\r\n\r\ninterface MultipleDatesProps {\r\n setShowsDates: Dispatch\r\n Add Date \r\n
\r\n \r\n
\r\n \r\n \r\n {t('event_create_form_start_date')}\r\n \r\n \r\n \r\n \r\n \r\n disabledDate(current).startDate}\r\n nextIcon={
\r\n \r\n \r\n {t('event_create_form_start_time')}\r\n \r\n \r\n
\r\n \r\n {/*
\r\n {isSpecifyEndTime && (\r\n \r\n \r\n {t('event_create_form_duration')}\r\n \r\n
*/}\r\n\r\n {/* {!isShowDoorOpened && (\r\n \r\n )} */}\r\n\r\n \r\n \r\n \r\n days\r\n \r\n \r\n hrs\r\n \r\n \r\n mins\r\n
\r\n \r\n \r\n {t('event_create_form_doors_open')}\r\n \r\n \r\n ({\r\n disabledHours: () => disabledTimeInfo.disabledHours,\r\n })}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Specify End Time\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n {t('event_create_form_end_date')}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('event_create_form_end_time')}\r\n \r\n \r\n ({\r\n disabledHours: () => disabledEndTimeInfo.disabledHours,\r\n disabledMinutes: () => disabledEndTimeInfo.disabledMinutes,\r\n })}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Hide the date from the public?\r\n \r\n \r\n \r\n
\r\n {(startDate || startTime) && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MultipleDates;\r\n","import MultipleDates from './multipleDates';\r\n\r\nexport default MultipleDates;\r\n","import React, {\r\n Dispatch,\r\n FC,\r\n SetStateAction,\r\n useCallback,\r\n useContext,\r\n useEffect,\r\n useState,\r\n} from 'react';\r\n\r\nimport { Radio, Select, Switch } from 'antd';\r\nimport cn from 'classnames';\r\nimport dayjs from 'dayjs';\r\nimport { Trans } from 'react-i18next';\r\nimport { DatePicker, Form, Icon, Input, Label, Typography } from 'ui';\r\n\r\nimport { createEventFormActiveEventSelector } from 'selectors/eventsSlice.selector';\r\nimport { useAppSelector } from 'store/index';\r\n\r\nimport {\r\n EVENT_CREATE_FORM_BASIC_INFO_ENUM,\r\n createEventFormBasicInfoContext,\r\n} from 'pages/events/events-create-event-form/event-create-form-basic-info/basicInfo.utils';\r\n\r\nimport { MultipleDatesType } from 'types/events/eventTypes';\r\n\r\nimport s from './EventCreateFormBasicInfoDates.module.scss';\r\nimport { EVENT_CREATE_FORM_DATES_TYPES } from './eventCreateFormBasicInfoDates.utils';\r\nimport MultipleDates from './multiple-dates';\r\n\r\nconst { Option } = Select;\r\n\r\n// import NoDates from './no-dates';\r\n// import SingleDate from './single-date';\r\n\r\ninterface EventCreateFormBasicInfoDatesProps {\r\n setShowDates: Dispatch\r\n {contextHolder}\r\n {/*
\r\n \r\n {t('date_type_multiple_title')} \r\n {t('date_type_multiple_text')} \r\n
*/}\r\n\r\n \r\n 0} />\r\n \r\n
\r\n +
{' '}\r\n {editIndex >= 0 ? 'Edit date' : 'Add date'}
\r\n \r\n \r\n {/*
\r\n \r\n Ticket sales end hrs before/after event \r\n
*/}\r\n \r\n
\r\n \r\n \r\n Hrs\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Event\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {scheduleType && (\r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n Currently schedule settings have not yet been added to the ShowsManager, please use\r\n the dashboard in{' '}\r\n \r\n ShowsHappening\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Existing Dates\r\n \r\n\r\n {/* \r\n \r\n SPECIFY Ticket sales start & END time\r\n \r\n
\r\n\r\n \r\n \r\n \r\n Would you like to add a start date for the ticket launch?\r\n \r\n \r\n By doing this you can publish the event now and share the link and then open ticket\r\n sales on the date and time that you set.\r\n \r\n \r\n\r\n {nededLaunchDate && (\r\n
*/}\r\n\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n disabledDate(current)}\r\n format=\"ddd DD MMMM YYYY\"\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/* {renderDateContent()} */}\r\n \r\n Ticket sales start and end time \r\n
\r\n\r\n \r\n \r\n Specify sales start and end time.{' '}\r\n \r\n By default ticket sales will start when you will publish (and we approve) your event\r\n and end 4h after your event starts.\r\n \r\n \r\n
\r\n\r\n {salesStartTime && (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n disabledDate(current)}\r\n format=\"ddd DD MMMM YYYY\"\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 Ticket Sales End\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Event\r\n \r\n \r\n