{errorMessage}
\r\n :\r\n <>\r\n {t(\"errorCode500.title\")}
\r\n \r\n
\r\n {t(\"errorCode500.des1\")}
\r\n {t(\"errorCode500.des2\")}
\r\n {t(\"errorCode500.des3\")}
\r\n {props?.responseData?.config?.url}
\r\n \r\n \r\n )\r\n}\r\nexport default ErrorCode500;","import axios from 'axios';\r\nimport { getCurLang } from '@/utils';\r\nimport React from 'react';\r\nimport { message } from \"antd\";\r\nimport ErrorCode500 from '@/components/errorCode500';\r\n\r\nconst baseURL = window.location.host;\r\nconst originURL = window.location.origin;\r\n\r\nconst isDev = process.env.NODE_ENV == 'development';\r\nconst lang=localStorage.getItem('language')\r\n\r\naxios.interceptors.request.use((config) => {\r\n return {\r\n ...config,\r\n baseURL: baseURL === 'localhost:3000' ? '/api1' : originURL,\r\n };\r\n}, (error) => {\r\n return Promise.reject(error);\r\n});\r\n \r\naxios.interceptors.response.use((response) => {\r\n switch (response.data.status) {\r\n case 200:{\r\n return response.data;\r\n }\r\n case 401: {\r\n // 刷新頁面 重新獲取token\r\n sessionStorage.removeItem('ReferralLink_Token');\r\n window.location.reload();\r\n return Promise.reject(response.data.message);\r\n }\r\n // case 500: {\r\n // return response.data;\r\n // }\r\n default: {\r\n // 特殊情况处理，返回error对象 并且 errorData 需要有值\r\n // if(response.data?.errorData[0]?.key==='MPGS001'||response.data?.errorData[0]?.key==='MPGS002'||response.data?.errorData[0]?.key==='MPGS003') {\r\n // return Promise.reject(lang==='zh'?response.data?.errorData[0]?.value?.ErrorMessageCN:response.data?.errorData[0]?.value?.ErrorMessage);\r\n // }\r\n if(response.config.callbackMes && response.data.data.errorData) {\r\n //原本只返回data，由于errorCode500提示需要url。改动需要注意兼容\r\n return Promise.reject({...response,...response.data});\r\n }\r\n\r\n // status == 500 弹窗提示。copy的时候，注意一下这里的样式\r\n if(response.data.status == 500) {\r\n message.error({\r\n content: \r\n \r\n {/*
\r\n \r\n );\r\n}\r\nlet loadApi = {};\r\n\r\n[\"show\", \"hide\"].forEach((actionType) => {\r\n loadApi[actionType] = () => {\r\n return notice({ actionType });\r\n };\r\n});\r\n\r\nexport default loadApi;\r\n","export default __webpack_public_path__ + \"./imgs/closeIcon.58e8ac.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Modal, Button } from 'antd';\nimport Styles from './style.less';\nimport closeIcon from '@/assets/img/closeIcon.png';\n\n// MenuItem 组件 \nconst CustomModal = ({ isOpen,title, content, cancelText, okText, onCancelIconClick, onCancelClick, onOkClick , width ,showCloseIcon,OKdisabled=false}) => {\n return (\n <>\n Loading, please wait
*/}\r\n\n {cancelText&&}\n {okText&&}\n
\n ]}\n closeIcon={false}\n >\n {content}
\n \n \n );\n}\n// propTypes 定义 \nCustomModal.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n title: PropTypes.string,\n content: PropTypes.any,\n cancelText: PropTypes.any,\n okText: PropTypes.any.isRequired,\n onCancelClick: PropTypes.any.isRequired,\n onOkClick: PropTypes.any.isRequired,\n width: PropTypes.number,\n // maskClosable: PropTypes.bool,\n};\n\nexport default CustomModal;","// Default to a dummy \"batch\" implementation that just runs the callback\nfunction defaultNoopBatch(callback) {\n callback();\n}\n\nlet batch = defaultNoopBatch; // Allow injecting another batching function later\n\nexport const setBatch = newBatch => batch = newBatch; // Supply a getter just to skip dealing with ESM bindings\n\nexport const getBatch = () => batch;","import * as React from 'react';\nconst ContextKey = Symbol.for(`react-redux-context`);\nconst gT = typeof globalThis !== \"undefined\" ? globalThis :\n/* fall back to a per-module scope (pre-8.1 behaviour) if `globalThis` is not available */\n{};\n\nfunction getContext() {\n var _gT$ContextKey;\n\n if (!React.createContext) return {};\n const contextMap = (_gT$ContextKey = gT[ContextKey]) != null ? _gT$ContextKey : gT[ContextKey] = new Map();\n let realContext = contextMap.get(React.createContext);\n\n if (!realContext) {\n realContext = React.createContext(null);\n\n if (process.env.NODE_ENV !== 'production') {\n realContext.displayName = 'ReactRedux';\n }\n\n contextMap.set(React.createContext, realContext);\n }\n\n return realContext;\n}\n\nexport const ReactReduxContext = /*#__PURE__*/getContext();\nexport default ReactReduxContext;","import { useContext } from 'react';\nimport { ReactReduxContext } from '../components/Context';\n\n/**\r\n * Hook factory, which creates a `useReduxContext` hook bound to a given context. This is a low-level\r\n * hook that you should usually not need to call directly.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{store.getState()}
\r\n * }\r\n */\n\nexport const useReduxContext = /*#__PURE__*/createReduxContextHook();","export const notInitialized = () => {\n throw new Error('uSES not initialized!');\n};","import { useCallback, useDebugValue, useRef } from 'react';\nimport { createReduxContextHook, useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport { ReactReduxContext } from '../components/Context';\nimport { notInitialized } from '../utils/useSyncExternalStore';\nlet useSyncExternalStoreWithSelector = notInitialized;\nexport const initializeUseSelector = fn => {\n useSyncExternalStoreWithSelector = fn;\n};\n\nconst refEquality = (a, b) => a === b;\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport const useSelector = /*#__PURE__*/createSelectorHook();","import { getBatch } from './batch'; // encapsulates the subscription logic for connecting a component to the redux store, as\n// well as nesting subscriptions of descendant components, so that we can ensure the\n// ancestor components re-render before descendants\n\nfunction createListenerCollection() {\n const batch = getBatch();\n let first = null;\n let last = null;\n return {\n clear() {\n first = null;\n last = null;\n },\n\n notify() {\n batch(() => {\n let listener = first;\n\n while (listener) {\n listener.callback();\n listener = listener.next;\n }\n });\n },\n\n get() {\n let listeners = [];\n let listener = first;\n\n while (listener) {\n listeners.push(listener);\n listener = listener.next;\n }\n\n return listeners;\n },\n\n subscribe(callback) {\n let isSubscribed = true;\n let listener = last = {\n callback,\n next: null,\n prev: last\n };\n\n if (listener.prev) {\n listener.prev.next = listener;\n } else {\n first = listener;\n }\n\n return function unsubscribe() {\n if (!isSubscribed || first === null) return;\n isSubscribed = false;\n\n if (listener.next) {\n listener.next.prev = listener.prev;\n } else {\n last = listener.prev;\n }\n\n if (listener.prev) {\n listener.prev.next = listener.next;\n } else {\n first = listener.next;\n }\n };\n }\n\n };\n}\n\nconst nullListeners = {\n notify() {},\n\n get: () => []\n};\nexport function createSubscription(store, parentSub) {\n let unsubscribe;\n let listeners = nullListeners; // Reasons to keep the subscription active\n\n let subscriptionsAmount = 0; // Is this specific subscription subscribed (or only nested ones?)\n\n let selfSubscribed = false;\n\n function addNestedSub(listener) {\n trySubscribe();\n const cleanupListener = listeners.subscribe(listener); // cleanup nested sub\n\n let removed = false;\n return () => {\n if (!removed) {\n removed = true;\n cleanupListener();\n tryUnsubscribe();\n }\n };\n }\n\n function notifyNestedSubs() {\n listeners.notify();\n }\n\n function handleChangeWrapper() {\n if (subscription.onStateChange) {\n subscription.onStateChange();\n }\n }\n\n function isSubscribed() {\n return selfSubscribed;\n }\n\n function trySubscribe() {\n subscriptionsAmount++;\n\n if (!unsubscribe) {\n unsubscribe = parentSub ? parentSub.addNestedSub(handleChangeWrapper) : store.subscribe(handleChangeWrapper);\n listeners = createListenerCollection();\n }\n }\n\n function tryUnsubscribe() {\n subscriptionsAmount--;\n\n if (unsubscribe && subscriptionsAmount === 0) {\n unsubscribe();\n unsubscribe = undefined;\n listeners.clear();\n listeners = nullListeners;\n }\n }\n\n function trySubscribeSelf() {\n if (!selfSubscribed) {\n selfSubscribed = true;\n trySubscribe();\n }\n }\n\n function tryUnsubscribeSelf() {\n if (selfSubscribed) {\n selfSubscribed = false;\n tryUnsubscribe();\n }\n }\n\n const subscription = {\n addNestedSub,\n notifyNestedSubs,\n handleChangeWrapper,\n isSubscribed,\n trySubscribe: trySubscribeSelf,\n tryUnsubscribe: tryUnsubscribeSelf,\n getListeners: () => listeners\n };\n return subscription;\n}","import * as React from 'react'; // React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store\n// subscription callback always has the selector from the latest render commit\n// available, otherwise a store update may happen between render and the effect,\n// which may cause missed updates; we also must ensure the store subscription\n// is created synchronously, otherwise a store update may occur before the\n// subscription is created and an inconsistent state may be observed\n// Matches logic in React's `shared/ExecutionEnvironment` file\n\nexport const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');\nexport const useIsomorphicLayoutEffect = canUseDOM ? React.useLayoutEffect : React.useEffect;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"reactReduxForwardedRef\"];\n\n/* eslint-disable valid-jsdoc, @typescript-eslint/no-unused-vars */\nimport hoistStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\nimport { isValidElementType, isContextConsumer } from 'react-is';\nimport defaultSelectorFactory from '../connect/selectorFactory';\nimport { mapDispatchToPropsFactory } from '../connect/mapDispatchToProps';\nimport { mapStateToPropsFactory } from '../connect/mapStateToProps';\nimport { mergePropsFactory } from '../connect/mergeProps';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport shallowEqual from '../utils/shallowEqual';\nimport warning from '../utils/warning';\nimport { ReactReduxContext } from './Context';\nimport { notInitialized } from '../utils/useSyncExternalStore';\nlet useSyncExternalStore = notInitialized;\nexport const initializeConnect = fn => {\n useSyncExternalStore = fn;\n}; // Define some constant arrays just to avoid re-creating these\n\nconst EMPTY_ARRAY = [null, 0];\nconst NO_SUBSCRIPTION_ARRAY = [null, null]; // Attempts to stringify whatever not-really-a-component value we were given\n// for logging in an error message\n\nconst stringifyComponent = Comp => {\n try {\n return JSON.stringify(Comp);\n } catch (err) {\n return String(Comp);\n }\n};\n\n// This is \"just\" a `useLayoutEffect`, but with two modifications:\n// - we need to fall back to `useEffect` in SSR to avoid annoying warnings\n// - we extract this to a separate function to avoid closing over values\n// and causing memory leaks\nfunction useIsomorphicLayoutEffectWithArgs(effectFunc, effectArgs, dependencies) {\n useIsomorphicLayoutEffect(() => effectFunc(...effectArgs), dependencies);\n} // Effect callback, extracted: assign the latest props values to refs for later usage\n\n\nfunction captureWrapperProps(lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, // actualChildProps: unknown,\nchildPropsFromStoreUpdate, notifyNestedSubs) {\n // We want to capture the wrapper props and child props we used for later comparisons\n lastWrapperProps.current = wrapperProps;\n renderIsScheduled.current = false; // If the render was from a store update, clear out that reference and cascade the subscriber update\n\n if (childPropsFromStoreUpdate.current) {\n childPropsFromStoreUpdate.current = null;\n notifyNestedSubs();\n }\n} // Effect callback, extracted: subscribe to the Redux store or nearest connected ancestor,\n// check for updates after dispatched actions, and trigger re-renders.\n\n\nfunction subscribeUpdates(shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, // forceComponentUpdateDispatch: React.Dispatch{store.getState()}
\r\n * }\r\n */\n\nexport const useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport const useDispatch = /*#__PURE__*/createDispatchHook();","// The primary entry point assumes we're working with standard ReactDOM/RN, but\n// older versions that do not include `useSyncExternalStore` (React 16.9 - 17.x).\n// Because of that, the useSyncExternalStore compat shim is needed.\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch';\nimport { initializeUseSelector } from './hooks/useSelector';\nimport { initializeConnect } from './components/connect';\ninitializeUseSelector(useSyncExternalStoreWithSelector);\ninitializeConnect(useSyncExternalStore); // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };\nexport * from './exports';","import { createSlice } from '@reduxjs/toolkit'\n\nexport const premiumSlice = createSlice({\n name: 'premiumInfo',\n initialState: {\n info: {\n AST: 0,\n AAT: 0\n },\n premiumDiscountList: [], // 保費折扣列表\n },\n reducers: {\n setPremiumInfo: (state,{ payload }) => {\n state.info = {...payload}\n },\n setPremiumDiscountList: (state,{ payload }) => {\n state.premiumDiscountList = payload;\n }\n }\n})\n\n//导出方法\nexport const { setPremiumInfo, setPremiumDiscountList } = premiumSlice.actions;\nexport const premiumInfo = state => state.premiumInfo.info;\nexport const premiumDiscountListInfo = state => state.premiumInfo.premiumDiscountList;\n\n//导出reducer\nexport default premiumSlice.reducer\n","import React, { useEffect, useState } from 'react';\nimport { Modal } from 'antd';\nimport { Outlet, useNavigate, useSearchParams } from 'react-router-dom';\nimport Styles from './style.less';\nimport { getReferralLinkInfo, generateAccessToken, postDiscountConfig,toPolicyNumber,frontToEndLogCollect } from '@/request';\nimport { setReferralLinkInfo } from '@/store/referralLinkInfo/index';\nimport LoadBar from \"@/components/ui/LoadBar/LoadBar\";\nimport { getCurLang } from '@/utils';\nimport CustomModal from '@/components/customModal/index';\nimport { useTranslation } from \"react-i18next\";\n\nimport { useSelector, useDispatch } from 'react-redux';\nimport { premiumInfo, setPremiumInfo, setPremiumDiscountList } from '@/store/premiumInfo';\n\n\n/**\n * \n * 1.從url或者session獲取agentCode和specialCode，兩者都有才可以繼續，否則就抛系統異常\n * 1.根據agentCode跟specialCode生成token后，存到session(請求前先清空ReferralLink_Token)，\n * 2.有token以後，再獲取referral_link信息\n * 2.1 link信息有效 正常顯示信息 存到全局數據 用於各個頁面\n * 2.2 link有效但過期 跳轉到失效頁面 且不可回跳\n * 2.3 link信息爲空 應該是兩個code無效， 抛出系統錯誤\n * 3.請求相應攔截（request），如果接口401，重新刷新頁面，重新獲取token並繼續走流程\n */\n\nconst CustomLayout = () => {\n const pmInfo = useSelector(premiumInfo);\n const [searchParams] = useSearchParams();\n const dispatch = useDispatch();\n const wujieStatus = window.__POWERED_BY_WUJIE__ ? true : false;\n\n const navigate = useNavigate();\n const { t } = useTranslation();\n // const [searchParams] = useSearchParams();\n const AgentCode = searchParams.get('AgentCode') || sessionStorage.getItem('AgentCode');\n const SpecialCode = searchParams.get('SpecialCode') || sessionStorage.getItem('SpecialCode');\n const curLang = getCurLang();\n const [loading, setLoading] = useState(true);\n\n //挂機檢測\n const [isActive, setIsActive] = useState(true);\n const [timeOutOpen, setTimeOutOpen] = useState(false);\n\n if (AgentCode && SpecialCode) {\n // 存到sessionStorage中\n console.log('AgentCode && SpecialCode')\n sessionStorage.setItem('AgentCode', AgentCode);\n sessionStorage.setItem('SpecialCode', SpecialCode);\n } else {\n // 報出系統錯誤\n Modal.error({\n title: '系統錯誤',\n okText: '確認'\n })\n }\n //前端日志接口\n const frontToEndLogCollectFunc=(data)=>{\n frontToEndLogCollect(data).then(res=>{});\n }\n const conf = async () => {\n try {\n const res = await postDiscountConfig({\n DiscountTypes: [\"Commission\", \"PREMIUM\", \"Group\"],\n ProductCodes: [\"AST\", \"AAT\"]\n }); \n const premiumDiscountList = res?.data?.filter(v => v.discountType == 'PREMIUM'); // 保費折扣列表\n // let temp = {};\n // for (let i = 0; premiumList.length > i; i++) {\n // temp[premiumList[i].discountName] = premiumList[i].discountRate\n // }\n if (premiumDiscountList?.length) {\n // dispatch(setPremiumInfo({ ...pmInfo }));\n dispatch(setPremiumDiscountList(premiumDiscountList));\n }\n } catch (error) {\n console.log('error', error)\n }\n }\n\n const initSys = async () => {\n // 先請求生成token 放到session\n try {\n setLoading(true);\n LoadBar.show();\n const res1 = await generateAccessToken({ specialCode: SpecialCode, agentCode: AgentCode, productCodes: ['AAT', 'AST'] }).catch((err) => {\n // 報出系統錯誤\n Modal.error({\n title: '系統錯誤',\n content: err,\n okText: '確認'\n })\n });\n if (res1?.status === 200) {\n sessionStorage.setItem('ReferralLink_Token', `Bearer ${res1.data?.accessToken}`);\n // 請求agent信息並儲存到store裏面 不需要每次變換路由就重新請求信息 請求完之後 要先判斷是否過期 如果是已過期 要跳到過期失效頁面\n const res2 = await getReferralLinkInfo({ SpecialCode, productCodes: ['AST','AAT']});\n if (res2.status === 200) {\n // TODO 接口要加上S-Code的判斷 boolean\n dispatch(setReferralLinkInfo(res2.data));\n if (res2.data?.isExpired) {\n // 跳轉到失效頁面\n navigate(`/${curLang}/referralLinkFailure`, { replace: true }); \n }\n }\n\n // 动态折扣\n await conf();\n LoadBar.hide();\n }\n } catch (error) {\n console.log('error', error)\n } finally {\n setLoading(false);\n }\n }\n useEffect(() => {\n if (AgentCode && SpecialCode) {\n initSys();\n }\n }, []);\n\n //<————————————————————————————————————————————————————————挂機檢測———————————————————————————————————————————————————————————————>\n useEffect(() => {\n const timer = setTimeout(() => {\n if (!isActive) {\n setTimeOutOpen(true)//彈出Modal\n }\n }, 30 * 60 * 1000); // 30分钟 \n\n return () => {\n clearTimeout(timer);\n };\n }, [isActive]);\n\n const handleUserInteraction = () => {\n setIsActive(true);\n // 清除之前的定时器并重新设置 \n };\n // 监听用户交互事件 \n useEffect(() => {\n const handleDocumentClick = (event) => {\n handleUserInteraction();\n };\n\n const handleWindowScroll = () => {\n handleUserInteraction();\n };\n\n document.addEventListener('click', handleDocumentClick);\n window.addEventListener('scroll', handleWindowScroll);\n\n return () => {\n document.removeEventListener('click', handleDocumentClick);\n window.removeEventListener('scroll', handleWindowScroll);\n };\n }, [handleUserInteraction]);\n\n // 当用户进行任何操作时，更新isActive状态 \n useEffect(() => {\n const handleAllInteractions = (event) => {\n if (event.target && event.target.closest('[data-ignore-timeout]')) {\n return;\n }\n setIsActive(true);\n };\n\n document.addEventListener('mousemove', handleAllInteractions);\n document.addEventListener('keydown', handleAllInteractions);\n document.addEventListener('wheel', handleAllInteractions);\n document.addEventListener('touchstart', handleAllInteractions);\n document.addEventListener('pointermove', handleAllInteractions);\n\n return () => {\n document.removeEventListener('mousemove', handleAllInteractions);\n document.removeEventListener('keydown', handleAllInteractions);\n document.removeEventListener('wheel', handleAllInteractions);\n document.removeEventListener('touchstart', handleAllInteractions);\n document.removeEventListener('pointermove', handleAllInteractions);\n };\n }, []);\n\n // 如果用户长时间30min未操作，将isActive设置为false \n useEffect(() => {\n const timer = setTimeout(() => {\n setIsActive(false);\n }, 30 * 60 * 1000);\n return () => {\n clearTimeout(timer);\n };\n }, []);\n// <——————————————————————————————————————————————————————--------——————————————————————————————————————————————————————>\nconst timeOutFunc=()=>{\n setTimeOutOpen(false)\n window.location.reload(); \n}\n\n\nfunction hideWujiePayLoading() {\n var elements = document.getElementsByClassName(\"aia-bx-fix-layer\");\n for (var i = 0; i < elements.length; i++) {\n elements[i].style.display = \"none\";\n }\n}\n//隱藏所支付系統喚起的iframe\nfunction hideWujiePayIframe() {\n var elements = document.getElementsByTagName(\"iframe\");\n for (var i = 0; i < elements.length; i++) {\n if (elements[i].title === 'Hosted Checkout') {\n elements[i].style.display = \"none\";\n }\n\n }\n}\n\nconst fetchData = () => {\n const current = new URL(window.location.href)\n const appNoPay = current.searchParams.get('appNo');\n console.log(appNoPay, 'fetchData appNoPay')\n const lang = curLang||localStorage.getItem('language')||'en'\n const policyCreateTestSwitch = sessionStorage.getItem(\"policyCreateTestSwitch\");// 測試出單開關\n\n\n //前端日志收集\nconst parameter={\n logType:\"I\",\n fnCode:\"iframe-referralLinkCreatePolicyNumber\",\n message:`label=referralLinkCreatePolicyNumber/key=${appNoPay}/referralLinkAppNo=${appNoPay}`,\n extraMessage:\"iframe-system-referralLinkCreatePolicyNumber\"\n\n}\nfrontToEndLogCollectFunc(parameter);\n\n if(!policyCreateTestSwitch){\n toPolicyNumber({ AppNo: appNoPay }).then((res) => {\n console.log(\"response: res\", res);\n if (res.status == 200) {\n hideWujiePayLoading();\n hideWujiePayIframe()\n sessionStorage.setItem('agentPolicyNo', res.data);\n //前端日志收集\n const parameter={\n logType:\"I\",\n fnCode:\"iframe-CreateReferralLinkPolicyNumberSuccess\",\n message:`label=CreateReferralLinkPolicyNumberSuccess/key=${appNoPay}/referralLinkAppNo=${appNoPay}/policyNo=${res.data}`,\n extraMessage:\"iframe-system-CreateReferralLinkPolicyNumberSuccess\"\n \n }\n frontToEndLogCollectFunc(parameter);\n\n\n\n navigate(`/${lang}/insureStatus?status=${true}&appNo=${appNoPay}&agentFlowPolicyNo=${res.data}`);\n \n } else {\n hideWujiePayLoading();\n hideWujiePayIframe();\n navigate(`/${lang}/insureStatus?status=${false}&appNo=${appNoPay}`);\n }\n }).catch((error) => {\n console.log(\"error:\", error);\n hideWujiePayLoading();\n hideWujiePayIframe();\n const parameter={\n logType:\"I\",\n fnCode:\"iframe-CreateReferralLinkPolicyNumberFail\",\n message:`label=CreateReferralLinkPolicyNumberFail/key=${appNoPay}/referralLinkAppNo=${appNoPay}/policyNo=${JSON.stringify(error)}`,\n extraMessage:\"iframe-system-CreateReferralLinkPolicyNumberFail\"\n \n }\n frontToEndLogCollectFunc(parameter);\n navigate(`/${lang}/insureStatus?status=${false}&appNo=${appNoPay}`);\n }).finally(() => {\n });\n }\n \n}\n\nconst fetchDataError = () => {\n // const urlParamsPay = new URLSearchParams(location.search);\n // const appNoPay=urlParamsPay.get('appNo')\n const current = new URL(window.location.href)\n const appNoPay = current.searchParams.get('appNo');\n console.log(appNoPay, 'fetchDataError appNoPay')\n const lang = curLang||localStorage.getItem('language')||'en';\n const parameter={\n logType:\"I\",\n fnCode:\"iframe-MPGS-payFail\",\n message:`label=MPGS-payFail/key=${appNoPay}/referralLinkAppNo=${appNoPay}`,\n extraMessage:\"iframe-system-MPGS-payFail\"\n\n }\n frontToEndLogCollectFunc(parameter);\n \n navigate(`/${lang}/insureStatus?status=${false}&appNo=${appNoPay}`);\n}\n\nuseEffect(() => {\n if (!wujieStatus) {\n\n PaymentAction.errorCallback.core = function (error) {\n hideLoading();\n console.log(\"error:errorCallback: 付款失敗\");\n fetchDataError()\n };\n PaymentAction.completeCallback.core = function (\n resultIndicator,\n sessionVersion\n ) {\n console.log(\" PaymentAction.completeCallback.core: 子系統付款成功\");\n fetchData()\n };\n PaymentAction.cancelCallback.core = function () {\n hideLoading();\n console.log(\"error:cancelCallback: 付款失敗\");\n // navigate(`/${lang}/insureStatus?status=${false}&appNo=${appNo}`);\n fetchDataError()\n };\n function hideLoading() {\n var elements = document.getElementsByClassName(\"aia-bx-fix-layer\");\n for (var i = 0; i < elements.length; i++) {\n elements[i].style.display = \"none\";\n }\n }\n }\n\n}, []);\n\n\n return (\n <>\n \n {!loading &&
\n \n {logo&&
\n \n );\n}\n// propTypes 定义 \nTopBar.propTypes = {\n logo: PropTypes.any,\n label: PropTypes.any,\n desc: PropTypes.any,\n content: PropTypes.any,\n langSwitch: PropTypes.bool,\n cancelIcon:PropTypes.bool,\n userInfo: PropTypes.any,\n};\n\nexport default TopBar;","// This icon file is generated automatically.\nvar ArrowLeftOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\" } }] }, \"name\": \"arrow-left\", \"theme\": \"outlined\" };\nexport default ArrowLeftOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ArrowLeftOutlinedSvg from \"@ant-design/icons-svg/es/asn/ArrowLeftOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar ArrowLeftOutlined = function ArrowLeftOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ArrowLeftOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n ArrowLeftOutlined.displayName = 'ArrowLeftOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(ArrowLeftOutlined);","export default __webpack_public_path__ + \"./imgs/change-price.74f23c.png\";","export default __webpack_public_path__ + \"./imgs/down-icon.23931f.png\";","export default __webpack_public_path__ + \"./imgs/rate-discount.ec9d0d.png\";","export default __webpack_public_path__ + \"./imgs/tick.ff4797.png\";","export default __webpack_public_path__ + \"./imgs/tempSave.b403d7.png\";","export default __webpack_public_path__ + \"./imgs/arrowRight.0c136d.png\";","export default __webpack_public_path__ + \"./imgs/addIcon.722d54.png\";","export default __webpack_public_path__ + \"./imgs/expandIcon.836594.png\";","import { request } from '@/request/request';\nimport { POST_QUOTE_TABLE , PRODUCTS_PLAN, POST_QUOTE_TABLE_LIST, REFERRAL_LINK_CREATE } from '@/request/urls';\n\n// 獲取報價表\nexport const fetchPremiumData = (params) => request(POST_QUOTE_TABLE, params, 'post', { 'Content-Type': 'application/json' });\n\n// 獲取旅遊計劃\nexport const fetchProductsPlan = (params) => request(PRODUCTS_PLAN, params, 'post', { 'Content-Type': 'application/json' });\n\n// 獲取保障信息\nexport const fetchBenefits = (params) => request(POST_QUOTE_TABLE_LIST, params, 'post', { 'Content-Type': 'application/json' });\n\n\n\n\n","// This icon file is generated automatically.\nvar UpOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z\" } }] }, \"name\": \"up\", \"theme\": \"outlined\" };\nexport default UpOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport UpOutlinedSvg from \"@ant-design/icons-svg/es/asn/UpOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar UpOutlined = function UpOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: UpOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n UpOutlined.displayName = 'UpOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(UpOutlined);","export function supportBigInt() {\n return typeof BigInt === 'function';\n}","import { supportBigInt } from \"./supportUtil\";\nexport function isEmpty(value) {\n return !value && value !== 0 && !Number.isNaN(value) || !String(value).trim();\n}\n\n/**\n * Format string number to readable number\n */\nexport function trimNumber(numStr) {\n var str = numStr.trim();\n var negative = str.startsWith('-');\n if (negative) {\n str = str.slice(1);\n }\n str = str\n // Remove decimal 0. `1.000` => `1.`, `1.100` => `1.1`\n .replace(/(\\.\\d*[^0])0*$/, '$1')\n // Remove useless decimal. `1.` => `1`\n .replace(/\\.0*$/, '')\n // Remove integer 0. `0001` => `1`, 000.1' => `.1`\n .replace(/^0+/, '');\n if (str.startsWith('.')) {\n str = \"0\".concat(str);\n }\n var trimStr = str || '0';\n var splitNumber = trimStr.split('.');\n var integerStr = splitNumber[0] || '0';\n var decimalStr = splitNumber[1] || '0';\n if (integerStr === '0' && decimalStr === '0') {\n negative = false;\n }\n var negativeStr = negative ? '-' : '';\n return {\n negative: negative,\n negativeStr: negativeStr,\n trimStr: trimStr,\n integerStr: integerStr,\n decimalStr: decimalStr,\n fullStr: \"\".concat(negativeStr).concat(trimStr)\n };\n}\nexport function isE(number) {\n var str = String(number);\n return !Number.isNaN(Number(str)) && str.includes('e');\n}\n\n/**\n * [Legacy] Convert 1e-9 to 0.000000001.\n * This may lose some precision if user really want 1e-9.\n */\nexport function getNumberPrecision(number) {\n var numStr = String(number);\n if (isE(number)) {\n var precision = Number(numStr.slice(numStr.indexOf('e-') + 2));\n var decimalMatch = numStr.match(/\\.(\\d+)/);\n if (decimalMatch !== null && decimalMatch !== void 0 && decimalMatch[1]) {\n precision += decimalMatch[1].length;\n }\n return precision;\n }\n return numStr.includes('.') && validateNumber(numStr) ? numStr.length - numStr.indexOf('.') - 1 : 0;\n}\n\n/**\n * Convert number (includes scientific notation) to -xxx.yyy format\n */\nexport function num2str(number) {\n var numStr = String(number);\n if (isE(number)) {\n if (number > Number.MAX_SAFE_INTEGER) {\n return String(supportBigInt() ? BigInt(number).toString() : Number.MAX_SAFE_INTEGER);\n }\n if (number < Number.MIN_SAFE_INTEGER) {\n return String(supportBigInt() ? BigInt(number).toString() : Number.MIN_SAFE_INTEGER);\n }\n numStr = number.toFixed(getNumberPrecision(numStr));\n }\n return trimNumber(numStr).fullStr;\n}\nexport function validateNumber(num) {\n if (typeof num === 'number') {\n return !Number.isNaN(num);\n }\n\n // Empty\n if (!num) {\n return false;\n }\n return (\n // Normal type: 11.28\n /^\\s*-?\\d+(\\.\\d+)?\\s*$/.test(num) ||\n // Pre-number: 1.\n /^\\s*-?\\d+\\.\\s*$/.test(num) ||\n // Post-number: .1\n /^\\s*-?\\.\\d+\\s*$/.test(num)\n );\n}","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { isE, isEmpty, num2str, trimNumber, validateNumber } from \"./numberUtil\";\nvar BigIntDecimal = /*#__PURE__*/function () {\n /** BigInt will convert `0009` to `9`. We need record the len of decimal */\n\n function BigIntDecimal(value) {\n _classCallCheck(this, BigIntDecimal);\n _defineProperty(this, \"origin\", '');\n _defineProperty(this, \"negative\", void 0);\n _defineProperty(this, \"integer\", void 0);\n _defineProperty(this, \"decimal\", void 0);\n _defineProperty(this, \"decimalLen\", void 0);\n _defineProperty(this, \"empty\", void 0);\n _defineProperty(this, \"nan\", void 0);\n if (isEmpty(value)) {\n this.empty = true;\n return;\n }\n this.origin = String(value);\n\n // Act like Number convert\n if (value === '-' || Number.isNaN(value)) {\n this.nan = true;\n return;\n }\n var mergedValue = value;\n\n // We need convert back to Number since it require `toFixed` to handle this\n if (isE(mergedValue)) {\n mergedValue = Number(mergedValue);\n }\n mergedValue = typeof mergedValue === 'string' ? mergedValue : num2str(mergedValue);\n if (validateNumber(mergedValue)) {\n var trimRet = trimNumber(mergedValue);\n this.negative = trimRet.negative;\n var numbers = trimRet.trimStr.split('.');\n this.integer = BigInt(numbers[0]);\n var decimalStr = numbers[1] || '0';\n this.decimal = BigInt(decimalStr);\n this.decimalLen = decimalStr.length;\n } else {\n this.nan = true;\n }\n }\n _createClass(BigIntDecimal, [{\n key: \"getMark\",\n value: function getMark() {\n return this.negative ? '-' : '';\n }\n }, {\n key: \"getIntegerStr\",\n value: function getIntegerStr() {\n return this.integer.toString();\n }\n\n /**\n * @private get decimal string\n */\n }, {\n key: \"getDecimalStr\",\n value: function getDecimalStr() {\n return this.decimal.toString().padStart(this.decimalLen, '0');\n }\n\n /**\n * @private Align BigIntDecimal with same decimal length. e.g. 12.3 + 5 = 1230000\n * This is used for add function only.\n */\n }, {\n key: \"alignDecimal\",\n value: function alignDecimal(decimalLength) {\n var str = \"\".concat(this.getMark()).concat(this.getIntegerStr()).concat(this.getDecimalStr().padEnd(decimalLength, '0'));\n return BigInt(str);\n }\n }, {\n key: \"negate\",\n value: function negate() {\n var clone = new BigIntDecimal(this.toString());\n clone.negative = !clone.negative;\n return clone;\n }\n }, {\n key: \"cal\",\n value: function cal(offset, calculator, calDecimalLen) {\n var maxDecimalLength = Math.max(this.getDecimalStr().length, offset.getDecimalStr().length);\n var myAlignedDecimal = this.alignDecimal(maxDecimalLength);\n var offsetAlignedDecimal = offset.alignDecimal(maxDecimalLength);\n var valueStr = calculator(myAlignedDecimal, offsetAlignedDecimal).toString();\n var nextDecimalLength = calDecimalLen(maxDecimalLength);\n\n // We need fill string length back to `maxDecimalLength` to avoid parser failed\n var _trimNumber = trimNumber(valueStr),\n negativeStr = _trimNumber.negativeStr,\n trimStr = _trimNumber.trimStr;\n var hydrateValueStr = \"\".concat(negativeStr).concat(trimStr.padStart(nextDecimalLength + 1, '0'));\n return new BigIntDecimal(\"\".concat(hydrateValueStr.slice(0, -nextDecimalLength), \".\").concat(hydrateValueStr.slice(-nextDecimalLength)));\n }\n }, {\n key: \"add\",\n value: function add(value) {\n if (this.isInvalidate()) {\n return new BigIntDecimal(value);\n }\n var offset = new BigIntDecimal(value);\n if (offset.isInvalidate()) {\n return this;\n }\n return this.cal(offset, function (num1, num2) {\n return num1 + num2;\n }, function (len) {\n return len;\n });\n }\n }, {\n key: \"multi\",\n value: function multi(value) {\n var target = new BigIntDecimal(value);\n if (this.isInvalidate() || target.isInvalidate()) {\n return new BigIntDecimal(NaN);\n }\n return this.cal(target, function (num1, num2) {\n return num1 * num2;\n }, function (len) {\n return len * 2;\n });\n }\n }, {\n key: \"isEmpty\",\n value: function isEmpty() {\n return this.empty;\n }\n }, {\n key: \"isNaN\",\n value: function isNaN() {\n return this.nan;\n }\n }, {\n key: \"isInvalidate\",\n value: function isInvalidate() {\n return this.isEmpty() || this.isNaN();\n }\n }, {\n key: \"equals\",\n value: function equals(target) {\n return this.toString() === (target === null || target === void 0 ? void 0 : target.toString());\n }\n }, {\n key: \"lessEquals\",\n value: function lessEquals(target) {\n return this.add(target.negate().toString()).toNumber() <= 0;\n }\n }, {\n key: \"toNumber\",\n value: function toNumber() {\n if (this.isNaN()) {\n return NaN;\n }\n return Number(this.toString());\n }\n }, {\n key: \"toString\",\n value: function toString() {\n var safe = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n if (!safe) {\n return this.origin;\n }\n if (this.isInvalidate()) {\n return '';\n }\n return trimNumber(\"\".concat(this.getMark()).concat(this.getIntegerStr(), \".\").concat(this.getDecimalStr())).fullStr;\n }\n }]);\n return BigIntDecimal;\n}();\nexport { BigIntDecimal as default };","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { getNumberPrecision, isEmpty, num2str } from \"./numberUtil\";\n\n/**\n * We can remove this when IE not support anymore\n */\nvar NumberDecimal = /*#__PURE__*/function () {\n function NumberDecimal(value) {\n _classCallCheck(this, NumberDecimal);\n _defineProperty(this, \"origin\", '');\n _defineProperty(this, \"number\", void 0);\n _defineProperty(this, \"empty\", void 0);\n if (isEmpty(value)) {\n this.empty = true;\n return;\n }\n this.origin = String(value);\n this.number = Number(value);\n }\n _createClass(NumberDecimal, [{\n key: \"negate\",\n value: function negate() {\n return new NumberDecimal(-this.toNumber());\n }\n }, {\n key: \"add\",\n value: function add(value) {\n if (this.isInvalidate()) {\n return new NumberDecimal(value);\n }\n var target = Number(value);\n if (Number.isNaN(target)) {\n return this;\n }\n var number = this.number + target;\n\n // [Legacy] Back to safe integer\n if (number > Number.MAX_SAFE_INTEGER) {\n return new NumberDecimal(Number.MAX_SAFE_INTEGER);\n }\n if (number < Number.MIN_SAFE_INTEGER) {\n return new NumberDecimal(Number.MIN_SAFE_INTEGER);\n }\n var maxPrecision = Math.max(getNumberPrecision(this.number), getNumberPrecision(target));\n return new NumberDecimal(number.toFixed(maxPrecision));\n }\n }, {\n key: \"multi\",\n value: function multi(value) {\n var target = Number(value);\n if (this.isInvalidate() || Number.isNaN(target)) {\n return new NumberDecimal(NaN);\n }\n var number = this.number * target;\n\n // [Legacy] Back to safe integer\n if (number > Number.MAX_SAFE_INTEGER) {\n return new NumberDecimal(Number.MAX_SAFE_INTEGER);\n }\n if (number < Number.MIN_SAFE_INTEGER) {\n return new NumberDecimal(Number.MIN_SAFE_INTEGER);\n }\n var maxPrecision = Math.max(getNumberPrecision(this.number), getNumberPrecision(target));\n return new NumberDecimal(number.toFixed(maxPrecision));\n }\n }, {\n key: \"isEmpty\",\n value: function isEmpty() {\n return this.empty;\n }\n }, {\n key: \"isNaN\",\n value: function isNaN() {\n return Number.isNaN(this.number);\n }\n }, {\n key: \"isInvalidate\",\n value: function isInvalidate() {\n return this.isEmpty() || this.isNaN();\n }\n }, {\n key: \"equals\",\n value: function equals(target) {\n return this.toNumber() === (target === null || target === void 0 ? void 0 : target.toNumber());\n }\n }, {\n key: \"lessEquals\",\n value: function lessEquals(target) {\n return this.add(target.negate().toString()).toNumber() <= 0;\n }\n }, {\n key: \"toNumber\",\n value: function toNumber() {\n return this.number;\n }\n }, {\n key: \"toString\",\n value: function toString() {\n var safe = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n if (!safe) {\n return this.origin;\n }\n if (this.isInvalidate()) {\n return '';\n }\n return num2str(this.number);\n }\n }]);\n return NumberDecimal;\n}();\nexport { NumberDecimal as default };","/* eslint-disable max-classes-per-file */\n\nimport BigIntDecimal from \"./BigIntDecimal\";\nimport NumberDecimal from \"./NumberDecimal\";\nimport { trimNumber } from \"./numberUtil\";\nimport { supportBigInt } from \"./supportUtil\";\n\n// Still support origin export\nexport { NumberDecimal, BigIntDecimal };\nexport default function getMiniDecimal(value) {\n // We use BigInt here.\n // Will fallback to Number if not support.\n if (supportBigInt()) {\n return new BigIntDecimal(value);\n }\n return new NumberDecimal(value);\n}\n\n/**\n * Align the logic of toFixed to around like 1.5 => 2.\n * If set `cutOnly`, will just remove the over decimal part.\n */\nexport function toFixed(numStr, separatorStr, precision) {\n var cutOnly = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n if (numStr === '') {\n return '';\n }\n var _trimNumber = trimNumber(numStr),\n negativeStr = _trimNumber.negativeStr,\n integerStr = _trimNumber.integerStr,\n decimalStr = _trimNumber.decimalStr;\n var precisionDecimalStr = \"\".concat(separatorStr).concat(decimalStr);\n var numberWithoutDecimal = \"\".concat(negativeStr).concat(integerStr);\n if (precision >= 0) {\n // We will get last + 1 number to check if need advanced number\n var advancedNum = Number(decimalStr[precision]);\n if (advancedNum >= 5 && !cutOnly) {\n var advancedDecimal = getMiniDecimal(numStr).add(\"\".concat(negativeStr, \"0.\").concat('0'.repeat(precision)).concat(10 - advancedNum));\n return toFixed(advancedDecimal.toString(), separatorStr, precision, cutOnly);\n }\n if (precision === 0) {\n return numberWithoutDecimal;\n }\n return \"\".concat(numberWithoutDecimal).concat(separatorStr).concat(decimalStr.padEnd(precision, '0').slice(0, precision));\n }\n if (precisionDecimalStr === '.0') {\n return numberWithoutDecimal;\n }\n return \"\".concat(numberWithoutDecimal).concat(precisionDecimalStr);\n}","import getMiniDecimal from \"./MiniDecimal\";\nexport * from \"./MiniDecimal\";\nimport { trimNumber, getNumberPrecision, num2str, validateNumber } from \"./numberUtil\";\nexport { trimNumber, getNumberPrecision, num2str, validateNumber };\nexport default getMiniDecimal;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useState } from 'react';\nimport isMobile from \"../isMobile\";\nimport useLayoutEffect from \"./useLayoutEffect\";\n\n/**\n * Hook to detect if the user is on a mobile device\n * Notice that this hook will only detect the device type in effect, so it will always be false in server side\n */\nvar useMobile = function useMobile() {\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n mobile = _useState2[0],\n setMobile = _useState2[1];\n useLayoutEffect(function () {\n setMobile(isMobile());\n }, []);\n return mobile;\n};\nexport default useMobile;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n/* eslint-disable react/no-unknown-property */\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport useMobile from \"rc-util/es/hooks/useMobile\";\nimport raf from \"rc-util/es/raf\";\n\n/**\n * When click and hold on a button - the speed of auto changing the value.\n */\nvar STEP_INTERVAL = 200;\n\n/**\n * When click and hold on a button - the delay before auto changing the value.\n */\nvar STEP_DELAY = 600;\nexport default function StepHandler(_ref) {\n var prefixCls = _ref.prefixCls,\n upNode = _ref.upNode,\n downNode = _ref.downNode,\n upDisabled = _ref.upDisabled,\n downDisabled = _ref.downDisabled,\n onStep = _ref.onStep;\n // ======================== Step ========================\n var stepTimeoutRef = React.useRef();\n var frameIds = React.useRef([]);\n var onStepRef = React.useRef();\n onStepRef.current = onStep;\n var onStopStep = function onStopStep() {\n clearTimeout(stepTimeoutRef.current);\n };\n\n // We will interval update step when hold mouse down\n var onStepMouseDown = function onStepMouseDown(e, up) {\n e.preventDefault();\n onStopStep();\n onStepRef.current(up);\n\n // Loop step for interval\n function loopStep() {\n onStepRef.current(up);\n stepTimeoutRef.current = setTimeout(loopStep, STEP_INTERVAL);\n }\n\n // First time press will wait some time to trigger loop step update\n stepTimeoutRef.current = setTimeout(loopStep, STEP_DELAY);\n };\n React.useEffect(function () {\n return function () {\n onStopStep();\n frameIds.current.forEach(function (id) {\n return raf.cancel(id);\n });\n };\n }, []);\n\n // ======================= Render =======================\n var isMobile = useMobile();\n if (isMobile) {\n return null;\n }\n var handlerClassName = \"\".concat(prefixCls, \"-handler\");\n var upClassName = classNames(handlerClassName, \"\".concat(handlerClassName, \"-up\"), _defineProperty({}, \"\".concat(handlerClassName, \"-up-disabled\"), upDisabled));\n var downClassName = classNames(handlerClassName, \"\".concat(handlerClassName, \"-down\"), _defineProperty({}, \"\".concat(handlerClassName, \"-down-disabled\"), downDisabled));\n\n // fix: https://github.com/ant-design/ant-design/issues/43088\n // In Safari, When we fire onmousedown and onmouseup events in quick succession, \n // there may be a problem that the onmouseup events are executed first, \n // resulting in a disordered program execution.\n // So, we need to use requestAnimationFrame to ensure that the onmouseup event is executed after the onmousedown event.\n var safeOnStopStep = function safeOnStopStep() {\n return frameIds.current.push(raf(onStopStep));\n };\n var sharedHandlerProps = {\n unselectable: 'on',\n role: 'button',\n onMouseUp: safeOnStopStep,\n onMouseLeave: safeOnStopStep\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(handlerClassName, \"-wrap\")\n }, /*#__PURE__*/React.createElement(\"span\", _extends({}, sharedHandlerProps, {\n onMouseDown: function onMouseDown(e) {\n onStepMouseDown(e, true);\n },\n \"aria-label\": \"Increase Value\",\n \"aria-disabled\": upDisabled,\n className: upClassName\n }), upNode || /*#__PURE__*/React.createElement(\"span\", {\n unselectable: \"on\",\n className: \"\".concat(prefixCls, \"-handler-up-inner\")\n })), /*#__PURE__*/React.createElement(\"span\", _extends({}, sharedHandlerProps, {\n onMouseDown: function onMouseDown(e) {\n onStepMouseDown(e, false);\n },\n \"aria-label\": \"Decrease Value\",\n \"aria-disabled\": downDisabled,\n className: downClassName\n }), downNode || /*#__PURE__*/React.createElement(\"span\", {\n unselectable: \"on\",\n className: \"\".concat(prefixCls, \"-handler-down-inner\")\n })));\n}","import { trimNumber, num2str } from '@rc-component/mini-decimal';\nexport function getDecupleSteps(step) {\n var stepStr = typeof step === 'number' ? num2str(step) : trimNumber(step).fullStr;\n var hasPoint = stepStr.includes('.');\n if (!hasPoint) {\n return step + '0';\n }\n return trimNumber(stepStr.replace(/(\\d)\\.(\\d)/g, '$1$2.')).fullStr;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"className\", \"style\", \"min\", \"max\", \"step\", \"defaultValue\", \"value\", \"disabled\", \"readOnly\", \"upHandler\", \"downHandler\", \"keyboard\", \"changeOnWheel\", \"controls\", \"classNames\", \"stringMode\", \"parser\", \"formatter\", \"precision\", \"decimalSeparator\", \"onChange\", \"onInput\", \"onPressEnter\", \"onStep\", \"changeOnBlur\"],\n _excluded2 = [\"disabled\", \"style\", \"prefixCls\", \"value\", \"prefix\", \"suffix\", \"addonBefore\", \"addonAfter\", \"className\", \"classNames\"];\nimport getMiniDecimal, { getNumberPrecision, num2str, toFixed, validateNumber } from '@rc-component/mini-decimal';\nimport clsx from 'classnames';\nimport { BaseInput } from 'rc-input';\nimport { useLayoutUpdateEffect } from \"rc-util/es/hooks/useLayoutEffect\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport useCursor from \"./hooks/useCursor\";\nimport StepHandler from \"./StepHandler\";\nimport { getDecupleSteps } from \"./utils/numberUtil\";\nimport { triggerFocus } from \"rc-input/es/utils/commonUtils\";\nimport useFrame from \"./hooks/useFrame\";\n/**\n * We support `stringMode` which need handle correct type when user call in onChange\n * format max or min value\n * 1. if isInvalid return null\n * 2. if precision is undefined, return decimal\n * 3. format with precision\n * I. if max > 0, round down with precision. Example: max= 3.5, precision=0 afterFormat: 3\n * II. if max < 0, round up with precision. Example: max= -3.5, precision=0 afterFormat: -4\n * III. if min > 0, round up with precision. Example: min= 3.5, precision=0 afterFormat: 4\n * IV. if min < 0, round down with precision. Example: max= -3.5, precision=0 afterFormat: -3\n */\nvar getDecimalValue = function getDecimalValue(stringMode, decimalValue) {\n if (stringMode || decimalValue.isEmpty()) {\n return decimalValue.toString();\n }\n return decimalValue.toNumber();\n};\nvar getDecimalIfValidate = function getDecimalIfValidate(value) {\n var decimal = getMiniDecimal(value);\n return decimal.isInvalidate() ? null : decimal;\n};\nvar InternalInputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var _clsx;\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-input-number' : _props$prefixCls,\n className = props.className,\n style = props.style,\n min = props.min,\n max = props.max,\n _props$step = props.step,\n step = _props$step === void 0 ? 1 : _props$step,\n defaultValue = props.defaultValue,\n value = props.value,\n disabled = props.disabled,\n readOnly = props.readOnly,\n upHandler = props.upHandler,\n downHandler = props.downHandler,\n keyboard = props.keyboard,\n _props$changeOnWheel = props.changeOnWheel,\n changeOnWheel = _props$changeOnWheel === void 0 ? false : _props$changeOnWheel,\n _props$controls = props.controls,\n controls = _props$controls === void 0 ? true : _props$controls,\n classNames = props.classNames,\n stringMode = props.stringMode,\n parser = props.parser,\n formatter = props.formatter,\n precision = props.precision,\n decimalSeparator = props.decimalSeparator,\n onChange = props.onChange,\n onInput = props.onInput,\n onPressEnter = props.onPressEnter,\n onStep = props.onStep,\n _props$changeOnBlur = props.changeOnBlur,\n changeOnBlur = _props$changeOnBlur === void 0 ? true : _props$changeOnBlur,\n inputProps = _objectWithoutProperties(props, _excluded);\n var inputClassName = \"\".concat(prefixCls, \"-input\");\n var inputRef = React.useRef(null);\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n focus = _React$useState2[0],\n setFocus = _React$useState2[1];\n var userTypingRef = React.useRef(false);\n var compositionRef = React.useRef(false);\n var shiftKeyRef = React.useRef(false);\n\n // ============================ Value =============================\n // Real value control\n var _React$useState3 = React.useState(function () {\n return getMiniDecimal(value !== null && value !== void 0 ? value : defaultValue);\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n decimalValue = _React$useState4[0],\n setDecimalValue = _React$useState4[1];\n function setUncontrolledDecimalValue(newDecimal) {\n if (value === undefined) {\n setDecimalValue(newDecimal);\n }\n }\n\n // ====================== Parser & Formatter ======================\n /**\n * `precision` is used for formatter & onChange.\n * It will auto generate by `value` & `step`.\n * But it will not block user typing.\n *\n * Note: Auto generate `precision` is used for legacy logic.\n * We should remove this since we already support high precision with BigInt.\n *\n * @param number Provide which number should calculate precision\n * @param userTyping Change by user typing\n */\n var getPrecision = React.useCallback(function (numStr, userTyping) {\n if (userTyping) {\n return undefined;\n }\n if (precision >= 0) {\n return precision;\n }\n return Math.max(getNumberPrecision(numStr), getNumberPrecision(step));\n }, [precision, step]);\n\n // >>> Parser\n var mergedParser = React.useCallback(function (num) {\n var numStr = String(num);\n if (parser) {\n return parser(numStr);\n }\n var parsedStr = numStr;\n if (decimalSeparator) {\n parsedStr = parsedStr.replace(decimalSeparator, '.');\n }\n\n // [Legacy] We still support auto convert `$ 123,456` to `123456`\n return parsedStr.replace(/[^\\w.-]+/g, '');\n }, [parser, decimalSeparator]);\n\n // >>> Formatter\n var inputValueRef = React.useRef('');\n var mergedFormatter = React.useCallback(function (number, userTyping) {\n if (formatter) {\n return formatter(number, {\n userTyping: userTyping,\n input: String(inputValueRef.current)\n });\n }\n var str = typeof number === 'number' ? num2str(number) : number;\n\n // User typing will not auto format with precision directly\n if (!userTyping) {\n var mergedPrecision = getPrecision(str, userTyping);\n if (validateNumber(str) && (decimalSeparator || mergedPrecision >= 0)) {\n // Separator\n var separatorStr = decimalSeparator || '.';\n str = toFixed(str, separatorStr, mergedPrecision);\n }\n }\n return str;\n }, [formatter, getPrecision, decimalSeparator]);\n\n // ========================== InputValue ==========================\n /**\n * Input text value control\n *\n * User can not update input content directly. It updates with follow rules by priority:\n * 1. controlled `value` changed\n * * [SPECIAL] Typing like `1.` should not immediately convert to `1`\n * 2. User typing with format (not precision)\n * 3. Blur or Enter trigger revalidate\n */\n var _React$useState5 = React.useState(function () {\n var initValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;\n if (decimalValue.isInvalidate() && ['string', 'number'].includes(_typeof(initValue))) {\n return Number.isNaN(initValue) ? '' : initValue;\n }\n return mergedFormatter(decimalValue.toString(), false);\n }),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n inputValue = _React$useState6[0],\n setInternalInputValue = _React$useState6[1];\n inputValueRef.current = inputValue;\n\n // Should always be string\n function setInputValue(newValue, userTyping) {\n setInternalInputValue(mergedFormatter(\n // Invalidate number is sometime passed by external control, we should let it go\n // Otherwise is controlled by internal interactive logic which check by userTyping\n // You can ref 'show limited value when input is not focused' test for more info.\n newValue.isInvalidate() ? newValue.toString(false) : newValue.toString(!userTyping), userTyping));\n }\n\n // >>> Max & Min limit\n var maxDecimal = React.useMemo(function () {\n return getDecimalIfValidate(max);\n }, [max, precision]);\n var minDecimal = React.useMemo(function () {\n return getDecimalIfValidate(min);\n }, [min, precision]);\n var upDisabled = React.useMemo(function () {\n if (!maxDecimal || !decimalValue || decimalValue.isInvalidate()) {\n return false;\n }\n return maxDecimal.lessEquals(decimalValue);\n }, [maxDecimal, decimalValue]);\n var downDisabled = React.useMemo(function () {\n if (!minDecimal || !decimalValue || decimalValue.isInvalidate()) {\n return false;\n }\n return decimalValue.lessEquals(minDecimal);\n }, [minDecimal, decimalValue]);\n\n // Cursor controller\n var _useCursor = useCursor(inputRef.current, focus),\n _useCursor2 = _slicedToArray(_useCursor, 2),\n recordCursor = _useCursor2[0],\n restoreCursor = _useCursor2[1];\n\n // ============================= Data =============================\n /**\n * Find target value closet within range.\n * e.g. [11, 28]:\n * 3 => 11\n * 23 => 23\n * 99 => 28\n */\n var getRangeValue = function getRangeValue(target) {\n // target > max\n if (maxDecimal && !target.lessEquals(maxDecimal)) {\n return maxDecimal;\n }\n\n // target < min\n if (minDecimal && !minDecimal.lessEquals(target)) {\n return minDecimal;\n }\n return null;\n };\n\n /**\n * Check value is in [min, max] range\n */\n var isInRange = function isInRange(target) {\n return !getRangeValue(target);\n };\n\n /**\n * Trigger `onChange` if value validated and not equals of origin.\n * Return the value that re-align in range.\n */\n var triggerValueUpdate = function triggerValueUpdate(newValue, userTyping) {\n var updateValue = newValue;\n var isRangeValidate = isInRange(updateValue) || updateValue.isEmpty();\n\n // Skip align value when trigger value is empty.\n // We just trigger onChange(null)\n // This should not block user typing\n if (!updateValue.isEmpty() && !userTyping) {\n // Revert value in range if needed\n updateValue = getRangeValue(updateValue) || updateValue;\n isRangeValidate = true;\n }\n if (!readOnly && !disabled && isRangeValidate) {\n var numStr = updateValue.toString();\n var mergedPrecision = getPrecision(numStr, userTyping);\n if (mergedPrecision >= 0) {\n updateValue = getMiniDecimal(toFixed(numStr, '.', mergedPrecision));\n\n // When to fixed. The value may out of min & max range.\n // 4 in [0, 3.8] => 3.8 => 4 (toFixed)\n if (!isInRange(updateValue)) {\n updateValue = getMiniDecimal(toFixed(numStr, '.', mergedPrecision, true));\n }\n }\n\n // Trigger event\n if (!updateValue.equals(decimalValue)) {\n setUncontrolledDecimalValue(updateValue);\n onChange === null || onChange === void 0 || onChange(updateValue.isEmpty() ? null : getDecimalValue(stringMode, updateValue));\n\n // Reformat input if value is not controlled\n if (value === undefined) {\n setInputValue(updateValue, userTyping);\n }\n }\n return updateValue;\n }\n return decimalValue;\n };\n\n // ========================== User Input ==========================\n var onNextPromise = useFrame();\n\n // >>> Collect input value\n var collectInputValue = function collectInputValue(inputStr) {\n recordCursor();\n\n // Update inputValue in case input can not parse as number\n // Refresh ref value immediately since it may used by formatter\n inputValueRef.current = inputStr;\n setInternalInputValue(inputStr);\n\n // Parse number\n if (!compositionRef.current) {\n var finalValue = mergedParser(inputStr);\n var finalDecimal = getMiniDecimal(finalValue);\n if (!finalDecimal.isNaN()) {\n triggerValueUpdate(finalDecimal, true);\n }\n }\n\n // Trigger onInput later to let user customize value if they want to handle something after onChange\n onInput === null || onInput === void 0 || onInput(inputStr);\n\n // optimize for chinese input experience\n // https://github.com/ant-design/ant-design/issues/8196\n onNextPromise(function () {\n var nextInputStr = inputStr;\n if (!parser) {\n nextInputStr = inputStr.replace(/。/g, '.');\n }\n if (nextInputStr !== inputStr) {\n collectInputValue(nextInputStr);\n }\n });\n };\n\n // >>> Composition\n var onCompositionStart = function onCompositionStart() {\n compositionRef.current = true;\n };\n var onCompositionEnd = function onCompositionEnd() {\n compositionRef.current = false;\n collectInputValue(inputRef.current.value);\n };\n\n // >>> Input\n var onInternalInput = function onInternalInput(e) {\n collectInputValue(e.target.value);\n };\n\n // ============================= Step =============================\n var onInternalStep = function onInternalStep(up) {\n var _inputRef$current;\n // Ignore step since out of range\n if (up && upDisabled || !up && downDisabled) {\n return;\n }\n\n // Clear typing status since it may be caused by up & down key.\n // We should sync with input value.\n userTypingRef.current = false;\n var stepDecimal = getMiniDecimal(shiftKeyRef.current ? getDecupleSteps(step) : step);\n if (!up) {\n stepDecimal = stepDecimal.negate();\n }\n var target = (decimalValue || getMiniDecimal(0)).add(stepDecimal.toString());\n var updatedValue = triggerValueUpdate(target, false);\n onStep === null || onStep === void 0 || onStep(getDecimalValue(stringMode, updatedValue), {\n offset: shiftKeyRef.current ? getDecupleSteps(step) : step,\n type: up ? 'up' : 'down'\n });\n (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();\n };\n\n // ============================ Flush =============================\n /**\n * Flush current input content to trigger value change & re-formatter input if needed.\n * This will always flush input value for update.\n * If it's invalidate, will fallback to last validate value.\n */\n var flushInputValue = function flushInputValue(userTyping) {\n var parsedValue = getMiniDecimal(mergedParser(inputValue));\n var formatValue = parsedValue;\n if (!parsedValue.isNaN()) {\n // Only validate value or empty value can be re-fill to inputValue\n // Reassign the formatValue within ranged of trigger control\n formatValue = triggerValueUpdate(parsedValue, userTyping);\n } else {\n formatValue = triggerValueUpdate(decimalValue, userTyping);\n }\n if (value !== undefined) {\n // Reset back with controlled value first\n setInputValue(decimalValue, false);\n } else if (!formatValue.isNaN()) {\n // Reset input back since no validate value\n setInputValue(formatValue, false);\n }\n };\n\n // Solve the issue of the event triggering sequence when entering numbers in chinese input (Safari)\n var onBeforeInput = function onBeforeInput() {\n userTypingRef.current = true;\n };\n var onKeyDown = function onKeyDown(event) {\n var key = event.key,\n shiftKey = event.shiftKey;\n userTypingRef.current = true;\n shiftKeyRef.current = shiftKey;\n if (key === 'Enter') {\n if (!compositionRef.current) {\n userTypingRef.current = false;\n }\n flushInputValue(false);\n onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);\n }\n if (keyboard === false) {\n return;\n }\n\n // Do step\n if (!compositionRef.current && ['Up', 'ArrowUp', 'Down', 'ArrowDown'].includes(key)) {\n onInternalStep(key === 'Up' || key === 'ArrowUp');\n event.preventDefault();\n }\n };\n var onKeyUp = function onKeyUp() {\n userTypingRef.current = false;\n shiftKeyRef.current = false;\n };\n React.useEffect(function () {\n if (changeOnWheel && focus) {\n var onWheel = function onWheel(event) {\n // moving mouse wheel rises wheel event with deltaY < 0\n // scroll value grows from top to bottom, as screen Y coordinate\n onInternalStep(event.deltaY < 0);\n event.preventDefault();\n };\n var input = inputRef.current;\n if (input) {\n // React onWheel is passive and we can't preventDefault() in it.\n // That's why we should subscribe with DOM listener\n // https://stackoverflow.com/questions/63663025/react-onwheel-handler-cant-preventdefault-because-its-a-passive-event-listenev\n input.addEventListener('wheel', onWheel, {\n passive: false\n });\n return function () {\n return input.removeEventListener('wheel', onWheel);\n };\n }\n }\n });\n\n // >>> Focus & Blur\n var onBlur = function onBlur() {\n if (changeOnBlur) {\n flushInputValue(false);\n }\n setFocus(false);\n userTypingRef.current = false;\n };\n\n // ========================== Controlled ==========================\n // Input by precision & formatter\n useLayoutUpdateEffect(function () {\n if (!decimalValue.isInvalidate()) {\n setInputValue(decimalValue, false);\n }\n }, [precision, formatter]);\n\n // Input by value\n useLayoutUpdateEffect(function () {\n var newValue = getMiniDecimal(value);\n setDecimalValue(newValue);\n var currentParsedValue = getMiniDecimal(mergedParser(inputValue));\n\n // When user typing from `1.2` to `1.`, we should not convert to `1` immediately.\n // But let it go if user set `formatter`\n if (!newValue.equals(currentParsedValue) || !userTypingRef.current || formatter) {\n // Update value as effect\n setInputValue(newValue, userTypingRef.current);\n }\n }, [value]);\n\n // ============================ Cursor ============================\n useLayoutUpdateEffect(function () {\n if (formatter) {\n restoreCursor();\n }\n }, [inputValue]);\n\n // ============================ Render ============================\n return /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, \"\".concat(prefixCls, \"-focused\"), focus), _defineProperty(_clsx, \"\".concat(prefixCls, \"-disabled\"), disabled), _defineProperty(_clsx, \"\".concat(prefixCls, \"-readonly\"), readOnly), _defineProperty(_clsx, \"\".concat(prefixCls, \"-not-a-number\"), decimalValue.isNaN()), _defineProperty(_clsx, \"\".concat(prefixCls, \"-out-of-range\"), !decimalValue.isInvalidate() && !isInRange(decimalValue)), _clsx)),\n style: style,\n onFocus: function onFocus() {\n setFocus(true);\n },\n onBlur: onBlur,\n onKeyDown: onKeyDown,\n onKeyUp: onKeyUp,\n onCompositionStart: onCompositionStart,\n onCompositionEnd: onCompositionEnd,\n onBeforeInput: onBeforeInput\n }, controls && /*#__PURE__*/React.createElement(StepHandler, {\n prefixCls: prefixCls,\n upNode: upHandler,\n downNode: downHandler,\n upDisabled: upDisabled,\n downDisabled: downDisabled,\n onStep: onInternalStep\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(inputClassName, \"-wrap\")\n }, /*#__PURE__*/React.createElement(\"input\", _extends({\n autoComplete: \"off\",\n role: \"spinbutton\",\n \"aria-valuemin\": min,\n \"aria-valuemax\": max,\n \"aria-valuenow\": decimalValue.isInvalidate() ? null : decimalValue.toString(),\n step: step\n }, inputProps, {\n ref: composeRef(inputRef, ref),\n className: inputClassName,\n value: inputValue,\n onChange: onInternalInput,\n disabled: disabled,\n readOnly: readOnly\n }))));\n});\nvar InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var disabled = props.disabled,\n style = props.style,\n prefixCls = props.prefixCls,\n value = props.value,\n prefix = props.prefix,\n suffix = props.suffix,\n addonBefore = props.addonBefore,\n addonAfter = props.addonAfter,\n className = props.className,\n classNames = props.classNames,\n rest = _objectWithoutProperties(props, _excluded2);\n var inputFocusRef = React.useRef(null);\n var focus = function focus(option) {\n if (inputFocusRef.current) {\n triggerFocus(inputFocusRef.current, option);\n }\n };\n return /*#__PURE__*/React.createElement(BaseInput, {\n className: className,\n triggerFocus: focus,\n prefixCls: prefixCls,\n value: value,\n disabled: disabled,\n style: style,\n prefix: prefix,\n suffix: suffix,\n addonAfter: addonAfter,\n addonBefore: addonBefore,\n classNames: classNames,\n components: {\n affixWrapper: 'div',\n groupWrapper: 'div',\n wrapper: 'div',\n groupAddon: 'div'\n }\n }, /*#__PURE__*/React.createElement(InternalInputNumber, _extends({\n prefixCls: prefixCls,\n disabled: disabled,\n ref: composeRef(inputFocusRef, ref),\n className: classNames === null || classNames === void 0 ? void 0 : classNames.input\n }, rest)));\n});\nInputNumber.displayName = 'InputNumber';\nexport default InputNumber;","import { useRef } from 'react';\nimport warning from \"rc-util/es/warning\";\n/**\n * Keep input cursor in the correct position if possible.\n * Is this necessary since we have `formatter` which may mass the content?\n */\nexport default function useCursor(input, focused) {\n var selectionRef = useRef(null);\n function recordCursor() {\n // Record position\n try {\n var start = input.selectionStart,\n end = input.selectionEnd,\n value = input.value;\n var beforeTxt = value.substring(0, start);\n var afterTxt = value.substring(end);\n selectionRef.current = {\n start: start,\n end: end,\n value: value,\n beforeTxt: beforeTxt,\n afterTxt: afterTxt\n };\n } catch (e) {\n // Fix error in Chrome:\n // Failed to read the 'selectionStart' property from 'HTMLInputElement'\n // http://stackoverflow.com/q/21177489/3040605\n }\n }\n\n /**\n * Restore logic:\n * 1. back string same\n * 2. start string same\n */\n function restoreCursor() {\n if (input && selectionRef.current && focused) {\n try {\n var value = input.value;\n var _selectionRef$current = selectionRef.current,\n beforeTxt = _selectionRef$current.beforeTxt,\n afterTxt = _selectionRef$current.afterTxt,\n start = _selectionRef$current.start;\n var startPos = value.length;\n if (value.endsWith(afterTxt)) {\n startPos = value.length - selectionRef.current.afterTxt.length;\n } else if (value.startsWith(beforeTxt)) {\n startPos = beforeTxt.length;\n } else {\n var beforeLastChar = beforeTxt[start - 1];\n var newIndex = value.indexOf(beforeLastChar, start - 1);\n if (newIndex !== -1) {\n startPos = newIndex + 1;\n }\n }\n input.setSelectionRange(startPos, startPos);\n } catch (e) {\n warning(false, \"Something warning of cursor restore. Please fire issue about this: \".concat(e.message));\n }\n }\n }\n return [recordCursor, restoreCursor];\n}","import { useRef, useEffect } from 'react';\nimport raf from \"rc-util/es/raf\";\n\n/**\n * Always trigger latest once when call multiple time\n */\nexport default (function () {\n var idRef = useRef(0);\n var cleanUp = function cleanUp() {\n raf.cancel(idRef.current);\n };\n useEffect(function () {\n return cleanUp;\n }, []);\n return function (callback) {\n cleanUp();\n idRef.current = raf(function () {\n callback();\n });\n };\n});","import InputNumber from \"./InputNumber\";\nexport default InputNumber;","import { mergeToken } from '../../theme/internal';\nexport function initInputToken(token) {\n return mergeToken(token, {\n inputAffixPadding: token.paddingXXS\n });\n}\nexport const initComponentToken = token => {\n const {\n controlHeight,\n fontSize,\n lineHeight,\n lineWidth,\n controlHeightSM,\n controlHeightLG,\n fontSizeLG,\n lineHeightLG,\n paddingSM,\n controlPaddingHorizontalSM,\n controlPaddingHorizontal,\n colorFillAlter,\n colorPrimaryHover,\n colorPrimary,\n controlOutlineWidth,\n controlOutline,\n colorErrorOutline,\n colorWarningOutline,\n colorBgContainer\n } = token;\n return {\n paddingBlock: Math.max(Math.round((controlHeight - fontSize * lineHeight) / 2 * 10) / 10 - lineWidth, 0),\n paddingBlockSM: Math.max(Math.round((controlHeightSM - fontSize * lineHeight) / 2 * 10) / 10 - lineWidth, 0),\n paddingBlockLG: Math.ceil((controlHeightLG - fontSizeLG * lineHeightLG) / 2 * 10) / 10 - lineWidth,\n paddingInline: paddingSM - lineWidth,\n paddingInlineSM: controlPaddingHorizontalSM - lineWidth,\n paddingInlineLG: controlPaddingHorizontal - lineWidth,\n addonBg: colorFillAlter,\n activeBorderColor: colorPrimary,\n hoverBorderColor: colorPrimaryHover,\n activeShadow: `0 0 0 ${controlOutlineWidth}px ${controlOutline}`,\n errorActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorErrorOutline}`,\n warningActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorWarningOutline}`,\n hoverBg: colorBgContainer,\n activeBg: colorBgContainer,\n inputFontSize: fontSize,\n inputFontSizeLG: fontSizeLG,\n inputFontSizeSM: fontSize\n };\n};","import { unit } from '@ant-design/cssinjs';\nimport { mergeToken } from '../../theme/internal';\nexport const genHoverStyle = token => ({\n borderColor: token.hoverBorderColor,\n backgroundColor: token.hoverBg\n});\nexport const genDisabledStyle = token => ({\n color: token.colorTextDisabled,\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n boxShadow: 'none',\n cursor: 'not-allowed',\n opacity: 1,\n 'input[disabled]': {\n cursor: 'not-allowed'\n },\n '&:hover:not([disabled])': Object.assign({}, genHoverStyle(mergeToken(token, {\n hoverBorderColor: token.colorBorder,\n hoverBg: token.colorBgContainerDisabled\n })))\n});\n/* ============== Outlined ============== */\nexport const genBaseOutlinedStyle = (token, options) => ({\n background: token.colorBgContainer,\n borderWidth: token.lineWidth,\n borderStyle: token.lineType,\n borderColor: options.borderColor,\n '&:hover': {\n borderColor: options.hoverBorderColor,\n backgroundColor: token.hoverBg\n },\n '&:focus, &:focus-within': {\n borderColor: options.activeBorderColor,\n boxShadow: options.activeShadow,\n outline: 0,\n backgroundColor: token.activeBg\n }\n});\nconst genOutlinedStatusStyle = (token, options) => ({\n [`&${token.componentCls}-status-${options.status}:not(${token.componentCls}-disabled)`]: Object.assign(Object.assign({}, genBaseOutlinedStyle(token, options)), {\n [`${token.componentCls}-prefix, ${token.componentCls}-suffix`]: {\n color: options.affixColor\n }\n })\n});\nexport const genOutlinedStyle = (token, extraStyles) => ({\n '&-outlined': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, genBaseOutlinedStyle(token, {\n borderColor: token.colorBorder,\n hoverBorderColor: token.hoverBorderColor,\n activeBorderColor: token.activeBorderColor,\n activeShadow: token.activeShadow\n })), {\n [`&${token.componentCls}-disabled, &[disabled]`]: Object.assign({}, genDisabledStyle(token))\n }), genOutlinedStatusStyle(token, {\n status: 'error',\n borderColor: token.colorError,\n hoverBorderColor: token.colorErrorBorderHover,\n activeBorderColor: token.colorError,\n activeShadow: token.errorActiveShadow,\n affixColor: token.colorError\n })), genOutlinedStatusStyle(token, {\n status: 'warning',\n borderColor: token.colorWarning,\n hoverBorderColor: token.colorWarningBorderHover,\n activeBorderColor: token.colorWarning,\n activeShadow: token.warningActiveShadow,\n affixColor: token.colorWarning\n })), extraStyles)\n});\nconst genOutlinedGroupStatusStyle = (token, options) => ({\n [`&${token.componentCls}-group-wrapper-status-${options.status}`]: {\n [`${token.componentCls}-group-addon`]: {\n borderColor: options.addonBorderColor,\n color: options.addonColor\n }\n }\n});\nexport const genOutlinedGroupStyle = token => ({\n '&-outlined': Object.assign(Object.assign(Object.assign({\n [`${token.componentCls}-group`]: {\n '&-addon': {\n background: token.addonBg,\n border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`\n },\n '&-addon:first-child': {\n borderInlineEnd: 0\n },\n '&-addon:last-child': {\n borderInlineStart: 0\n }\n }\n }, genOutlinedGroupStatusStyle(token, {\n status: 'error',\n addonBorderColor: token.colorError,\n addonColor: token.colorErrorText\n })), genOutlinedGroupStatusStyle(token, {\n status: 'warning',\n addonBorderColor: token.colorWarning,\n addonColor: token.colorWarningText\n })), {\n [`&${token.componentCls}-group-wrapper-disabled`]: {\n [`${token.componentCls}-group-addon`]: Object.assign({}, genDisabledStyle(token))\n }\n })\n});\n/* ============ Borderless ============ */\nexport const genBorderlessStyle = (token, extraStyles) => ({\n '&-borderless': Object.assign({\n background: 'transparent',\n border: 'none',\n '&:focus, &:focus-within': {\n outline: 'none'\n },\n [`&${token.componentCls}-disabled, &[disabled]`]: {\n color: token.colorTextDisabled\n }\n }, extraStyles)\n});\n/* ============== Filled ============== */\nconst genBaseFilledStyle = (token, options) => ({\n background: options.bg,\n borderWidth: token.lineWidth,\n borderStyle: token.lineType,\n borderColor: 'transparent',\n [`input&, & input, textarea&, & textarea`]: {\n color: options === null || options === void 0 ? void 0 : options.inputColor\n },\n '&:hover': {\n background: options.hoverBg\n },\n '&:focus, &:focus-within': {\n outline: 0,\n borderColor: options.activeBorderColor,\n backgroundColor: token.activeBg\n }\n});\nconst genFilledStatusStyle = (token, options) => ({\n [`&${token.componentCls}-status-${options.status}:not(${token.componentCls}-disabled)`]: Object.assign(Object.assign({}, genBaseFilledStyle(token, options)), {\n [`${token.componentCls}-prefix, ${token.componentCls}-suffix`]: {\n color: options.affixColor\n }\n })\n});\nexport const genFilledStyle = (token, extraStyles) => ({\n '&-filled': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, genBaseFilledStyle(token, {\n bg: token.colorFillTertiary,\n hoverBg: token.colorFillSecondary,\n activeBorderColor: token.colorPrimary\n })), {\n [`&${token.componentCls}-disabled, &[disabled]`]: Object.assign({}, genDisabledStyle(token))\n }), genFilledStatusStyle(token, {\n status: 'error',\n bg: token.colorErrorBg,\n hoverBg: token.colorErrorBgHover,\n activeBorderColor: token.colorError,\n inputColor: token.colorErrorText,\n affixColor: token.colorError\n })), genFilledStatusStyle(token, {\n status: 'warning',\n bg: token.colorWarningBg,\n hoverBg: token.colorWarningBgHover,\n activeBorderColor: token.colorWarning,\n inputColor: token.colorWarningText,\n affixColor: token.colorWarning\n })), extraStyles)\n});\nconst genFilledGroupStatusStyle = (token, options) => ({\n [`&${token.componentCls}-group-wrapper-status-${options.status}`]: {\n [`${token.componentCls}-group-addon`]: {\n background: options.addonBg,\n color: options.addonColor\n }\n }\n});\nexport const genFilledGroupStyle = token => ({\n '&-filled': Object.assign(Object.assign(Object.assign({\n [`${token.componentCls}-group`]: {\n '&-addon': {\n background: token.colorFillTertiary\n },\n [`${token.componentCls}-filled:not(:focus):not(:focus-within)`]: {\n '&:not(:first-child)': {\n borderInlineStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`\n },\n '&:not(:last-child)': {\n borderInlineEnd: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`\n }\n }\n }\n }, genFilledGroupStatusStyle(token, {\n status: 'error',\n addonBg: token.colorErrorBg,\n addonColor: token.colorErrorText\n })), genFilledGroupStatusStyle(token, {\n status: 'warning',\n addonBg: token.colorWarningBg,\n addonColor: token.colorWarningText\n })), {\n [`&${token.componentCls}-group-wrapper-disabled`]: {\n [`${token.componentCls}-group`]: {\n '&-addon': {\n background: token.colorFillTertiary,\n color: token.colorTextDisabled\n },\n '&-addon:first-child': {\n borderInlineStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n borderTop: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`\n },\n '&-addon:last-child': {\n borderInlineEnd: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n borderTop: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`\n }\n }\n }\n })\n});","import { unit } from '@ant-design/cssinjs';\nimport { clearFix, resetComponent } from '../../style';\nimport { genCompactItemStyle } from '../../style/compact-item';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { initComponentToken, initInputToken } from './token';\nimport { genBorderlessStyle, genFilledGroupStyle, genFilledStyle, genOutlinedGroupStyle, genOutlinedStyle } from './variants';\nexport { initComponentToken, initInputToken };\nexport const genPlaceholderStyle = color => ({\n // Firefox\n '&::-moz-placeholder': {\n opacity: 1\n },\n '&::placeholder': {\n color,\n userSelect: 'none' // https://github.com/ant-design/ant-design/pull/32639\n },\n '&:placeholder-shown': {\n textOverflow: 'ellipsis'\n }\n});\nexport const genActiveStyle = token => ({\n borderColor: token.activeBorderColor,\n boxShadow: token.activeShadow,\n outline: 0,\n backgroundColor: token.activeBg\n});\nconst genInputLargeStyle = token => {\n const {\n paddingBlockLG,\n lineHeightLG,\n borderRadiusLG,\n paddingInlineLG\n } = token;\n return {\n padding: `${unit(paddingBlockLG)} ${unit(paddingInlineLG)}`,\n fontSize: token.inputFontSizeLG,\n lineHeight: lineHeightLG,\n borderRadius: borderRadiusLG\n };\n};\nexport const genInputSmallStyle = token => ({\n padding: `${unit(token.paddingBlockSM)} ${unit(token.paddingInlineSM)}`,\n fontSize: token.inputFontSizeSM,\n borderRadius: token.borderRadiusSM\n});\nexport const genBasicInputStyle = token => Object.assign(Object.assign({\n position: 'relative',\n display: 'inline-block',\n width: '100%',\n minWidth: 0,\n padding: `${unit(token.paddingBlock)} ${unit(token.paddingInline)}`,\n color: token.colorText,\n fontSize: token.inputFontSize,\n lineHeight: token.lineHeight,\n borderRadius: token.borderRadius,\n transition: `all ${token.motionDurationMid}`\n}, genPlaceholderStyle(token.colorTextPlaceholder)), {\n // Reset height for `textarea`s\n 'textarea&': {\n maxWidth: '100%',\n // prevent textarea resize from coming out of its container\n height: 'auto',\n minHeight: token.controlHeight,\n lineHeight: token.lineHeight,\n verticalAlign: 'bottom',\n transition: `all ${token.motionDurationSlow}, height 0s`,\n resize: 'vertical'\n },\n // Size\n '&-lg': Object.assign({}, genInputLargeStyle(token)),\n '&-sm': Object.assign({}, genInputSmallStyle(token)),\n // RTL\n '&-rtl': {\n direction: 'rtl'\n },\n '&-textarea-rtl': {\n direction: 'rtl'\n }\n});\nexport const genInputGroupStyle = token => {\n const {\n componentCls,\n antCls\n } = token;\n return {\n position: 'relative',\n display: 'table',\n width: '100%',\n borderCollapse: 'separate',\n borderSpacing: 0,\n // Undo padding and float of grid classes\n [`&[class*='col-']`]: {\n paddingInlineEnd: token.paddingXS,\n '&:last-child': {\n paddingInlineEnd: 0\n }\n },\n // Sizing options\n [`&-lg ${componentCls}, &-lg > ${componentCls}-group-addon`]: Object.assign({}, genInputLargeStyle(token)),\n [`&-sm ${componentCls}, &-sm > ${componentCls}-group-addon`]: Object.assign({}, genInputSmallStyle(token)),\n // Fix https://github.com/ant-design/ant-design/issues/5754\n [`&-lg ${antCls}-select-single ${antCls}-select-selector`]: {\n height: token.controlHeightLG\n },\n [`&-sm ${antCls}-select-single ${antCls}-select-selector`]: {\n height: token.controlHeightSM\n },\n [`> ${componentCls}`]: {\n display: 'table-cell',\n '&:not(:first-child):not(:last-child)': {\n borderRadius: 0\n }\n },\n [`${componentCls}-group`]: {\n [`&-addon, &-wrap`]: {\n display: 'table-cell',\n width: 1,\n whiteSpace: 'nowrap',\n verticalAlign: 'middle',\n '&:not(:first-child):not(:last-child)': {\n borderRadius: 0\n }\n },\n '&-wrap > *': {\n display: 'block !important'\n },\n '&-addon': {\n position: 'relative',\n padding: `0 ${unit(token.paddingInline)}`,\n color: token.colorText,\n fontWeight: 'normal',\n fontSize: token.inputFontSize,\n textAlign: 'center',\n borderRadius: token.borderRadius,\n transition: `all ${token.motionDurationSlow}`,\n lineHeight: 1,\n // Reset Select's style in addon\n [`${antCls}-select`]: {\n margin: `${unit(token.calc(token.paddingBlock).add(1).mul(-1).equal())} ${unit(token.calc(token.paddingInline).mul(-1).equal())}`,\n [`&${antCls}-select-single:not(${antCls}-select-customize-input):not(${antCls}-pagination-size-changer)`]: {\n [`${antCls}-select-selector`]: {\n backgroundColor: 'inherit',\n border: `${unit(token.lineWidth)} ${token.lineType} transparent`,\n boxShadow: 'none'\n }\n },\n '&-open, &-focused': {\n [`${antCls}-select-selector`]: {\n color: token.colorPrimary\n }\n }\n },\n // https://github.com/ant-design/ant-design/issues/31333\n [`${antCls}-cascader-picker`]: {\n margin: `-9px ${unit(token.calc(token.paddingInline).mul(-1).equal())}`,\n backgroundColor: 'transparent',\n [`${antCls}-cascader-input`]: {\n textAlign: 'start',\n border: 0,\n boxShadow: 'none'\n }\n }\n }\n },\n [`${componentCls}`]: {\n width: '100%',\n marginBottom: 0,\n textAlign: 'inherit',\n '&:focus': {\n zIndex: 1,\n // Fix https://gw.alipayobjects.com/zos/rmsportal/DHNpoqfMXSfrSnlZvhsJ.png\n borderInlineEndWidth: 1\n },\n '&:hover': {\n zIndex: 1,\n borderInlineEndWidth: 1,\n [`${componentCls}-search-with-button &`]: {\n zIndex: 0\n }\n }\n },\n // Reset rounded corners\n [`> ${componentCls}:first-child, ${componentCls}-group-addon:first-child`]: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0,\n // Reset Select's style in addon\n [`${antCls}-select ${antCls}-select-selector`]: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0\n }\n },\n [`> ${componentCls}-affix-wrapper`]: {\n [`&:not(:first-child) ${componentCls}`]: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0\n },\n [`&:not(:last-child) ${componentCls}`]: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0\n }\n },\n [`> ${componentCls}:last-child, ${componentCls}-group-addon:last-child`]: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0,\n // Reset Select's style in addon\n [`${antCls}-select ${antCls}-select-selector`]: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0\n }\n },\n [`${componentCls}-affix-wrapper`]: {\n '&:not(:last-child)': {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0,\n [`${componentCls}-search &`]: {\n borderStartStartRadius: token.borderRadius,\n borderEndStartRadius: token.borderRadius\n }\n },\n [`&:not(:first-child), ${componentCls}-search &:not(:first-child)`]: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0\n }\n },\n [`&${componentCls}-group-compact`]: Object.assign(Object.assign({\n display: 'block'\n }, clearFix()), {\n [`${componentCls}-group-addon, ${componentCls}-group-wrap, > ${componentCls}`]: {\n '&:not(:first-child):not(:last-child)': {\n borderInlineEndWidth: token.lineWidth,\n '&:hover': {\n zIndex: 1\n },\n '&:focus': {\n zIndex: 1\n }\n }\n },\n '& > *': {\n display: 'inline-block',\n float: 'none',\n verticalAlign: 'top',\n // https://github.com/ant-design/ant-design-pro/issues/139\n borderRadius: 0\n },\n [`\n & > ${componentCls}-affix-wrapper,\n & > ${componentCls}-number-affix-wrapper,\n & > ${antCls}-picker-range\n `]: {\n display: 'inline-flex'\n },\n '& > *:not(:last-child)': {\n marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal(),\n borderInlineEndWidth: token.lineWidth\n },\n // Undo float for .ant-input-group .ant-input\n [`${componentCls}`]: {\n float: 'none'\n },\n // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input\n [`& > ${antCls}-select > ${antCls}-select-selector,\n & > ${antCls}-select-auto-complete ${componentCls},\n & > ${antCls}-cascader-picker ${componentCls},\n & > ${componentCls}-group-wrapper ${componentCls}`]: {\n borderInlineEndWidth: token.lineWidth,\n borderRadius: 0,\n '&:hover': {\n zIndex: 1\n },\n '&:focus': {\n zIndex: 1\n }\n },\n [`& > ${antCls}-select-focused`]: {\n zIndex: 1\n },\n // update z-index for arrow icon\n [`& > ${antCls}-select > ${antCls}-select-arrow`]: {\n zIndex: 1 // https://github.com/ant-design/ant-design/issues/20371\n },\n [`& > *:first-child,\n & > ${antCls}-select:first-child > ${antCls}-select-selector,\n & > ${antCls}-select-auto-complete:first-child ${componentCls},\n & > ${antCls}-cascader-picker:first-child ${componentCls}`]: {\n borderStartStartRadius: token.borderRadius,\n borderEndStartRadius: token.borderRadius\n },\n [`& > *:last-child,\n & > ${antCls}-select:last-child > ${antCls}-select-selector,\n & > ${antCls}-cascader-picker:last-child ${componentCls},\n & > ${antCls}-cascader-picker-focused:last-child ${componentCls}`]: {\n borderInlineEndWidth: token.lineWidth,\n borderStartEndRadius: token.borderRadius,\n borderEndEndRadius: token.borderRadius\n },\n // https://github.com/ant-design/ant-design/issues/12493\n [`& > ${antCls}-select-auto-complete ${componentCls}`]: {\n verticalAlign: 'top'\n },\n [`${componentCls}-group-wrapper + ${componentCls}-group-wrapper`]: {\n marginInlineStart: token.calc(token.lineWidth).mul(-1).equal(),\n [`${componentCls}-affix-wrapper`]: {\n borderRadius: 0\n }\n },\n [`${componentCls}-group-wrapper:not(:last-child)`]: {\n [`&${componentCls}-search > ${componentCls}-group`]: {\n [`& > ${componentCls}-group-addon > ${componentCls}-search-button`]: {\n borderRadius: 0\n },\n [`& > ${componentCls}`]: {\n borderStartStartRadius: token.borderRadius,\n borderStartEndRadius: 0,\n borderEndEndRadius: 0,\n borderEndStartRadius: token.borderRadius\n }\n }\n }\n })\n };\n};\nconst genInputStyle = token => {\n const {\n componentCls,\n controlHeightSM,\n lineWidth,\n calc\n } = token;\n const FIXED_CHROME_COLOR_HEIGHT = 16;\n const colorSmallPadding = calc(controlHeightSM).sub(calc(lineWidth).mul(2)).sub(FIXED_CHROME_COLOR_HEIGHT).div(2).equal();\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), genBasicInputStyle(token)), genOutlinedStyle(token)), genFilledStyle(token)), genBorderlessStyle(token)), {\n '&[type=\"color\"]': {\n height: token.controlHeight,\n [`&${componentCls}-lg`]: {\n height: token.controlHeightLG\n },\n [`&${componentCls}-sm`]: {\n height: controlHeightSM,\n paddingTop: colorSmallPadding,\n paddingBottom: colorSmallPadding\n }\n },\n '&[type=\"search\"]::-webkit-search-cancel-button, &[type=\"search\"]::-webkit-search-decoration': {\n '-webkit-appearance': 'none'\n }\n })\n };\n};\nconst genAllowClearStyle = token => {\n const {\n componentCls\n } = token;\n return {\n // ========================= Input =========================\n [`${componentCls}-clear-icon`]: {\n margin: 0,\n color: token.colorTextQuaternary,\n fontSize: token.fontSizeIcon,\n verticalAlign: -1,\n // https://github.com/ant-design/ant-design/pull/18151\n // https://codesandbox.io/s/wizardly-sun-u10br\n cursor: 'pointer',\n transition: `color ${token.motionDurationSlow}`,\n '&:hover': {\n color: token.colorTextTertiary\n },\n '&:active': {\n color: token.colorText\n },\n '&-hidden': {\n visibility: 'hidden'\n },\n '&-has-suffix': {\n margin: `0 ${unit(token.inputAffixPadding)}`\n }\n }\n };\n};\nconst genAffixStyle = token => {\n const {\n componentCls,\n inputAffixPadding,\n colorTextDescription,\n motionDurationSlow,\n colorIcon,\n colorIconHover,\n iconCls\n } = token;\n const affixCls = `${componentCls}-affix-wrapper`;\n return {\n [affixCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, genBasicInputStyle(token)), {\n display: 'inline-flex',\n [`&:not(${componentCls}-disabled):hover`]: {\n zIndex: 1,\n [`${componentCls}-search-with-button &`]: {\n zIndex: 0\n }\n },\n '&-focused, &:focus': {\n zIndex: 1\n },\n [`> input${componentCls}`]: {\n padding: 0,\n fontSize: 'inherit',\n border: 'none',\n borderRadius: 0,\n outline: 'none',\n background: 'transparent',\n color: 'inherit',\n '&::-ms-reveal': {\n display: 'none'\n },\n '&:focus': {\n boxShadow: 'none !important'\n }\n },\n '&::before': {\n display: 'inline-block',\n width: 0,\n visibility: 'hidden',\n content: '\"\\\\a0\"'\n },\n [`${componentCls}`]: {\n '&-prefix, &-suffix': {\n display: 'flex',\n flex: 'none',\n alignItems: 'center',\n '> *:not(:last-child)': {\n marginInlineEnd: token.paddingXS\n }\n },\n '&-show-count-suffix': {\n color: colorTextDescription\n },\n '&-show-count-has-suffix': {\n marginInlineEnd: token.paddingXXS\n },\n '&-prefix': {\n marginInlineEnd: inputAffixPadding\n },\n '&-suffix': {\n marginInlineStart: inputAffixPadding\n }\n }\n }), genAllowClearStyle(token)), {\n // password\n [`${iconCls}${componentCls}-password-icon`]: {\n color: colorIcon,\n cursor: 'pointer',\n transition: `all ${motionDurationSlow}`,\n '&:hover': {\n color: colorIconHover\n }\n }\n })\n };\n};\nconst genGroupStyle = token => {\n const {\n componentCls,\n borderRadiusLG,\n borderRadiusSM\n } = token;\n return {\n [`${componentCls}-group`]: Object.assign(Object.assign(Object.assign({}, resetComponent(token)), genInputGroupStyle(token)), {\n '&-rtl': {\n direction: 'rtl'\n },\n '&-wrapper': Object.assign(Object.assign(Object.assign({\n display: 'inline-block',\n width: '100%',\n textAlign: 'start',\n verticalAlign: 'top',\n '&-rtl': {\n direction: 'rtl'\n },\n // Size\n '&-lg': {\n [`${componentCls}-group-addon`]: {\n borderRadius: borderRadiusLG,\n fontSize: token.inputFontSizeLG\n }\n },\n '&-sm': {\n [`${componentCls}-group-addon`]: {\n borderRadius: borderRadiusSM\n }\n }\n }, genOutlinedGroupStyle(token)), genFilledGroupStyle(token)), {\n // '&-disabled': {\n // [`${componentCls}-group-addon`]: {\n // ...genDisabledStyle(token),\n // },\n // },\n // Fix the issue of using icons in Space Compact mode\n // https://github.com/ant-design/ant-design/issues/42122\n [`&:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item)${componentCls}-compact-item`]: {\n [`${componentCls}, ${componentCls}-group-addon`]: {\n borderRadius: 0\n }\n },\n [`&:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item`]: {\n [`${componentCls}, ${componentCls}-group-addon`]: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0\n }\n },\n [`&:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item`]: {\n [`${componentCls}, ${componentCls}-group-addon`]: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0\n }\n },\n // Fix the issue of input use show-count param in space compact mode\n // https://github.com/ant-design/ant-design/issues/46872\n [`&:not(${componentCls}-compact-last-item)${componentCls}-compact-item`]: {\n [`${componentCls}-affix-wrapper`]: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0\n }\n }\n })\n })\n };\n};\nconst genSearchInputStyle = token => {\n const {\n componentCls,\n antCls\n } = token;\n const searchPrefixCls = `${componentCls}-search`;\n return {\n [searchPrefixCls]: {\n [`${componentCls}`]: {\n '&:hover, &:focus': {\n borderColor: token.colorPrimaryHover,\n [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {\n borderInlineStartColor: token.colorPrimaryHover\n }\n }\n },\n [`${componentCls}-affix-wrapper`]: {\n borderRadius: 0\n },\n // fix slight height diff in Firefox:\n // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category\n [`${componentCls}-lg`]: {\n lineHeight: token.calc(token.lineHeightLG).sub(0.0002).equal({\n unit: false\n })\n },\n [`> ${componentCls}-group`]: {\n [`> ${componentCls}-group-addon:last-child`]: {\n insetInlineStart: -1,\n padding: 0,\n border: 0,\n [`${searchPrefixCls}-button`]: {\n // Fix https://github.com/ant-design/ant-design/issues/47150\n marginInlineEnd: -1,\n paddingTop: 0,\n paddingBottom: 0,\n borderStartStartRadius: 0,\n borderStartEndRadius: token.borderRadius,\n borderEndEndRadius: token.borderRadius,\n borderEndStartRadius: 0,\n boxShadow: 'none'\n },\n [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {\n color: token.colorTextDescription,\n '&:hover': {\n color: token.colorPrimaryHover\n },\n '&:active': {\n color: token.colorPrimaryActive\n },\n [`&${antCls}-btn-loading::before`]: {\n insetInlineStart: 0,\n insetInlineEnd: 0,\n insetBlockStart: 0,\n insetBlockEnd: 0\n }\n }\n }\n },\n [`${searchPrefixCls}-button`]: {\n height: token.controlHeight,\n '&:hover, &:focus': {\n zIndex: 1\n }\n },\n [`&-large ${searchPrefixCls}-button`]: {\n height: token.controlHeightLG\n },\n [`&-small ${searchPrefixCls}-button`]: {\n height: token.controlHeightSM\n },\n '&-rtl': {\n direction: 'rtl'\n },\n // ===================== Compact Item Customized Styles =====================\n [`&${componentCls}-compact-item`]: {\n [`&:not(${componentCls}-compact-last-item)`]: {\n [`${componentCls}-group-addon`]: {\n [`${componentCls}-search-button`]: {\n marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal(),\n borderRadius: 0\n }\n }\n },\n [`&:not(${componentCls}-compact-first-item)`]: {\n [`${componentCls},${componentCls}-affix-wrapper`]: {\n borderRadius: 0\n }\n },\n [`> ${componentCls}-group-addon ${componentCls}-search-button,\n > ${componentCls},\n ${componentCls}-affix-wrapper`]: {\n '&:hover,&:focus,&:active': {\n zIndex: 2\n }\n },\n [`> ${componentCls}-affix-wrapper-focused`]: {\n zIndex: 2\n }\n }\n }\n };\n};\nconst genTextAreaStyle = token => {\n const {\n componentCls,\n paddingLG\n } = token;\n const textareaPrefixCls = `${componentCls}-textarea`;\n return {\n [textareaPrefixCls]: {\n position: 'relative',\n '&-show-count': {\n // https://github.com/ant-design/ant-design/issues/33049\n [`> ${componentCls}`]: {\n height: '100%'\n },\n [`${componentCls}-data-count`]: {\n position: 'absolute',\n bottom: token.calc(token.fontSize).mul(token.lineHeight).mul(-1).equal(),\n insetInlineEnd: 0,\n color: token.colorTextDescription,\n whiteSpace: 'nowrap',\n pointerEvents: 'none'\n }\n },\n '&-allow-clear': {\n [`> ${componentCls}`]: {\n paddingInlineEnd: paddingLG\n }\n },\n [`&-affix-wrapper${textareaPrefixCls}-has-feedback`]: {\n [`${componentCls}`]: {\n paddingInlineEnd: paddingLG\n }\n },\n [`&-affix-wrapper${componentCls}-affix-wrapper`]: {\n padding: 0,\n [`> textarea${componentCls}`]: {\n fontSize: 'inherit',\n border: 'none',\n outline: 'none',\n background: 'transparent',\n '&:focus': {\n boxShadow: 'none !important'\n }\n },\n [`${componentCls}-suffix`]: {\n margin: 0,\n '> *:not(:last-child)': {\n marginInline: 0\n },\n // Clear Icon\n [`${componentCls}-clear-icon`]: {\n position: 'absolute',\n insetInlineEnd: token.paddingXS,\n insetBlockStart: token.paddingXS\n },\n // Feedback Icon\n [`${textareaPrefixCls}-suffix`]: {\n position: 'absolute',\n top: 0,\n insetInlineEnd: token.paddingInline,\n bottom: 0,\n zIndex: 1,\n display: 'inline-flex',\n alignItems: 'center',\n margin: 'auto',\n pointerEvents: 'none'\n }\n }\n }\n }\n };\n};\n// ============================== Range ===============================\nconst genRangeStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-out-of-range`]: {\n [`&, & input, & textarea, ${componentCls}-show-count-suffix, ${componentCls}-data-count`]: {\n color: token.colorError\n }\n }\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks('Input', token => {\n const inputToken = mergeToken(token, initInputToken(token));\n return [genInputStyle(inputToken), genTextAreaStyle(inputToken), genAffixStyle(inputToken), genGroupStyle(inputToken), genSearchInputStyle(inputToken), genRangeStyle(inputToken),\n // =====================================================\n // == Space Compact ==\n // =====================================================\n genCompactItemStyle(inputToken)];\n}, initComponentToken);","import { TinyColor } from '@ctrl/tinycolor';\nimport { initComponentToken } from '../../input/style/token';\nexport const prepareComponentToken = token => {\n var _a;\n const handleVisible = (_a = token.handleVisible) !== null && _a !== void 0 ? _a : 'auto';\n return Object.assign(Object.assign({}, initComponentToken(token)), {\n controlWidth: 90,\n handleWidth: token.controlHeightSM - token.lineWidth * 2,\n handleFontSize: token.fontSize / 2,\n handleVisible,\n handleActiveBg: token.colorFillAlter,\n handleBg: token.colorBgContainer,\n filledHandleBg: new TinyColor(token.colorFillSecondary).onBackground(token.colorBgContainer).toHexString(),\n handleHoverColor: token.colorPrimary,\n handleBorderColor: token.colorBorder,\n handleOpacity: handleVisible === true ? 1 : 0\n });\n};","import { unit } from '@ant-design/cssinjs';\nimport { genBasicInputStyle, genInputGroupStyle, genPlaceholderStyle, initInputToken } from '../../input/style';\nimport { genBorderlessStyle, genFilledGroupStyle, genFilledStyle, genOutlinedGroupStyle, genOutlinedStyle } from '../../input/style/variants';\nimport { resetComponent, resetIcon } from '../../style';\nimport { genCompactItemStyle } from '../../style/compact-item';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { prepareComponentToken } from './token';\nexport const genRadiusStyle = (_ref, size) => {\n let {\n componentCls,\n borderRadiusSM,\n borderRadiusLG\n } = _ref;\n const borderRadius = size === 'lg' ? borderRadiusLG : borderRadiusSM;\n return {\n [`&-${size}`]: {\n [`${componentCls}-handler-wrap`]: {\n borderStartEndRadius: borderRadius,\n borderEndEndRadius: borderRadius\n },\n [`${componentCls}-handler-up`]: {\n borderStartEndRadius: borderRadius\n },\n [`${componentCls}-handler-down`]: {\n borderEndEndRadius: borderRadius\n }\n }\n };\n};\nconst genInputNumberStyles = token => {\n const {\n componentCls,\n lineWidth,\n lineType,\n borderRadius,\n fontSizeLG,\n controlHeightLG,\n controlHeightSM,\n colorError,\n paddingInlineSM,\n paddingBlockSM,\n paddingBlockLG,\n paddingInlineLG,\n colorTextDescription,\n motionDurationMid,\n handleHoverColor,\n paddingInline,\n paddingBlock,\n handleBg,\n handleActiveBg,\n colorTextDisabled,\n borderRadiusSM,\n borderRadiusLG,\n controlWidth,\n handleOpacity,\n handleBorderColor,\n filledHandleBg,\n lineHeightLG,\n calc\n } = token;\n return [{\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), genBasicInputStyle(token)), {\n display: 'inline-block',\n width: controlWidth,\n margin: 0,\n padding: 0,\n borderRadius\n }), genOutlinedStyle(token, {\n [`${componentCls}-handler-wrap`]: {\n background: handleBg,\n [`${componentCls}-handler-down`]: {\n borderBlockStart: `${unit(lineWidth)} ${lineType} ${handleBorderColor}`\n }\n }\n })), genFilledStyle(token, {\n [`${componentCls}-handler-wrap`]: {\n background: filledHandleBg,\n [`${componentCls}-handler-down`]: {\n borderBlockStart: `${unit(lineWidth)} ${lineType} ${handleBorderColor}`\n }\n },\n '&:focus-within': {\n [`${componentCls}-handler-wrap`]: {\n background: handleBg\n }\n }\n })), genBorderlessStyle(token)), {\n '&-rtl': {\n direction: 'rtl',\n [`${componentCls}-input`]: {\n direction: 'rtl'\n }\n },\n '&-lg': {\n padding: 0,\n fontSize: fontSizeLG,\n lineHeight: lineHeightLG,\n borderRadius: borderRadiusLG,\n [`input${componentCls}-input`]: {\n height: calc(controlHeightLG).sub(calc(lineWidth).mul(2)).equal(),\n padding: `${unit(paddingBlockLG)} ${unit(paddingInlineLG)}`\n }\n },\n '&-sm': {\n padding: 0,\n borderRadius: borderRadiusSM,\n [`input${componentCls}-input`]: {\n height: calc(controlHeightSM).sub(calc(lineWidth).mul(2)).equal(),\n padding: `${unit(paddingBlockSM)} ${unit(paddingInlineSM)}`\n }\n },\n // ===================== Out Of Range =====================\n '&-out-of-range': {\n [`${componentCls}-input-wrap`]: {\n input: {\n color: colorError\n }\n }\n },\n // Style for input-group: input with label, with button or dropdown...\n '&-group': Object.assign(Object.assign(Object.assign({}, resetComponent(token)), genInputGroupStyle(token)), {\n '&-wrapper': Object.assign(Object.assign(Object.assign({\n display: 'inline-block',\n textAlign: 'start',\n verticalAlign: 'top',\n [`${componentCls}-affix-wrapper`]: {\n width: '100%'\n },\n // Size\n '&-lg': {\n [`${componentCls}-group-addon`]: {\n borderRadius: borderRadiusLG,\n fontSize: token.fontSizeLG\n }\n },\n '&-sm': {\n [`${componentCls}-group-addon`]: {\n borderRadius: borderRadiusSM\n }\n }\n }, genOutlinedGroupStyle(token)), genFilledGroupStyle(token)), {\n // Fix the issue of using icons in Space Compact mode\n // https://github.com/ant-design/ant-design/issues/45764\n [`&:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item)${componentCls}-compact-item`]: {\n [`${componentCls}, ${componentCls}-group-addon`]: {\n borderRadius: 0\n }\n },\n [`&:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item`]: {\n [`${componentCls}, ${componentCls}-group-addon`]: {\n borderStartEndRadius: 0,\n borderEndEndRadius: 0\n }\n },\n [`&:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item`]: {\n [`${componentCls}, ${componentCls}-group-addon`]: {\n borderStartStartRadius: 0,\n borderEndStartRadius: 0\n }\n }\n })\n }),\n [`&-disabled ${componentCls}-input`]: {\n cursor: 'not-allowed'\n },\n [componentCls]: {\n '&-input': Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n width: '100%',\n padding: `${unit(paddingBlock)} ${unit(paddingInline)}`,\n textAlign: 'start',\n backgroundColor: 'transparent',\n border: 0,\n borderRadius,\n outline: 0,\n transition: `all ${motionDurationMid} linear`,\n appearance: 'textfield',\n fontSize: 'inherit'\n }), genPlaceholderStyle(token.colorTextPlaceholder)), {\n '&[type=\"number\"]::-webkit-inner-spin-button, &[type=\"number\"]::-webkit-outer-spin-button': {\n margin: 0,\n /* stylelint-disable-next-line property-no-vendor-prefix */\n webkitAppearance: 'none',\n appearance: 'none'\n }\n })\n }\n })\n },\n // Handler\n {\n [componentCls]: Object.assign(Object.assign(Object.assign({\n [`&:hover ${componentCls}-handler-wrap, &-focused ${componentCls}-handler-wrap`]: {\n opacity: 1\n },\n [`${componentCls}-handler-wrap`]: {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineEnd: 0,\n width: token.handleWidth,\n height: '100%',\n borderStartStartRadius: 0,\n borderStartEndRadius: borderRadius,\n borderEndEndRadius: borderRadius,\n borderEndStartRadius: 0,\n opacity: handleOpacity,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n transition: `opacity ${motionDurationMid} linear ${motionDurationMid}`,\n // Fix input number inside Menu makes icon too large\n // We arise the selector priority by nest selector here\n // https://github.com/ant-design/ant-design/issues/14367\n [`${componentCls}-handler`]: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: 'auto',\n height: '40%',\n [`\n ${componentCls}-handler-up-inner,\n ${componentCls}-handler-down-inner\n `]: {\n marginInlineEnd: 0,\n fontSize: token.handleFontSize\n }\n }\n },\n [`${componentCls}-handler`]: {\n height: '50%',\n overflow: 'hidden',\n color: colorTextDescription,\n fontWeight: 'bold',\n lineHeight: 0,\n textAlign: 'center',\n cursor: 'pointer',\n borderInlineStart: `${unit(lineWidth)} ${lineType} ${handleBorderColor}`,\n transition: `all ${motionDurationMid} linear`,\n '&:active': {\n background: handleActiveBg\n },\n // Hover\n '&:hover': {\n height: `60%`,\n [`\n ${componentCls}-handler-up-inner,\n ${componentCls}-handler-down-inner\n `]: {\n color: handleHoverColor\n }\n },\n '&-up-inner, &-down-inner': Object.assign(Object.assign({}, resetIcon()), {\n color: colorTextDescription,\n transition: `all ${motionDurationMid} linear`,\n userSelect: 'none'\n })\n },\n [`${componentCls}-handler-up`]: {\n borderStartEndRadius: borderRadius\n },\n [`${componentCls}-handler-down`]: {\n borderEndEndRadius: borderRadius\n }\n }, genRadiusStyle(token, 'lg')), genRadiusStyle(token, 'sm')), {\n // Disabled\n '&-disabled, &-readonly': {\n [`${componentCls}-handler-wrap`]: {\n display: 'none'\n },\n [`${componentCls}-input`]: {\n color: 'inherit'\n }\n },\n [`\n ${componentCls}-handler-up-disabled,\n ${componentCls}-handler-down-disabled\n `]: {\n cursor: 'not-allowed'\n },\n [`\n ${componentCls}-handler-up-disabled:hover &-handler-up-inner,\n ${componentCls}-handler-down-disabled:hover &-handler-down-inner\n `]: {\n color: colorTextDisabled\n }\n })\n }];\n};\nconst genAffixWrapperStyles = token => {\n const {\n componentCls,\n paddingBlock,\n paddingInline,\n inputAffixPadding,\n controlWidth,\n borderRadiusLG,\n borderRadiusSM,\n paddingInlineLG,\n paddingInlineSM,\n paddingBlockLG,\n paddingBlockSM\n } = token;\n return {\n [`${componentCls}-affix-wrapper`]: Object.assign(Object.assign({\n [`input${componentCls}-input`]: {\n padding: `${unit(paddingBlock)} 0`\n }\n }, genBasicInputStyle(token)), {\n // or number handler will cover form status\n position: 'relative',\n display: 'inline-flex',\n width: controlWidth,\n padding: 0,\n paddingInlineStart: paddingInline,\n '&-lg': {\n borderRadius: borderRadiusLG,\n paddingInlineStart: paddingInlineLG,\n [`input${componentCls}-input`]: {\n padding: `${unit(paddingBlockLG)} 0`\n }\n },\n '&-sm': {\n borderRadius: borderRadiusSM,\n paddingInlineStart: paddingInlineSM,\n [`input${componentCls}-input`]: {\n padding: `${unit(paddingBlockSM)} 0`\n }\n },\n [`&:not(${componentCls}-disabled):hover`]: {\n zIndex: 1\n },\n '&-focused, &:focus': {\n zIndex: 1\n },\n [`&-disabled > ${componentCls}-disabled`]: {\n background: 'transparent'\n },\n [`> div${componentCls}`]: {\n width: '100%',\n border: 'none',\n outline: 'none',\n [`&${componentCls}-focused`]: {\n boxShadow: 'none !important'\n }\n },\n '&::before': {\n display: 'inline-block',\n width: 0,\n visibility: 'hidden',\n content: '\"\\\\a0\"'\n },\n [`${componentCls}-handler-wrap`]: {\n zIndex: 2\n },\n [componentCls]: {\n color: 'inherit',\n '&-prefix, &-suffix': {\n display: 'flex',\n flex: 'none',\n alignItems: 'center',\n pointerEvents: 'none'\n },\n '&-prefix': {\n marginInlineEnd: inputAffixPadding\n },\n '&-suffix': {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineEnd: 0,\n zIndex: 1,\n height: '100%',\n marginInlineEnd: paddingInline,\n marginInlineStart: inputAffixPadding\n }\n }\n })\n };\n};\nexport default genStyleHooks('InputNumber', token => {\n const inputNumberToken = mergeToken(token, initInputToken(token));\n return [genInputNumberStyles(inputNumberToken), genAffixWrapperStyles(inputNumberToken),\n // =====================================================\n // == Space Compact ==\n // =====================================================\n genCompactItemStyle(inputNumberToken)];\n}, prepareComponentToken, {\n unitless: {\n handleOpacity: true\n }\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 * as React from 'react';\nimport DownOutlined from \"@ant-design/icons/es/icons/DownOutlined\";\nimport UpOutlined from \"@ant-design/icons/es/icons/UpOutlined\";\nimport classNames from 'classnames';\nimport RcInputNumber from 'rc-input-number';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport { devUseWarning } from '../_util/warning';\nimport ConfigProvider, { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext, NoFormStyle } from '../form/context';\nimport useVariant from '../form/hooks/useVariants';\nimport { NoCompactStyle, useCompactItemContext } from '../space/Compact';\nimport useStyle from './style';\nconst InputNumber = /*#__PURE__*/React.forwardRef((props, ref) => {\n if (process.env.NODE_ENV !== 'production') {\n const {\n deprecated\n } = devUseWarning('InputNumber');\n deprecated(!('bordered' in props), 'bordered', 'variant');\n }\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const inputRef = React.useRef(null);\n React.useImperativeHandle(ref, () => inputRef.current);\n const {\n className,\n rootClassName,\n size: customizeSize,\n disabled: customDisabled,\n prefixCls: customizePrefixCls,\n addonBefore,\n addonAfter,\n prefix,\n bordered,\n readOnly,\n status: customStatus,\n controls,\n variant: customVariant\n } = props,\n others = __rest(props, [\"className\", \"rootClassName\", \"size\", \"disabled\", \"prefixCls\", \"addonBefore\", \"addonAfter\", \"prefix\", \"bordered\", \"readOnly\", \"status\", \"controls\", \"variant\"]);\n const prefixCls = getPrefixCls('input-number', customizePrefixCls);\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const {\n compactSize,\n compactItemClassnames\n } = useCompactItemContext(prefixCls, direction);\n let upIcon = /*#__PURE__*/React.createElement(UpOutlined, {\n className: `${prefixCls}-handler-up-inner`\n });\n let downIcon = /*#__PURE__*/React.createElement(DownOutlined, {\n className: `${prefixCls}-handler-down-inner`\n });\n const controlsTemp = typeof controls === 'boolean' ? controls : undefined;\n if (typeof controls === 'object') {\n upIcon = typeof controls.upIcon === 'undefined' ? upIcon : ( /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-handler-up-inner`\n }, controls.upIcon));\n downIcon = typeof controls.downIcon === 'undefined' ? downIcon : ( /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-handler-down-inner`\n }, controls.downIcon));\n }\n const {\n hasFeedback,\n status: contextStatus,\n isFormItemInput,\n feedbackIcon\n } = React.useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(contextStatus, customStatus);\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 // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n const [variant, enableVariantCls] = useVariant(customVariant, bordered);\n // eslint-disable-next-line react/jsx-no-useless-fragment\n const suffixNode = hasFeedback && /*#__PURE__*/React.createElement(React.Fragment, null, feedbackIcon);\n const inputNumberClass = classNames({\n [`${prefixCls}-lg`]: mergedSize === 'large',\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-in-form-item`]: isFormItemInput\n }, hashId);\n const wrapperClassName = `${prefixCls}-group`;\n const element = /*#__PURE__*/React.createElement(RcInputNumber, Object.assign({\n ref: inputRef,\n disabled: mergedDisabled,\n className: classNames(cssVarCls, rootCls, className, rootClassName, compactItemClassnames),\n upHandler: upIcon,\n downHandler: downIcon,\n prefixCls: prefixCls,\n readOnly: readOnly,\n controls: controlsTemp,\n prefix: prefix,\n suffix: suffixNode,\n addonAfter: addonAfter && ( /*#__PURE__*/React.createElement(NoCompactStyle, null, /*#__PURE__*/React.createElement(NoFormStyle, {\n override: true,\n status: true\n }, addonAfter))),\n addonBefore: addonBefore && ( /*#__PURE__*/React.createElement(NoCompactStyle, null, /*#__PURE__*/React.createElement(NoFormStyle, {\n override: true,\n status: true\n }, addonBefore))),\n classNames: {\n input: inputNumberClass,\n variant: classNames({\n [`${prefixCls}-${variant}`]: enableVariantCls\n }, getStatusClassNames(prefixCls, mergedStatus, hasFeedback)),\n affixWrapper: classNames({\n [`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl'\n }, hashId),\n wrapper: classNames({\n [`${wrapperClassName}-rtl`]: direction === 'rtl'\n }, hashId),\n groupWrapper: classNames({\n [`${prefixCls}-group-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-group-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-group-wrapper-rtl`]: direction === 'rtl',\n [`${prefixCls}-group-wrapper-${variant}`]: enableVariantCls\n }, getStatusClassNames(`${prefixCls}-group-wrapper`, mergedStatus, hasFeedback), hashId)\n }\n }, others));\n return wrapCSSVar(element);\n});\nconst TypedInputNumber = InputNumber;\n/** @private Internal Component. Do not use in your production. */\nconst PureInputNumber = props => ( /*#__PURE__*/React.createElement(ConfigProvider, {\n theme: {\n components: {\n InputNumber: {\n handleVisible: true\n }\n }\n }\n}, /*#__PURE__*/React.createElement(InputNumber, Object.assign({}, props))));\nif (process.env.NODE_ENV !== 'production') {\n TypedInputNumber.displayName = 'InputNumber';\n}\nTypedInputNumber._InternalPanelDoNotUseOrYouWillBeFired = PureInputNumber;\nexport default TypedInputNumber;","// This icon file is generated automatically.\nvar EllipsisOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z\" } }] }, \"name\": \"ellipsis\", \"theme\": \"outlined\" };\nexport default EllipsisOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport EllipsisOutlinedSvg from \"@ant-design/icons-svg/es/asn/EllipsisOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar EllipsisOutlined = function EllipsisOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: EllipsisOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n EllipsisOutlined.displayName = 'EllipsisOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(EllipsisOutlined);","// This icon file is generated automatically.\nvar PlusOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z\" } }] }, \"name\": \"plus\", \"theme\": \"outlined\" };\nexport default PlusOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport PlusOutlinedSvg from \"@ant-design/icons-svg/es/asn/PlusOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar PlusOutlined = function PlusOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: PlusOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n PlusOutlined.displayName = 'PlusOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(PlusOutlined);","import { createContext } from 'react';\nexport default /*#__PURE__*/createContext(null);","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport raf from \"rc-util/es/raf\";\nimport React, { useEffect, useRef, useState } from 'react';\nvar useIndicator = function useIndicator(options) {\n var activeTabOffset = options.activeTabOffset,\n horizontal = options.horizontal,\n rtl = options.rtl,\n _options$indicator = options.indicator,\n indicator = _options$indicator === void 0 ? {} : _options$indicator;\n var size = indicator.size,\n _indicator$align = indicator.align,\n align = _indicator$align === void 0 ? 'center' : _indicator$align;\n var _useState = useState(),\n _useState2 = _slicedToArray(_useState, 2),\n inkStyle = _useState2[0],\n setInkStyle = _useState2[1];\n var inkBarRafRef = useRef();\n var getLength = React.useCallback(function (origin) {\n if (typeof size === 'function') {\n return size(origin);\n }\n if (typeof size === 'number') {\n return size;\n }\n return origin;\n }, [size]);\n\n // Delay set ink style to avoid remove tab blink\n function cleanInkBarRaf() {\n raf.cancel(inkBarRafRef.current);\n }\n useEffect(function () {\n var newInkStyle = {};\n if (activeTabOffset) {\n if (horizontal) {\n newInkStyle.width = getLength(activeTabOffset.width);\n var key = rtl ? 'right' : 'left';\n if (align === 'start') {\n newInkStyle[key] = activeTabOffset[key];\n }\n if (align === 'center') {\n newInkStyle[key] = activeTabOffset[key] + activeTabOffset.width / 2;\n newInkStyle.transform = rtl ? 'translateX(50%)' : 'translateX(-50%)';\n }\n if (align === 'end') {\n newInkStyle[key] = activeTabOffset[key] + activeTabOffset.width;\n newInkStyle.transform = 'translateX(-100%)';\n }\n } else {\n newInkStyle.height = getLength(activeTabOffset.height);\n if (align === 'start') {\n newInkStyle.top = activeTabOffset.top;\n }\n if (align === 'center') {\n newInkStyle.top = activeTabOffset.top + activeTabOffset.height / 2;\n newInkStyle.transform = 'translateY(-50%)';\n }\n if (align === 'end') {\n newInkStyle.top = activeTabOffset.top + activeTabOffset.height;\n newInkStyle.transform = 'translateY(-100%)';\n }\n }\n }\n cleanInkBarRaf();\n inkBarRafRef.current = raf(function () {\n setInkStyle(newInkStyle);\n });\n return cleanInkBarRaf;\n }, [activeTabOffset, horizontal, rtl, align, getLength]);\n return {\n style: inkStyle\n };\n};\nexport default useIndicator;","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport { useMemo } from 'react';\nvar DEFAULT_SIZE = {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n};\nexport default function useOffsets(tabs, tabSizes, holderScrollWidth) {\n return useMemo(function () {\n var _tabs$;\n var map = new Map();\n var lastOffset = tabSizes.get((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key) || DEFAULT_SIZE;\n var rightOffset = lastOffset.left + lastOffset.width;\n for (var i = 0; i < tabs.length; i += 1) {\n var key = tabs[i].key;\n var data = tabSizes.get(key);\n\n // Reuse last one when not exist yet\n if (!data) {\n var _tabs;\n data = tabSizes.get((_tabs = tabs[i - 1]) === null || _tabs === void 0 ? void 0 : _tabs.key) || DEFAULT_SIZE;\n }\n var entity = map.get(key) || _objectSpread({}, data);\n\n // Right\n entity.right = rightOffset - entity.left - entity.width;\n\n // Update entity\n map.set(key, entity);\n }\n return map;\n }, [tabs.map(function (tab) {\n return tab.key;\n }).join('_'), tabSizes, holderScrollWidth]);\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nexport default function useSyncState(defaultState, onChange) {\n var stateRef = React.useRef(defaultState);\n var _React$useState = React.useState({}),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n forceUpdate = _React$useState2[1];\n function setState(updater) {\n var newValue = typeof updater === 'function' ? updater(stateRef.current) : updater;\n if (newValue !== stateRef.current) {\n onChange(newValue, stateRef.current);\n }\n stateRef.current = newValue;\n forceUpdate({});\n }\n return [stateRef.current, setState];\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { useRef, useState } from 'react';\nvar MIN_SWIPE_DISTANCE = 0.1;\nvar STOP_SWIPE_DISTANCE = 0.01;\nvar REFRESH_INTERVAL = 20;\nvar SPEED_OFF_MULTIPLE = Math.pow(0.995, REFRESH_INTERVAL);\n\n// ================================= Hook =================================\nexport default function useTouchMove(ref, onOffset) {\n var _useState = useState(),\n _useState2 = _slicedToArray(_useState, 2),\n touchPosition = _useState2[0],\n setTouchPosition = _useState2[1];\n var _useState3 = useState(0),\n _useState4 = _slicedToArray(_useState3, 2),\n lastTimestamp = _useState4[0],\n setLastTimestamp = _useState4[1];\n var _useState5 = useState(0),\n _useState6 = _slicedToArray(_useState5, 2),\n lastTimeDiff = _useState6[0],\n setLastTimeDiff = _useState6[1];\n var _useState7 = useState(),\n _useState8 = _slicedToArray(_useState7, 2),\n lastOffset = _useState8[0],\n setLastOffset = _useState8[1];\n var motionRef = useRef();\n\n // ========================= Events =========================\n // >>> Touch events\n function onTouchStart(e) {\n var _e$touches$ = e.touches[0],\n screenX = _e$touches$.screenX,\n screenY = _e$touches$.screenY;\n setTouchPosition({\n x: screenX,\n y: screenY\n });\n window.clearInterval(motionRef.current);\n }\n function onTouchMove(e) {\n if (!touchPosition) return;\n e.preventDefault();\n var _e$touches$2 = e.touches[0],\n screenX = _e$touches$2.screenX,\n screenY = _e$touches$2.screenY;\n setTouchPosition({\n x: screenX,\n y: screenY\n });\n var offsetX = screenX - touchPosition.x;\n var offsetY = screenY - touchPosition.y;\n onOffset(offsetX, offsetY);\n var now = Date.now();\n setLastTimestamp(now);\n setLastTimeDiff(now - lastTimestamp);\n setLastOffset({\n x: offsetX,\n y: offsetY\n });\n }\n function onTouchEnd() {\n if (!touchPosition) return;\n setTouchPosition(null);\n setLastOffset(null);\n\n // Swipe if needed\n if (lastOffset) {\n var distanceX = lastOffset.x / lastTimeDiff;\n var distanceY = lastOffset.y / lastTimeDiff;\n var absX = Math.abs(distanceX);\n var absY = Math.abs(distanceY);\n\n // Skip swipe if low distance\n if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return;\n var currentX = distanceX;\n var currentY = distanceY;\n motionRef.current = window.setInterval(function () {\n if (Math.abs(currentX) < STOP_SWIPE_DISTANCE && Math.abs(currentY) < STOP_SWIPE_DISTANCE) {\n window.clearInterval(motionRef.current);\n return;\n }\n currentX *= SPEED_OFF_MULTIPLE;\n currentY *= SPEED_OFF_MULTIPLE;\n onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL);\n }, REFRESH_INTERVAL);\n }\n }\n\n // >>> Wheel event\n var lastWheelDirectionRef = useRef();\n function onWheel(e) {\n var deltaX = e.deltaX,\n deltaY = e.deltaY;\n\n // Convert both to x & y since wheel only happened on PC\n var mixed = 0;\n var absX = Math.abs(deltaX);\n var absY = Math.abs(deltaY);\n if (absX === absY) {\n mixed = lastWheelDirectionRef.current === 'x' ? deltaX : deltaY;\n } else if (absX > absY) {\n mixed = deltaX;\n lastWheelDirectionRef.current = 'x';\n } else {\n mixed = deltaY;\n lastWheelDirectionRef.current = 'y';\n }\n if (onOffset(-mixed, -mixed)) {\n e.preventDefault();\n }\n }\n\n // ========================= Effect =========================\n var touchEventsRef = useRef(null);\n touchEventsRef.current = {\n onTouchStart: onTouchStart,\n onTouchMove: onTouchMove,\n onTouchEnd: onTouchEnd,\n onWheel: onWheel\n };\n React.useEffect(function () {\n function onProxyTouchStart(e) {\n touchEventsRef.current.onTouchStart(e);\n }\n function onProxyTouchMove(e) {\n touchEventsRef.current.onTouchMove(e);\n }\n function onProxyTouchEnd(e) {\n touchEventsRef.current.onTouchEnd(e);\n }\n function onProxyWheel(e) {\n touchEventsRef.current.onWheel(e);\n }\n document.addEventListener('touchmove', onProxyTouchMove, {\n passive: false\n });\n document.addEventListener('touchend', onProxyTouchEnd, {\n passive: false\n });\n\n // No need to clean up since element removed\n ref.current.addEventListener('touchstart', onProxyTouchStart, {\n passive: false\n });\n ref.current.addEventListener('wheel', onProxyWheel);\n return function () {\n document.removeEventListener('touchmove', onProxyTouchMove);\n document.removeEventListener('touchend', onProxyTouchEnd);\n };\n }, []);\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { useLayoutUpdateEffect } from \"rc-util/es/hooks/useLayoutEffect\";\nimport { useRef, useState } from 'react';\n\n/**\n * Help to merge callback with `useLayoutEffect`.\n * One time will only trigger once.\n */\nexport default function useUpdate(callback) {\n var _useState = useState(0),\n _useState2 = _slicedToArray(_useState, 2),\n count = _useState2[0],\n setCount = _useState2[1];\n var effectRef = useRef(0);\n var callbackRef = useRef();\n callbackRef.current = callback;\n\n // Trigger on `useLayoutEffect`\n useLayoutUpdateEffect(function () {\n var _callbackRef$current;\n (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 || _callbackRef$current.call(callbackRef);\n }, [count]);\n\n // Trigger to update count\n return function () {\n if (effectRef.current !== count) {\n return;\n }\n effectRef.current += 1;\n setCount(effectRef.current);\n };\n}\nexport function useUpdateState(defaultState) {\n var batchRef = useRef([]);\n var _useState3 = useState({}),\n _useState4 = _slicedToArray(_useState3, 2),\n forceUpdate = _useState4[1];\n var state = useRef(typeof defaultState === 'function' ? defaultState() : defaultState);\n var flushUpdate = useUpdate(function () {\n var current = state.current;\n batchRef.current.forEach(function (callback) {\n current = callback(current);\n });\n batchRef.current = [];\n state.current = current;\n forceUpdate({});\n });\n function updater(callback) {\n batchRef.current.push(callback);\n flushUpdate();\n }\n return [state.current, updater];\n}","import { useMemo } from 'react';\nvar DEFAULT_SIZE = {\n width: 0,\n height: 0,\n left: 0,\n top: 0,\n right: 0\n};\nexport default function useVisibleRange(tabOffsets, visibleTabContentValue, transform, tabContentSizeValue, addNodeSizeValue, operationNodeSizeValue, _ref) {\n var tabs = _ref.tabs,\n tabPosition = _ref.tabPosition,\n rtl = _ref.rtl;\n var charUnit;\n var position;\n var transformSize;\n if (['top', 'bottom'].includes(tabPosition)) {\n charUnit = 'width';\n position = rtl ? 'right' : 'left';\n transformSize = Math.abs(transform);\n } else {\n charUnit = 'height';\n position = 'top';\n transformSize = -transform;\n }\n return useMemo(function () {\n if (!tabs.length) {\n return [0, 0];\n }\n var len = tabs.length;\n var endIndex = len;\n for (var i = 0; i < len; i += 1) {\n var offset = tabOffsets.get(tabs[i].key) || DEFAULT_SIZE;\n if (offset[position] + offset[charUnit] > transformSize + visibleTabContentValue) {\n endIndex = i - 1;\n break;\n }\n }\n var startIndex = 0;\n for (var _i = len - 1; _i >= 0; _i -= 1) {\n var _offset = tabOffsets.get(tabs[_i].key) || DEFAULT_SIZE;\n if (_offset[position] < transformSize) {\n startIndex = _i + 1;\n break;\n }\n }\n return startIndex >= endIndex ? [0, 0] : [startIndex, endIndex];\n }, [tabOffsets, visibleTabContentValue, tabContentSizeValue, addNodeSizeValue, operationNodeSizeValue, transformSize, tabPosition, tabs.map(function (tab) {\n return tab.key;\n }).join('_'), rtl]);\n}","/**\n * We trade Map as deps which may change with same value but different ref object.\n * We should make it as hash for deps\n * */\nexport function stringify(obj) {\n var tgt;\n if (obj instanceof Map) {\n tgt = {};\n obj.forEach(function (v, k) {\n tgt[k] = v;\n });\n } else {\n tgt = obj;\n }\n return JSON.stringify(tgt);\n}\nvar RC_TABS_DOUBLE_QUOTE = 'TABS_DQ';\nexport function genDataNodeKey(key) {\n return String(key).replace(/\"/g, RC_TABS_DOUBLE_QUOTE);\n}\nexport function getRemovable(closable, closeIcon, editable, disabled) {\n if (\n // Only editable tabs can be removed\n !editable ||\n // Tabs cannot be removed when disabled\n disabled ||\n // closable is false\n closable === false ||\n // If closable is undefined, the remove button should be hidden when closeIcon is null or false\n closable === undefined && (closeIcon === false || closeIcon === null)) {\n return false;\n }\n return true;\n}","import * as React from 'react';\nvar AddButton = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var prefixCls = props.prefixCls,\n editable = props.editable,\n locale = props.locale,\n style = props.style;\n if (!editable || editable.showAdd === false) {\n return null;\n }\n return /*#__PURE__*/React.createElement(\"button\", {\n ref: ref,\n type: \"button\",\n className: \"\".concat(prefixCls, \"-nav-add\"),\n style: style,\n \"aria-label\": (locale === null || locale === void 0 ? void 0 : locale.addAriaLabel) || 'Add tab',\n onClick: function onClick(event) {\n editable.onEdit('add', {\n event: event\n });\n }\n }, editable.addIcon || '+');\n});\nexport default AddButton;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport * as React from 'react';\nvar ExtraContent = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var position = props.position,\n prefixCls = props.prefixCls,\n extra = props.extra;\n if (!extra) {\n return null;\n }\n var content;\n\n // Parse extra\n var assertExtra = {};\n if (_typeof(extra) === 'object' && ! /*#__PURE__*/React.isValidElement(extra)) {\n assertExtra = extra;\n } else {\n assertExtra.right = extra;\n }\n if (position === 'right') {\n content = assertExtra.right;\n }\n if (position === 'left') {\n content = assertExtra.left;\n }\n return content ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-extra-content\"),\n ref: ref\n }, content) : null;\n});\nif (process.env.NODE_ENV !== 'production') {\n ExtraContent.displayName = 'ExtraContent';\n}\nexport default ExtraContent;","import KeyCode from \"rc-util/es/KeyCode\";\nimport raf from \"rc-util/es/raf\";\nimport * as React from \"react\";\nvar ESC = KeyCode.ESC,\n TAB = KeyCode.TAB;\nexport default function useAccessibility(_ref) {\n var visible = _ref.visible,\n triggerRef = _ref.triggerRef,\n onVisibleChange = _ref.onVisibleChange,\n autoFocus = _ref.autoFocus,\n overlayRef = _ref.overlayRef;\n var focusMenuRef = React.useRef(false);\n var handleCloseMenuAndReturnFocus = function handleCloseMenuAndReturnFocus() {\n if (visible) {\n var _triggerRef$current, _triggerRef$current$f;\n (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$f = _triggerRef$current.focus) === null || _triggerRef$current$f === void 0 ? void 0 : _triggerRef$current$f.call(_triggerRef$current);\n onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(false);\n }\n };\n var focusMenu = function focusMenu() {\n var _overlayRef$current;\n if ((_overlayRef$current = overlayRef.current) !== null && _overlayRef$current !== void 0 && _overlayRef$current.focus) {\n overlayRef.current.focus();\n focusMenuRef.current = true;\n return true;\n }\n return false;\n };\n var handleKeyDown = function handleKeyDown(event) {\n switch (event.keyCode) {\n case ESC:\n handleCloseMenuAndReturnFocus();\n break;\n case TAB:\n {\n var focusResult = false;\n if (!focusMenuRef.current) {\n focusResult = focusMenu();\n }\n if (focusResult) {\n event.preventDefault();\n } else {\n handleCloseMenuAndReturnFocus();\n }\n break;\n }\n }\n };\n React.useEffect(function () {\n if (visible) {\n window.addEventListener(\"keydown\", handleKeyDown);\n if (autoFocus) {\n // FIXME: hack with raf\n raf(focusMenu, 3);\n }\n return function () {\n window.removeEventListener(\"keydown\", handleKeyDown);\n focusMenuRef.current = false;\n };\n }\n return function () {\n focusMenuRef.current = false;\n };\n }, [visible]); // eslint-disable-line react-hooks/exhaustive-deps\n}","import React, { forwardRef, useMemo } from 'react';\nimport { composeRef, supportRef } from \"rc-util/es/ref\";\nvar Overlay = /*#__PURE__*/forwardRef(function (props, ref) {\n var overlay = props.overlay,\n arrow = props.arrow,\n prefixCls = props.prefixCls;\n var overlayNode = useMemo(function () {\n var overlayElement;\n if (typeof overlay === 'function') {\n overlayElement = overlay();\n } else {\n overlayElement = overlay;\n }\n return overlayElement;\n }, [overlay]);\n var composedRef = composeRef(ref, overlayNode === null || overlayNode === void 0 ? void 0 : overlayNode.ref);\n return /*#__PURE__*/React.createElement(React.Fragment, null, arrow && /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-arrow\")\n }), /*#__PURE__*/React.cloneElement(overlayNode, {\n ref: supportRef(overlayNode) ? composedRef : undefined\n }));\n});\nexport default Overlay;","var autoAdjustOverflow = {\n adjustX: 1,\n adjustY: 1\n};\nvar targetOffset = [0, 0];\nvar placements = {\n topLeft: {\n points: ['bl', 'tl'],\n overflow: autoAdjustOverflow,\n offset: [0, -4],\n targetOffset: targetOffset\n },\n top: {\n points: ['bc', 'tc'],\n overflow: autoAdjustOverflow,\n offset: [0, -4],\n targetOffset: targetOffset\n },\n topRight: {\n points: ['br', 'tr'],\n overflow: autoAdjustOverflow,\n offset: [0, -4],\n targetOffset: targetOffset\n },\n bottomLeft: {\n points: ['tl', 'bl'],\n overflow: autoAdjustOverflow,\n offset: [0, 4],\n targetOffset: targetOffset\n },\n bottom: {\n points: ['tc', 'bc'],\n overflow: autoAdjustOverflow,\n offset: [0, 4],\n targetOffset: targetOffset\n },\n bottomRight: {\n points: ['tr', 'br'],\n overflow: autoAdjustOverflow,\n offset: [0, 4],\n targetOffset: targetOffset\n }\n};\nexport default placements;","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 _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"arrow\", \"prefixCls\", \"transitionName\", \"animation\", \"align\", \"placement\", \"placements\", \"getPopupContainer\", \"showAction\", \"hideAction\", \"overlayClassName\", \"overlayStyle\", \"visible\", \"trigger\", \"autoFocus\", \"overlay\", \"children\", \"onVisibleChange\"];\nimport Trigger from '@rc-component/trigger';\nimport classNames from 'classnames';\nimport { composeRef, supportRef } from \"rc-util/es/ref\";\nimport React from 'react';\nimport useAccessibility from \"./hooks/useAccessibility\";\nimport Overlay from \"./Overlay\";\nimport Placements from \"./placements\";\nfunction Dropdown(props, ref) {\n var _children$props;\n var _props$arrow = props.arrow,\n arrow = _props$arrow === void 0 ? false : _props$arrow,\n _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-dropdown' : _props$prefixCls,\n transitionName = props.transitionName,\n animation = props.animation,\n align = props.align,\n _props$placement = props.placement,\n placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,\n _props$placements = props.placements,\n placements = _props$placements === void 0 ? Placements : _props$placements,\n getPopupContainer = props.getPopupContainer,\n showAction = props.showAction,\n hideAction = props.hideAction,\n overlayClassName = props.overlayClassName,\n overlayStyle = props.overlayStyle,\n visible = props.visible,\n _props$trigger = props.trigger,\n trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,\n autoFocus = props.autoFocus,\n overlay = props.overlay,\n children = props.children,\n onVisibleChange = props.onVisibleChange,\n otherProps = _objectWithoutProperties(props, _excluded);\n var _React$useState = React.useState(),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n triggerVisible = _React$useState2[0],\n setTriggerVisible = _React$useState2[1];\n var mergedVisible = 'visible' in props ? visible : triggerVisible;\n var triggerRef = React.useRef(null);\n var overlayRef = React.useRef(null);\n var childRef = React.useRef(null);\n React.useImperativeHandle(ref, function () {\n return triggerRef.current;\n });\n var handleVisibleChange = function handleVisibleChange(newVisible) {\n setTriggerVisible(newVisible);\n onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(newVisible);\n };\n useAccessibility({\n visible: mergedVisible,\n triggerRef: childRef,\n onVisibleChange: handleVisibleChange,\n autoFocus: autoFocus,\n overlayRef: overlayRef\n });\n var onClick = function onClick(e) {\n var onOverlayClick = props.onOverlayClick;\n setTriggerVisible(false);\n if (onOverlayClick) {\n onOverlayClick(e);\n }\n };\n var getMenuElement = function getMenuElement() {\n return /*#__PURE__*/React.createElement(Overlay, {\n ref: overlayRef,\n overlay: overlay,\n prefixCls: prefixCls,\n arrow: arrow\n });\n };\n var getMenuElementOrLambda = function getMenuElementOrLambda() {\n if (typeof overlay === 'function') {\n return getMenuElement;\n }\n return getMenuElement();\n };\n var getMinOverlayWidthMatchTrigger = function getMinOverlayWidthMatchTrigger() {\n var minOverlayWidthMatchTrigger = props.minOverlayWidthMatchTrigger,\n alignPoint = props.alignPoint;\n if ('minOverlayWidthMatchTrigger' in props) {\n return minOverlayWidthMatchTrigger;\n }\n return !alignPoint;\n };\n var getOpenClassName = function getOpenClassName() {\n var openClassName = props.openClassName;\n if (openClassName !== undefined) {\n return openClassName;\n }\n return \"\".concat(prefixCls, \"-open\");\n };\n var childrenNode = /*#__PURE__*/React.cloneElement(children, {\n className: classNames((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, mergedVisible && getOpenClassName()),\n ref: supportRef(children) ? composeRef(childRef, children.ref) : undefined\n });\n var triggerHideAction = hideAction;\n if (!triggerHideAction && trigger.indexOf('contextMenu') !== -1) {\n triggerHideAction = ['click'];\n }\n return /*#__PURE__*/React.createElement(Trigger, _extends({\n builtinPlacements: placements\n }, otherProps, {\n prefixCls: prefixCls,\n ref: triggerRef,\n popupClassName: classNames(overlayClassName, _defineProperty({}, \"\".concat(prefixCls, \"-show-arrow\"), arrow)),\n popupStyle: overlayStyle,\n action: trigger,\n showAction: showAction,\n hideAction: triggerHideAction,\n popupPlacement: placement,\n popupAlign: align,\n popupTransitionName: transitionName,\n popupAnimation: animation,\n popupVisible: mergedVisible,\n stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '',\n popup: getMenuElementOrLambda(),\n onPopupVisibleChange: handleVisibleChange,\n onPopupClick: onClick,\n getPopupContainer: getPopupContainer\n }), childrenNode);\n}\nexport default /*#__PURE__*/React.forwardRef(Dropdown);","import Dropdown from \"./Dropdown\";\nexport default Dropdown;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport Dropdown from 'rc-dropdown';\nimport Menu, { MenuItem } from 'rc-menu';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { getRemovable } from \"../util\";\nimport AddButton from \"./AddButton\";\nvar OperationNode = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var prefixCls = props.prefixCls,\n id = props.id,\n tabs = props.tabs,\n locale = props.locale,\n mobile = props.mobile,\n _props$moreIcon = props.moreIcon,\n moreIcon = _props$moreIcon === void 0 ? 'More' : _props$moreIcon,\n moreTransitionName = props.moreTransitionName,\n style = props.style,\n className = props.className,\n editable = props.editable,\n tabBarGutter = props.tabBarGutter,\n rtl = props.rtl,\n removeAriaLabel = props.removeAriaLabel,\n onTabClick = props.onTabClick,\n getPopupContainer = props.getPopupContainer,\n popupClassName = props.popupClassName;\n // ======================== Dropdown ========================\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n open = _useState2[0],\n setOpen = _useState2[1];\n var _useState3 = useState(null),\n _useState4 = _slicedToArray(_useState3, 2),\n selectedKey = _useState4[0],\n setSelectedKey = _useState4[1];\n var popupId = \"\".concat(id, \"-more-popup\");\n var dropdownPrefix = \"\".concat(prefixCls, \"-dropdown\");\n var selectedItemId = selectedKey !== null ? \"\".concat(popupId, \"-\").concat(selectedKey) : null;\n var dropdownAriaLabel = locale === null || locale === void 0 ? void 0 : locale.dropdownAriaLabel;\n function onRemoveTab(event, key) {\n event.preventDefault();\n event.stopPropagation();\n editable.onEdit('remove', {\n key: key,\n event: event\n });\n }\n var menu = /*#__PURE__*/React.createElement(Menu, {\n onClick: function onClick(_ref) {\n var key = _ref.key,\n domEvent = _ref.domEvent;\n onTabClick(key, domEvent);\n setOpen(false);\n },\n prefixCls: \"\".concat(dropdownPrefix, \"-menu\"),\n id: popupId,\n tabIndex: -1,\n role: \"listbox\",\n \"aria-activedescendant\": selectedItemId,\n selectedKeys: [selectedKey],\n \"aria-label\": dropdownAriaLabel !== undefined ? dropdownAriaLabel : 'expanded dropdown'\n }, tabs.map(function (tab) {\n var closable = tab.closable,\n disabled = tab.disabled,\n closeIcon = tab.closeIcon,\n key = tab.key,\n label = tab.label;\n var removable = getRemovable(closable, closeIcon, editable, disabled);\n return /*#__PURE__*/React.createElement(MenuItem, {\n key: key,\n id: \"\".concat(popupId, \"-\").concat(key),\n role: \"option\",\n \"aria-controls\": id && \"\".concat(id, \"-panel-\").concat(key),\n disabled: disabled\n }, /*#__PURE__*/React.createElement(\"span\", null, label), removable && /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n \"aria-label\": removeAriaLabel || 'remove',\n tabIndex: 0,\n className: \"\".concat(dropdownPrefix, \"-menu-item-remove\"),\n onClick: function onClick(e) {\n e.stopPropagation();\n onRemoveTab(e, key);\n }\n }, closeIcon || editable.removeIcon || '×'));\n }));\n function selectOffset(offset) {\n var enabledTabs = tabs.filter(function (tab) {\n return !tab.disabled;\n });\n var selectedIndex = enabledTabs.findIndex(function (tab) {\n return tab.key === selectedKey;\n }) || 0;\n var len = enabledTabs.length;\n for (var i = 0; i < len; i += 1) {\n selectedIndex = (selectedIndex + offset + len) % len;\n var tab = enabledTabs[selectedIndex];\n if (!tab.disabled) {\n setSelectedKey(tab.key);\n return;\n }\n }\n }\n function onKeyDown(e) {\n var which = e.which;\n if (!open) {\n if ([KeyCode.DOWN, KeyCode.SPACE, KeyCode.ENTER].includes(which)) {\n setOpen(true);\n e.preventDefault();\n }\n return;\n }\n switch (which) {\n case KeyCode.UP:\n selectOffset(-1);\n e.preventDefault();\n break;\n case KeyCode.DOWN:\n selectOffset(1);\n e.preventDefault();\n break;\n case KeyCode.ESC:\n setOpen(false);\n break;\n case KeyCode.SPACE:\n case KeyCode.ENTER:\n if (selectedKey !== null) {\n onTabClick(selectedKey, e);\n }\n break;\n }\n }\n\n // ========================= Effect =========================\n useEffect(function () {\n // We use query element here to avoid React strict warning\n var ele = document.getElementById(selectedItemId);\n if (ele && ele.scrollIntoView) {\n ele.scrollIntoView(false);\n }\n }, [selectedKey]);\n useEffect(function () {\n if (!open) {\n setSelectedKey(null);\n }\n }, [open]);\n\n // ========================= Render =========================\n var moreStyle = _defineProperty({}, rtl ? 'marginRight' : 'marginLeft', tabBarGutter);\n if (!tabs.length) {\n moreStyle.visibility = 'hidden';\n moreStyle.order = 1;\n }\n var overlayClassName = classNames(_defineProperty({}, \"\".concat(dropdownPrefix, \"-rtl\"), rtl));\n var moreNode = mobile ? null : /*#__PURE__*/React.createElement(Dropdown, {\n prefixCls: dropdownPrefix,\n overlay: menu,\n trigger: ['hover'],\n visible: tabs.length ? open : false,\n transitionName: moreTransitionName,\n onVisibleChange: setOpen,\n overlayClassName: classNames(overlayClassName, popupClassName),\n mouseEnterDelay: 0.1,\n mouseLeaveDelay: 0.1,\n getPopupContainer: getPopupContainer\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: \"\".concat(prefixCls, \"-nav-more\"),\n style: moreStyle,\n tabIndex: -1,\n \"aria-hidden\": \"true\",\n \"aria-haspopup\": \"listbox\",\n \"aria-controls\": popupId,\n id: \"\".concat(id, \"-more\"),\n \"aria-expanded\": open,\n onKeyDown: onKeyDown\n }, moreIcon));\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-nav-operations\"), className),\n style: style,\n ref: ref\n }, moreNode, /*#__PURE__*/React.createElement(AddButton, {\n prefixCls: prefixCls,\n locale: locale,\n editable: editable\n }));\n});\nexport default /*#__PURE__*/React.memo(OperationNode, function (_, next) {\n return (\n // https://github.com/ant-design/ant-design/issues/32544\n // We'd better remove syntactic sugar in `rc-menu` since this has perf issue\n next.tabMoving\n );\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport * as React from 'react';\nimport { genDataNodeKey, getRemovable } from \"../util\";\nvar TabNode = function TabNode(props) {\n var prefixCls = props.prefixCls,\n id = props.id,\n active = props.active,\n _props$tab = props.tab,\n key = _props$tab.key,\n label = _props$tab.label,\n disabled = _props$tab.disabled,\n closeIcon = _props$tab.closeIcon,\n icon = _props$tab.icon,\n closable = props.closable,\n renderWrapper = props.renderWrapper,\n removeAriaLabel = props.removeAriaLabel,\n editable = props.editable,\n onClick = props.onClick,\n onFocus = props.onFocus,\n style = props.style;\n var tabPrefix = \"\".concat(prefixCls, \"-tab\");\n var removable = getRemovable(closable, closeIcon, editable, disabled);\n function onInternalClick(e) {\n if (disabled) {\n return;\n }\n onClick(e);\n }\n function onRemoveTab(event) {\n event.preventDefault();\n event.stopPropagation();\n editable.onEdit('remove', {\n key: key,\n event: event\n });\n }\n var labelNode = React.useMemo(function () {\n return icon && typeof label === 'string' ? /*#__PURE__*/React.createElement(\"span\", null, label) : label;\n }, [label, icon]);\n var node = /*#__PURE__*/React.createElement(\"div\", {\n key: key\n // ref={ref}\n ,\n \"data-node-key\": genDataNodeKey(key),\n className: classNames(tabPrefix, _defineProperty(_defineProperty(_defineProperty({}, \"\".concat(tabPrefix, \"-with-remove\"), removable), \"\".concat(tabPrefix, \"-active\"), active), \"\".concat(tabPrefix, \"-disabled\"), disabled)),\n style: style,\n onClick: onInternalClick\n }, /*#__PURE__*/React.createElement(\"div\", {\n role: \"tab\",\n \"aria-selected\": active,\n id: id && \"\".concat(id, \"-tab-\").concat(key),\n className: \"\".concat(tabPrefix, \"-btn\"),\n \"aria-controls\": id && \"\".concat(id, \"-panel-\").concat(key),\n \"aria-disabled\": disabled,\n tabIndex: disabled ? null : 0,\n onClick: function onClick(e) {\n e.stopPropagation();\n onInternalClick(e);\n },\n onKeyDown: function onKeyDown(e) {\n if ([KeyCode.SPACE, KeyCode.ENTER].includes(e.which)) {\n e.preventDefault();\n onInternalClick(e);\n }\n },\n onFocus: onFocus\n }, icon && /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(tabPrefix, \"-icon\")\n }, icon), label && labelNode), removable && /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n \"aria-label\": removeAriaLabel || 'remove',\n tabIndex: 0,\n className: \"\".concat(tabPrefix, \"-remove\"),\n onClick: function onClick(e) {\n e.stopPropagation();\n onRemoveTab(e);\n }\n }, closeIcon || editable.removeIcon || '×'));\n return renderWrapper ? renderWrapper(node) : node;\n};\nexport default TabNode;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\n/* eslint-disable react-hooks/exhaustive-deps */\nimport classNames from 'classnames';\nimport ResizeObserver from 'rc-resize-observer';\nimport useEvent from \"rc-util/es/hooks/useEvent\";\nimport { useComposeRef } from \"rc-util/es/ref\";\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport TabContext from \"../TabContext\";\nimport useIndicator from \"../hooks/useIndicator\";\nimport useOffsets from \"../hooks/useOffsets\";\nimport useSyncState from \"../hooks/useSyncState\";\nimport useTouchMove from \"../hooks/useTouchMove\";\nimport useUpdate, { useUpdateState } from \"../hooks/useUpdate\";\nimport useVisibleRange from \"../hooks/useVisibleRange\";\nimport { genDataNodeKey, stringify } from \"../util\";\nimport AddButton from \"./AddButton\";\nimport ExtraContent from \"./ExtraContent\";\nimport OperationNode from \"./OperationNode\";\nimport TabNode from \"./TabNode\";\nvar getTabSize = function getTabSize(tab, containerRect) {\n // tabListRef\n var offsetWidth = tab.offsetWidth,\n offsetHeight = tab.offsetHeight,\n offsetTop = tab.offsetTop,\n offsetLeft = tab.offsetLeft;\n var _tab$getBoundingClien = tab.getBoundingClientRect(),\n width = _tab$getBoundingClien.width,\n height = _tab$getBoundingClien.height,\n x = _tab$getBoundingClien.x,\n y = _tab$getBoundingClien.y;\n\n // Use getBoundingClientRect to avoid decimal inaccuracy\n if (Math.abs(width - offsetWidth) < 1) {\n return [width, height, x - containerRect.x, y - containerRect.y];\n }\n return [offsetWidth, offsetHeight, offsetLeft, offsetTop];\n};\nvar getSize = function getSize(refObj) {\n var _ref = refObj.current || {},\n _ref$offsetWidth = _ref.offsetWidth,\n offsetWidth = _ref$offsetWidth === void 0 ? 0 : _ref$offsetWidth,\n _ref$offsetHeight = _ref.offsetHeight,\n offsetHeight = _ref$offsetHeight === void 0 ? 0 : _ref$offsetHeight;\n\n // Use getBoundingClientRect to avoid decimal inaccuracy\n if (refObj.current) {\n var _refObj$current$getBo = refObj.current.getBoundingClientRect(),\n width = _refObj$current$getBo.width,\n height = _refObj$current$getBo.height;\n if (Math.abs(width - offsetWidth) < 1) {\n return [width, height];\n }\n }\n return [offsetWidth, offsetHeight];\n};\n\n/**\n * Convert `SizeInfo` to unit value. Such as [123, 456] with `top` position get `123`\n */\nvar getUnitValue = function getUnitValue(size, tabPositionTopOrBottom) {\n return size[tabPositionTopOrBottom ? 0 : 1];\n};\nvar TabNavList = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var className = props.className,\n style = props.style,\n id = props.id,\n animated = props.animated,\n activeKey = props.activeKey,\n rtl = props.rtl,\n extra = props.extra,\n editable = props.editable,\n locale = props.locale,\n tabPosition = props.tabPosition,\n tabBarGutter = props.tabBarGutter,\n children = props.children,\n onTabClick = props.onTabClick,\n onTabScroll = props.onTabScroll,\n indicator = props.indicator;\n var _React$useContext = React.useContext(TabContext),\n prefixCls = _React$useContext.prefixCls,\n tabs = _React$useContext.tabs;\n var containerRef = useRef(null);\n var extraLeftRef = useRef(null);\n var extraRightRef = useRef(null);\n var tabsWrapperRef = useRef(null);\n var tabListRef = useRef(null);\n var operationsRef = useRef(null);\n var innerAddButtonRef = useRef(null);\n var tabPositionTopOrBottom = tabPosition === 'top' || tabPosition === 'bottom';\n var _useSyncState = useSyncState(0, function (next, prev) {\n if (tabPositionTopOrBottom && onTabScroll) {\n onTabScroll({\n direction: next > prev ? 'left' : 'right'\n });\n }\n }),\n _useSyncState2 = _slicedToArray(_useSyncState, 2),\n transformLeft = _useSyncState2[0],\n setTransformLeft = _useSyncState2[1];\n var _useSyncState3 = useSyncState(0, function (next, prev) {\n if (!tabPositionTopOrBottom && onTabScroll) {\n onTabScroll({\n direction: next > prev ? 'top' : 'bottom'\n });\n }\n }),\n _useSyncState4 = _slicedToArray(_useSyncState3, 2),\n transformTop = _useSyncState4[0],\n setTransformTop = _useSyncState4[1];\n var _useState = useState([0, 0]),\n _useState2 = _slicedToArray(_useState, 2),\n containerExcludeExtraSize = _useState2[0],\n setContainerExcludeExtraSize = _useState2[1];\n var _useState3 = useState([0, 0]),\n _useState4 = _slicedToArray(_useState3, 2),\n tabContentSize = _useState4[0],\n setTabContentSize = _useState4[1];\n var _useState5 = useState([0, 0]),\n _useState6 = _slicedToArray(_useState5, 2),\n addSize = _useState6[0],\n setAddSize = _useState6[1];\n var _useState7 = useState([0, 0]),\n _useState8 = _slicedToArray(_useState7, 2),\n operationSize = _useState8[0],\n setOperationSize = _useState8[1];\n var _useUpdateState = useUpdateState(new Map()),\n _useUpdateState2 = _slicedToArray(_useUpdateState, 2),\n tabSizes = _useUpdateState2[0],\n setTabSizes = _useUpdateState2[1];\n var tabOffsets = useOffsets(tabs, tabSizes, tabContentSize[0]);\n\n // ========================== Unit =========================\n var containerExcludeExtraSizeValue = getUnitValue(containerExcludeExtraSize, tabPositionTopOrBottom);\n var tabContentSizeValue = getUnitValue(tabContentSize, tabPositionTopOrBottom);\n var addSizeValue = getUnitValue(addSize, tabPositionTopOrBottom);\n var operationSizeValue = getUnitValue(operationSize, tabPositionTopOrBottom);\n var needScroll = containerExcludeExtraSizeValue < tabContentSizeValue + addSizeValue;\n var visibleTabContentValue = needScroll ? containerExcludeExtraSizeValue - operationSizeValue : containerExcludeExtraSizeValue - addSizeValue;\n\n // ========================== Util =========================\n var operationsHiddenClassName = \"\".concat(prefixCls, \"-nav-operations-hidden\");\n var transformMin = 0;\n var transformMax = 0;\n if (!tabPositionTopOrBottom) {\n transformMin = Math.min(0, visibleTabContentValue - tabContentSizeValue);\n transformMax = 0;\n } else if (rtl) {\n transformMin = 0;\n transformMax = Math.max(0, tabContentSizeValue - visibleTabContentValue);\n } else {\n transformMin = Math.min(0, visibleTabContentValue - tabContentSizeValue);\n transformMax = 0;\n }\n function alignInRange(value) {\n if (value < transformMin) {\n return transformMin;\n }\n if (value > transformMax) {\n return transformMax;\n }\n return value;\n }\n\n // ========================= Mobile ========================\n var touchMovingRef = useRef(null);\n var _useState9 = useState(),\n _useState10 = _slicedToArray(_useState9, 2),\n lockAnimation = _useState10[0],\n setLockAnimation = _useState10[1];\n function doLockAnimation() {\n setLockAnimation(Date.now());\n }\n function clearTouchMoving() {\n if (touchMovingRef.current) {\n clearTimeout(touchMovingRef.current);\n }\n }\n useTouchMove(tabsWrapperRef, function (offsetX, offsetY) {\n function doMove(setState, offset) {\n setState(function (value) {\n var newValue = alignInRange(value + offset);\n return newValue;\n });\n }\n\n // Skip scroll if place is enough\n if (!needScroll) {\n return false;\n }\n if (tabPositionTopOrBottom) {\n doMove(setTransformLeft, offsetX);\n } else {\n doMove(setTransformTop, offsetY);\n }\n clearTouchMoving();\n doLockAnimation();\n return true;\n });\n useEffect(function () {\n clearTouchMoving();\n if (lockAnimation) {\n touchMovingRef.current = setTimeout(function () {\n setLockAnimation(0);\n }, 100);\n }\n return clearTouchMoving;\n }, [lockAnimation]);\n\n // ===================== Visible Range =====================\n // Render tab node & collect tab offset\n var _useVisibleRange = useVisibleRange(tabOffsets,\n // Container\n visibleTabContentValue,\n // Transform\n tabPositionTopOrBottom ? transformLeft : transformTop,\n // Tabs\n tabContentSizeValue,\n // Add\n addSizeValue,\n // Operation\n operationSizeValue, _objectSpread(_objectSpread({}, props), {}, {\n tabs: tabs\n })),\n _useVisibleRange2 = _slicedToArray(_useVisibleRange, 2),\n visibleStart = _useVisibleRange2[0],\n visibleEnd = _useVisibleRange2[1];\n\n // ========================= Scroll ========================\n var scrollToTab = useEvent(function () {\n var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : activeKey;\n var tabOffset = tabOffsets.get(key) || {\n width: 0,\n height: 0,\n left: 0,\n right: 0,\n top: 0\n };\n if (tabPositionTopOrBottom) {\n // ============ Align with top & bottom ============\n var newTransform = transformLeft;\n\n // RTL\n if (rtl) {\n if (tabOffset.right < transformLeft) {\n newTransform = tabOffset.right;\n } else if (tabOffset.right + tabOffset.width > transformLeft + visibleTabContentValue) {\n newTransform = tabOffset.right + tabOffset.width - visibleTabContentValue;\n }\n }\n // LTR\n else if (tabOffset.left < -transformLeft) {\n newTransform = -tabOffset.left;\n } else if (tabOffset.left + tabOffset.width > -transformLeft + visibleTabContentValue) {\n newTransform = -(tabOffset.left + tabOffset.width - visibleTabContentValue);\n }\n setTransformTop(0);\n setTransformLeft(alignInRange(newTransform));\n } else {\n // ============ Align with left & right ============\n var _newTransform = transformTop;\n if (tabOffset.top < -transformTop) {\n _newTransform = -tabOffset.top;\n } else if (tabOffset.top + tabOffset.height > -transformTop + visibleTabContentValue) {\n _newTransform = -(tabOffset.top + tabOffset.height - visibleTabContentValue);\n }\n setTransformLeft(0);\n setTransformTop(alignInRange(_newTransform));\n }\n });\n\n // ========================== Tab ==========================\n var tabNodeStyle = {};\n if (tabPosition === 'top' || tabPosition === 'bottom') {\n tabNodeStyle[rtl ? 'marginRight' : 'marginLeft'] = tabBarGutter;\n } else {\n tabNodeStyle.marginTop = tabBarGutter;\n }\n var tabNodes = tabs.map(function (tab, i) {\n var key = tab.key;\n return /*#__PURE__*/React.createElement(TabNode, {\n id: id,\n prefixCls: prefixCls,\n key: key,\n tab: tab\n /* first node should not have margin left */,\n style: i === 0 ? undefined : tabNodeStyle,\n closable: tab.closable,\n editable: editable,\n active: key === activeKey,\n renderWrapper: children,\n removeAriaLabel: locale === null || locale === void 0 ? void 0 : locale.removeAriaLabel,\n onClick: function onClick(e) {\n onTabClick(key, e);\n },\n onFocus: function onFocus() {\n scrollToTab(key);\n doLockAnimation();\n if (!tabsWrapperRef.current) {\n return;\n }\n // Focus element will make scrollLeft change which we should reset back\n if (!rtl) {\n tabsWrapperRef.current.scrollLeft = 0;\n }\n tabsWrapperRef.current.scrollTop = 0;\n }\n });\n });\n\n // Update buttons records\n var updateTabSizes = function updateTabSizes() {\n return setTabSizes(function () {\n var _tabListRef$current;\n var newSizes = new Map();\n var listRect = (_tabListRef$current = tabListRef.current) === null || _tabListRef$current === void 0 ? void 0 : _tabListRef$current.getBoundingClientRect();\n tabs.forEach(function (_ref2) {\n var _tabListRef$current2;\n var key = _ref2.key;\n var btnNode = (_tabListRef$current2 = tabListRef.current) === null || _tabListRef$current2 === void 0 ? void 0 : _tabListRef$current2.querySelector(\"[data-node-key=\\\"\".concat(genDataNodeKey(key), \"\\\"]\"));\n if (btnNode) {\n var _getTabSize = getTabSize(btnNode, listRect),\n _getTabSize2 = _slicedToArray(_getTabSize, 4),\n width = _getTabSize2[0],\n height = _getTabSize2[1],\n left = _getTabSize2[2],\n top = _getTabSize2[3];\n newSizes.set(key, {\n width: width,\n height: height,\n left: left,\n top: top\n });\n }\n });\n return newSizes;\n });\n };\n useEffect(function () {\n updateTabSizes();\n }, [tabs.map(function (tab) {\n return tab.key;\n }).join('_')]);\n var onListHolderResize = useUpdate(function () {\n // Update wrapper records\n var containerSize = getSize(containerRef);\n var extraLeftSize = getSize(extraLeftRef);\n var extraRightSize = getSize(extraRightRef);\n setContainerExcludeExtraSize([containerSize[0] - extraLeftSize[0] - extraRightSize[0], containerSize[1] - extraLeftSize[1] - extraRightSize[1]]);\n var newAddSize = getSize(innerAddButtonRef);\n setAddSize(newAddSize);\n var newOperationSize = getSize(operationsRef);\n setOperationSize(newOperationSize);\n\n // Which includes add button size\n var tabContentFullSize = getSize(tabListRef);\n setTabContentSize([tabContentFullSize[0] - newAddSize[0], tabContentFullSize[1] - newAddSize[1]]);\n\n // Update buttons records\n updateTabSizes();\n });\n\n // ======================== Dropdown =======================\n var startHiddenTabs = tabs.slice(0, visibleStart);\n var endHiddenTabs = tabs.slice(visibleEnd + 1);\n var hiddenTabs = [].concat(_toConsumableArray(startHiddenTabs), _toConsumableArray(endHiddenTabs));\n\n // =================== Link & Operations ===================\n var activeTabOffset = tabOffsets.get(activeKey);\n var _useIndicator = useIndicator({\n activeTabOffset: activeTabOffset,\n horizontal: tabPositionTopOrBottom,\n indicator: indicator,\n rtl: rtl\n }),\n indicatorStyle = _useIndicator.style;\n\n // ========================= Effect ========================\n useEffect(function () {\n scrollToTab();\n }, [activeKey, transformMin, transformMax, stringify(activeTabOffset), stringify(tabOffsets), tabPositionTopOrBottom]);\n\n // Should recalculate when rtl changed\n useEffect(function () {\n onListHolderResize();\n // eslint-disable-next-line\n }, [rtl]);\n\n // ========================= Render ========================\n var hasDropdown = !!hiddenTabs.length;\n var wrapPrefix = \"\".concat(prefixCls, \"-nav-wrap\");\n var pingLeft;\n var pingRight;\n var pingTop;\n var pingBottom;\n if (tabPositionTopOrBottom) {\n if (rtl) {\n pingRight = transformLeft > 0;\n pingLeft = transformLeft !== transformMax;\n } else {\n pingLeft = transformLeft < 0;\n pingRight = transformLeft !== transformMin;\n }\n } else {\n pingTop = transformTop < 0;\n pingBottom = transformTop !== transformMin;\n }\n return /*#__PURE__*/React.createElement(ResizeObserver, {\n onResize: onListHolderResize\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: useComposeRef(ref, containerRef),\n role: \"tablist\",\n className: classNames(\"\".concat(prefixCls, \"-nav\"), className),\n style: style,\n onKeyDown: function onKeyDown() {\n // No need animation when use keyboard\n doLockAnimation();\n }\n }, /*#__PURE__*/React.createElement(ExtraContent, {\n ref: extraLeftRef,\n position: \"left\",\n extra: extra,\n prefixCls: prefixCls\n }), /*#__PURE__*/React.createElement(ResizeObserver, {\n onResize: onListHolderResize\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(wrapPrefix, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, \"\".concat(wrapPrefix, \"-ping-left\"), pingLeft), \"\".concat(wrapPrefix, \"-ping-right\"), pingRight), \"\".concat(wrapPrefix, \"-ping-top\"), pingTop), \"\".concat(wrapPrefix, \"-ping-bottom\"), pingBottom)),\n ref: tabsWrapperRef\n }, /*#__PURE__*/React.createElement(ResizeObserver, {\n onResize: onListHolderResize\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: tabListRef,\n className: \"\".concat(prefixCls, \"-nav-list\"),\n style: {\n transform: \"translate(\".concat(transformLeft, \"px, \").concat(transformTop, \"px)\"),\n transition: lockAnimation ? 'none' : undefined\n }\n }, tabNodes, /*#__PURE__*/React.createElement(AddButton, {\n ref: innerAddButtonRef,\n prefixCls: prefixCls,\n locale: locale,\n editable: editable,\n style: _objectSpread(_objectSpread({}, tabNodes.length === 0 ? undefined : tabNodeStyle), {}, {\n visibility: hasDropdown ? 'hidden' : null\n })\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-ink-bar\"), _defineProperty({}, \"\".concat(prefixCls, \"-ink-bar-animated\"), animated.inkBar)),\n style: indicatorStyle\n }))))), /*#__PURE__*/React.createElement(OperationNode, _extends({}, props, {\n removeAriaLabel: locale === null || locale === void 0 ? void 0 : locale.removeAriaLabel,\n ref: operationsRef,\n prefixCls: prefixCls,\n tabs: hiddenTabs,\n className: !hasDropdown && operationsHiddenClassName,\n tabMoving: !!lockAnimation\n })), /*#__PURE__*/React.createElement(ExtraContent, {\n ref: extraRightRef,\n position: \"right\",\n extra: extra,\n prefixCls: prefixCls\n })));\n /* eslint-enable */\n});\nexport default TabNavList;","import classNames from 'classnames';\nimport * as React from 'react';\nvar TabPane = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var prefixCls = props.prefixCls,\n className = props.className,\n style = props.style,\n id = props.id,\n active = props.active,\n tabKey = props.tabKey,\n children = props.children;\n return /*#__PURE__*/React.createElement(\"div\", {\n id: id && \"\".concat(id, \"-panel-\").concat(tabKey),\n role: \"tabpanel\",\n tabIndex: active ? 0 : -1,\n \"aria-labelledby\": id && \"\".concat(id, \"-tab-\").concat(tabKey),\n \"aria-hidden\": !active,\n style: style,\n className: classNames(prefixCls, active && \"\".concat(prefixCls, \"-active\"), className),\n ref: ref\n }, children);\n});\nif (process.env.NODE_ENV !== 'production') {\n TabPane.displayName = 'TabPane';\n}\nexport default TabPane;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"renderTabBar\"],\n _excluded2 = [\"label\", \"key\"];\n// zombieJ: To compatible with `renderTabBar` usage.\n\nimport * as React from 'react';\nimport TabNavList from '.';\nimport TabContext from \"../TabContext\";\nimport TabPane from \"../TabPanelList/TabPane\";\n// We have to create a TabNavList components.\nvar TabNavListWrapper = function TabNavListWrapper(_ref) {\n var renderTabBar = _ref.renderTabBar,\n restProps = _objectWithoutProperties(_ref, _excluded);\n var _React$useContext = React.useContext(TabContext),\n tabs = _React$useContext.tabs;\n if (renderTabBar) {\n var tabNavBarProps = _objectSpread(_objectSpread({}, restProps), {}, {\n // Legacy support. We do not use this actually\n panes: tabs.map(function (_ref2) {\n var label = _ref2.label,\n key = _ref2.key,\n restTabProps = _objectWithoutProperties(_ref2, _excluded2);\n return /*#__PURE__*/React.createElement(TabPane, _extends({\n tab: label,\n key: key,\n tabKey: key\n }, restTabProps));\n })\n });\n return renderTabBar(tabNavBarProps, TabNavList);\n }\n return /*#__PURE__*/React.createElement(TabNavList, restProps);\n};\nif (process.env.NODE_ENV !== 'production') {\n TabNavListWrapper.displayName = 'TabNavListWrapper';\n}\nexport default TabNavListWrapper;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"key\", \"forceRender\", \"style\", \"className\", \"destroyInactiveTabPane\"];\nimport classNames from 'classnames';\nimport CSSMotion from 'rc-motion';\nimport * as React from 'react';\nimport TabContext from \"../TabContext\";\nimport TabPane from \"./TabPane\";\nvar TabPanelList = function TabPanelList(props) {\n var id = props.id,\n activeKey = props.activeKey,\n animated = props.animated,\n tabPosition = props.tabPosition,\n destroyInactiveTabPane = props.destroyInactiveTabPane;\n var _React$useContext = React.useContext(TabContext),\n prefixCls = _React$useContext.prefixCls,\n tabs = _React$useContext.tabs;\n var tabPaneAnimated = animated.tabPane;\n var tabPanePrefixCls = \"\".concat(prefixCls, \"-tabpane\");\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-content-holder\"))\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-content\"), \"\".concat(prefixCls, \"-content-\").concat(tabPosition), _defineProperty({}, \"\".concat(prefixCls, \"-content-animated\"), tabPaneAnimated))\n }, tabs.map(function (item) {\n var key = item.key,\n forceRender = item.forceRender,\n paneStyle = item.style,\n paneClassName = item.className,\n itemDestroyInactiveTabPane = item.destroyInactiveTabPane,\n restTabProps = _objectWithoutProperties(item, _excluded);\n var active = key === activeKey;\n return /*#__PURE__*/React.createElement(CSSMotion, _extends({\n key: key,\n visible: active,\n forceRender: forceRender,\n removeOnLeave: !!(destroyInactiveTabPane || itemDestroyInactiveTabPane),\n leavedClassName: \"\".concat(tabPanePrefixCls, \"-hidden\")\n }, animated.tabPaneMotion), function (_ref, ref) {\n var motionStyle = _ref.style,\n motionClassName = _ref.className;\n return /*#__PURE__*/React.createElement(TabPane, _extends({}, restTabProps, {\n prefixCls: tabPanePrefixCls,\n id: id,\n tabKey: key,\n animated: tabPaneAnimated,\n active: active,\n style: _objectSpread(_objectSpread({}, paneStyle), motionStyle),\n className: classNames(paneClassName, motionClassName),\n ref: ref\n }));\n });\n })));\n};\nexport default TabPanelList;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"id\", \"prefixCls\", \"className\", \"items\", \"direction\", \"activeKey\", \"defaultActiveKey\", \"editable\", \"animated\", \"tabPosition\", \"tabBarGutter\", \"tabBarStyle\", \"tabBarExtraContent\", \"locale\", \"moreIcon\", \"moreTransitionName\", \"destroyInactiveTabPane\", \"renderTabBar\", \"onChange\", \"onTabClick\", \"onTabScroll\", \"getPopupContainer\", \"popupClassName\", \"indicator\"];\n// Accessibility https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport isMobile from \"rc-util/es/isMobile\";\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport TabContext from \"./TabContext\";\nimport TabNavListWrapper from \"./TabNavList/Wrapper\";\nimport TabPanelList from \"./TabPanelList\";\nimport useAnimateConfig from \"./hooks/useAnimateConfig\";\n/**\n * Should added antd:\n * - type\n *\n * Removed:\n * - onNextClick\n * - onPrevClick\n * - keyboard\n */\n\n// Used for accessibility\nvar uuid = 0;\nvar Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {\n var id = props.id,\n _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-tabs' : _props$prefixCls,\n className = props.className,\n items = props.items,\n direction = props.direction,\n activeKey = props.activeKey,\n defaultActiveKey = props.defaultActiveKey,\n editable = props.editable,\n animated = props.animated,\n _props$tabPosition = props.tabPosition,\n tabPosition = _props$tabPosition === void 0 ? 'top' : _props$tabPosition,\n tabBarGutter = props.tabBarGutter,\n tabBarStyle = props.tabBarStyle,\n tabBarExtraContent = props.tabBarExtraContent,\n locale = props.locale,\n moreIcon = props.moreIcon,\n moreTransitionName = props.moreTransitionName,\n destroyInactiveTabPane = props.destroyInactiveTabPane,\n renderTabBar = props.renderTabBar,\n onChange = props.onChange,\n onTabClick = props.onTabClick,\n onTabScroll = props.onTabScroll,\n getPopupContainer = props.getPopupContainer,\n popupClassName = props.popupClassName,\n indicator = props.indicator,\n restProps = _objectWithoutProperties(props, _excluded);\n var tabs = React.useMemo(function () {\n return (items || []).filter(function (item) {\n return item && _typeof(item) === 'object' && 'key' in item;\n });\n }, [items]);\n var rtl = direction === 'rtl';\n var mergedAnimated = useAnimateConfig(animated);\n\n // ======================== Mobile ========================\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n mobile = _useState2[0],\n setMobile = _useState2[1];\n useEffect(function () {\n // Only update on the client side\n setMobile(isMobile());\n }, []);\n\n // ====================== Active Key ======================\n var _useMergedState = useMergedState(function () {\n var _tabs$;\n return (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key;\n }, {\n value: activeKey,\n defaultValue: defaultActiveKey\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n mergedActiveKey = _useMergedState2[0],\n setMergedActiveKey = _useMergedState2[1];\n var _useState3 = useState(function () {\n return tabs.findIndex(function (tab) {\n return tab.key === mergedActiveKey;\n });\n }),\n _useState4 = _slicedToArray(_useState3, 2),\n activeIndex = _useState4[0],\n setActiveIndex = _useState4[1];\n\n // Reset active key if not exist anymore\n useEffect(function () {\n var newActiveIndex = tabs.findIndex(function (tab) {\n return tab.key === mergedActiveKey;\n });\n if (newActiveIndex === -1) {\n var _tabs$newActiveIndex;\n newActiveIndex = Math.max(0, Math.min(activeIndex, tabs.length - 1));\n setMergedActiveKey((_tabs$newActiveIndex = tabs[newActiveIndex]) === null || _tabs$newActiveIndex === void 0 ? void 0 : _tabs$newActiveIndex.key);\n }\n setActiveIndex(newActiveIndex);\n }, [tabs.map(function (tab) {\n return tab.key;\n }).join('_'), mergedActiveKey, activeIndex]);\n\n // ===================== Accessibility ====================\n var _useMergedState3 = useMergedState(null, {\n value: id\n }),\n _useMergedState4 = _slicedToArray(_useMergedState3, 2),\n mergedId = _useMergedState4[0],\n setMergedId = _useMergedState4[1];\n\n // Async generate id to avoid ssr mapping failed\n useEffect(function () {\n if (!id) {\n setMergedId(\"rc-tabs-\".concat(process.env.NODE_ENV === 'test' ? 'test' : uuid));\n uuid += 1;\n }\n }, []);\n\n // ======================== Events ========================\n function onInternalTabClick(key, e) {\n onTabClick === null || onTabClick === void 0 || onTabClick(key, e);\n var isActiveChanged = key !== mergedActiveKey;\n setMergedActiveKey(key);\n if (isActiveChanged) {\n onChange === null || onChange === void 0 || onChange(key);\n }\n }\n\n // ======================== Render ========================\n var sharedProps = {\n id: mergedId,\n activeKey: mergedActiveKey,\n animated: mergedAnimated,\n tabPosition: tabPosition,\n rtl: rtl,\n mobile: mobile\n };\n var tabNavBarProps = _objectSpread(_objectSpread({}, sharedProps), {}, {\n editable: editable,\n locale: locale,\n moreIcon: moreIcon,\n moreTransitionName: moreTransitionName,\n tabBarGutter: tabBarGutter,\n onTabClick: onInternalTabClick,\n onTabScroll: onTabScroll,\n extra: tabBarExtraContent,\n style: tabBarStyle,\n panes: null,\n getPopupContainer: getPopupContainer,\n popupClassName: popupClassName,\n indicator: indicator\n });\n return /*#__PURE__*/React.createElement(TabContext.Provider, {\n value: {\n tabs: tabs,\n prefixCls: prefixCls\n }\n }, /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: ref,\n id: id,\n className: classNames(prefixCls, \"\".concat(prefixCls, \"-\").concat(tabPosition), _defineProperty(_defineProperty(_defineProperty({}, \"\".concat(prefixCls, \"-mobile\"), mobile), \"\".concat(prefixCls, \"-editable\"), editable), \"\".concat(prefixCls, \"-rtl\"), rtl), className)\n }, restProps), /*#__PURE__*/React.createElement(TabNavListWrapper, _extends({}, tabNavBarProps, {\n renderTabBar: renderTabBar\n })), /*#__PURE__*/React.createElement(TabPanelList, _extends({\n destroyInactiveTabPane: destroyInactiveTabPane\n }, sharedProps, {\n animated: mergedAnimated\n }))));\n});\nif (process.env.NODE_ENV !== 'production') {\n Tabs.displayName = 'Tabs';\n}\nexport default Tabs;","import Tabs from \"./Tabs\";\nexport default Tabs;","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport warning from \"rc-util/es/warning\";\nexport default function useAnimateConfig() {\n var animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {\n inkBar: true,\n tabPane: false\n };\n var mergedAnimated;\n if (animated === false) {\n mergedAnimated = {\n inkBar: false,\n tabPane: false\n };\n } else if (animated === true) {\n mergedAnimated = {\n inkBar: true,\n tabPane: false\n };\n } else {\n mergedAnimated = _objectSpread({\n inkBar: true\n }, _typeof(animated) === 'object' ? animated : {});\n }\n\n // Enable tabPane animation if provide motion\n if (mergedAnimated.tabPaneMotion && mergedAnimated.tabPane === undefined) {\n mergedAnimated.tabPane = true;\n }\n if (!mergedAnimated.tabPaneMotion && mergedAnimated.tabPane) {\n if (process.env.NODE_ENV !== 'production') {\n warning(false, '`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work.');\n }\n mergedAnimated.tabPane = false;\n }\n return mergedAnimated;\n}","import { getTransitionName } from '../../_util/motion';\nconst motion = {\n motionAppear: false,\n motionEnter: true,\n motionLeave: true\n};\nexport default function useAnimateConfig(prefixCls) {\n let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n inkBar: true,\n tabPane: false\n };\n let mergedAnimated;\n if (animated === false) {\n mergedAnimated = {\n inkBar: false,\n tabPane: false\n };\n } else if (animated === true) {\n mergedAnimated = {\n inkBar: true,\n tabPane: true\n };\n } else {\n mergedAnimated = Object.assign({\n inkBar: true\n }, typeof animated === 'object' ? animated : {});\n }\n if (mergedAnimated.tabPane) {\n mergedAnimated.tabPaneMotion = Object.assign(Object.assign({}, motion), {\n motionName: getTransitionName(prefixCls, 'switch')\n });\n }\n return mergedAnimated;\n}","var __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 toArray from \"rc-util/es/Children/toArray\";\nimport { devUseWarning } from '../../_util/warning';\nfunction filter(items) {\n return items.filter(item => item);\n}\nexport default function useLegacyItems(items, children) {\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Tabs');\n warning.deprecated(!children, 'Tabs.TabPane', 'items');\n }\n if (items) {\n return items;\n }\n const childrenItems = toArray(children).map(node => {\n if ( /*#__PURE__*/React.isValidElement(node)) {\n const {\n key,\n props\n } = node;\n const _a = props || {},\n {\n tab\n } = _a,\n restProps = __rest(_a, [\"tab\"]);\n const item = Object.assign(Object.assign({\n key: String(key)\n }, restProps), {\n label: tab\n });\n return item;\n }\n return null;\n });\n return filter(childrenItems);\n}","import { initSlideMotion } from '../../style/motion';\nconst genMotionStyle = token => {\n const {\n componentCls,\n motionDurationSlow\n } = token;\n return [{\n [componentCls]: {\n [`${componentCls}-switch`]: {\n '&-appear, &-enter': {\n transition: 'none',\n '&-start': {\n opacity: 0\n },\n '&-active': {\n opacity: 1,\n transition: `opacity ${motionDurationSlow}`\n }\n },\n '&-leave': {\n position: 'absolute',\n transition: 'none',\n inset: 0,\n '&-start': {\n opacity: 1\n },\n '&-active': {\n opacity: 0,\n transition: `opacity ${motionDurationSlow}`\n }\n }\n }\n }\n },\n // Follow code may reuse in other components\n [initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down')]];\n};\nexport default genMotionStyle;","import { unit } from '@ant-design/cssinjs';\nimport { genFocusStyle, resetComponent, textEllipsis } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport genMotionStyle from './motion';\nconst genCardStyle = token => {\n const {\n componentCls,\n tabsCardPadding,\n cardBg,\n cardGutter,\n colorBorderSecondary,\n itemSelectedColor\n } = token;\n return {\n [`${componentCls}-card`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n margin: 0,\n padding: tabsCardPadding,\n background: cardBg,\n border: `${unit(token.lineWidth)} ${token.lineType} ${colorBorderSecondary}`,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`\n },\n [`${componentCls}-tab-active`]: {\n color: itemSelectedColor,\n background: token.colorBgContainer\n },\n [`${componentCls}-ink-bar`]: {\n visibility: 'hidden'\n }\n },\n // ========================== Top & Bottom ==========================\n [`&${componentCls}-top, &${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n marginLeft: {\n _skip_check_: true,\n value: unit(cardGutter)\n }\n }\n }\n },\n [`&${componentCls}-top`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: `${unit(token.borderRadiusLG)} ${unit(token.borderRadiusLG)} 0 0`\n },\n [`${componentCls}-tab-active`]: {\n borderBottomColor: token.colorBgContainer\n }\n }\n },\n [`&${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: `0 0 ${unit(token.borderRadiusLG)} ${unit(token.borderRadiusLG)}`\n },\n [`${componentCls}-tab-active`]: {\n borderTopColor: token.colorBgContainer\n }\n }\n },\n // ========================== Left & Right ==========================\n [`&${componentCls}-left, &${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n marginTop: unit(cardGutter)\n }\n }\n },\n [`&${componentCls}-left`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `${unit(token.borderRadiusLG)} 0 0 ${unit(token.borderRadiusLG)}`\n }\n },\n [`${componentCls}-tab-active`]: {\n borderRightColor: {\n _skip_check_: true,\n value: token.colorBgContainer\n }\n }\n }\n },\n [`&${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `0 ${unit(token.borderRadiusLG)} ${unit(token.borderRadiusLG)} 0`\n }\n },\n [`${componentCls}-tab-active`]: {\n borderLeftColor: {\n _skip_check_: true,\n value: token.colorBgContainer\n }\n }\n }\n }\n }\n };\n};\nconst genDropdownStyle = token => {\n const {\n componentCls,\n itemHoverColor,\n dropdownEdgeChildVerticalPadding\n } = token;\n return {\n [`${componentCls}-dropdown`]: Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'absolute',\n top: -9999,\n left: {\n _skip_check_: true,\n value: -9999\n },\n zIndex: token.zIndexPopup,\n display: 'block',\n '&-hidden': {\n display: 'none'\n },\n [`${componentCls}-dropdown-menu`]: {\n maxHeight: token.tabsDropdownHeight,\n margin: 0,\n padding: `${unit(dropdownEdgeChildVerticalPadding)} 0`,\n overflowX: 'hidden',\n overflowY: 'auto',\n textAlign: {\n _skip_check_: true,\n value: 'left'\n },\n listStyleType: 'none',\n backgroundColor: token.colorBgContainer,\n backgroundClip: 'padding-box',\n borderRadius: token.borderRadiusLG,\n outline: 'none',\n boxShadow: token.boxShadowSecondary,\n '&-item': Object.assign(Object.assign({}, textEllipsis), {\n display: 'flex',\n alignItems: 'center',\n minWidth: token.tabsDropdownWidth,\n margin: 0,\n padding: `${unit(token.paddingXXS)} ${unit(token.paddingSM)}`,\n color: token.colorText,\n fontWeight: 'normal',\n fontSize: token.fontSize,\n lineHeight: token.lineHeight,\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n '> span': {\n flex: 1,\n whiteSpace: 'nowrap'\n },\n '&-remove': {\n flex: 'none',\n marginLeft: {\n _skip_check_: true,\n value: token.marginSM\n },\n color: token.colorTextDescription,\n fontSize: token.fontSizeSM,\n background: 'transparent',\n border: 0,\n cursor: 'pointer',\n '&:hover': {\n color: itemHoverColor\n }\n },\n '&:hover': {\n background: token.controlItemBgHover\n },\n '&-disabled': {\n '&, &:hover': {\n color: token.colorTextDisabled,\n background: 'transparent',\n cursor: 'not-allowed'\n }\n }\n })\n }\n })\n };\n};\nconst genPositionStyle = token => {\n const {\n componentCls,\n margin,\n colorBorderSecondary,\n horizontalMargin,\n verticalItemPadding,\n verticalItemMargin,\n calc\n } = token;\n return {\n // ========================== Top & Bottom ==========================\n [`${componentCls}-top, ${componentCls}-bottom`]: {\n flexDirection: 'column',\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n margin: horizontalMargin,\n '&::before': {\n position: 'absolute',\n right: {\n _skip_check_: true,\n value: 0\n },\n left: {\n _skip_check_: true,\n value: 0\n },\n borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${colorBorderSecondary}`,\n content: \"''\"\n },\n [`${componentCls}-ink-bar`]: {\n height: token.lineWidthBold,\n '&-animated': {\n transition: `width ${token.motionDurationSlow}, left ${token.motionDurationSlow},\n right ${token.motionDurationSlow}`\n }\n },\n [`${componentCls}-nav-wrap`]: {\n '&::before, &::after': {\n top: 0,\n bottom: 0,\n width: token.controlHeight\n },\n '&::before': {\n left: {\n _skip_check_: true,\n value: 0\n },\n boxShadow: token.boxShadowTabsOverflowLeft\n },\n '&::after': {\n right: {\n _skip_check_: true,\n value: 0\n },\n boxShadow: token.boxShadowTabsOverflowRight\n },\n [`&${componentCls}-nav-wrap-ping-left::before`]: {\n opacity: 1\n },\n [`&${componentCls}-nav-wrap-ping-right::after`]: {\n opacity: 1\n }\n }\n }\n },\n [`${componentCls}-top`]: {\n [`> ${componentCls}-nav,\n > div > ${componentCls}-nav`]: {\n '&::before': {\n bottom: 0\n },\n [`${componentCls}-ink-bar`]: {\n bottom: 0\n }\n }\n },\n [`${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n order: 1,\n marginTop: margin,\n marginBottom: 0,\n '&::before': {\n top: 0\n },\n [`${componentCls}-ink-bar`]: {\n top: 0\n }\n },\n [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n order: 0\n }\n },\n // ========================== Left & Right ==========================\n [`${componentCls}-left, ${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n flexDirection: 'column',\n minWidth: calc(token.controlHeight).mul(1.25).equal(),\n // >>>>>>>>>>> Tab\n [`${componentCls}-tab`]: {\n padding: verticalItemPadding,\n textAlign: 'center'\n },\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n margin: verticalItemMargin\n },\n // >>>>>>>>>>> Nav\n [`${componentCls}-nav-wrap`]: {\n flexDirection: 'column',\n '&::before, &::after': {\n right: {\n _skip_check_: true,\n value: 0\n },\n left: {\n _skip_check_: true,\n value: 0\n },\n height: token.controlHeight\n },\n '&::before': {\n top: 0,\n boxShadow: token.boxShadowTabsOverflowTop\n },\n '&::after': {\n bottom: 0,\n boxShadow: token.boxShadowTabsOverflowBottom\n },\n [`&${componentCls}-nav-wrap-ping-top::before`]: {\n opacity: 1\n },\n [`&${componentCls}-nav-wrap-ping-bottom::after`]: {\n opacity: 1\n }\n },\n // >>>>>>>>>>> Ink Bar\n [`${componentCls}-ink-bar`]: {\n width: token.lineWidthBold,\n '&-animated': {\n transition: `height ${token.motionDurationSlow}, top ${token.motionDurationSlow}`\n }\n },\n [`${componentCls}-nav-list, ${componentCls}-nav-operations`]: {\n flex: '1 0 auto',\n // fix safari scroll problem\n flexDirection: 'column'\n }\n }\n },\n [`${componentCls}-left`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-ink-bar`]: {\n right: {\n _skip_check_: true,\n value: 0\n }\n }\n },\n [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n marginLeft: {\n _skip_check_: true,\n value: unit(calc(token.lineWidth).mul(-1).equal())\n },\n borderLeft: {\n _skip_check_: true,\n value: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`\n },\n [`> ${componentCls}-content > ${componentCls}-tabpane`]: {\n paddingLeft: {\n _skip_check_: true,\n value: token.paddingLG\n }\n }\n }\n },\n [`${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n order: 1,\n [`${componentCls}-ink-bar`]: {\n left: {\n _skip_check_: true,\n value: 0\n }\n }\n },\n [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n order: 0,\n marginRight: {\n _skip_check_: true,\n value: calc(token.lineWidth).mul(-1).equal()\n },\n borderRight: {\n _skip_check_: true,\n value: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`\n },\n [`> ${componentCls}-content > ${componentCls}-tabpane`]: {\n paddingRight: {\n _skip_check_: true,\n value: token.paddingLG\n }\n }\n }\n }\n };\n};\nconst genSizeStyle = token => {\n const {\n componentCls,\n cardPaddingSM,\n cardPaddingLG,\n horizontalItemPaddingSM,\n horizontalItemPaddingLG\n } = token;\n return {\n [componentCls]: {\n '&-small': {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: horizontalItemPaddingSM,\n fontSize: token.titleFontSizeSM\n }\n }\n },\n '&-large': {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: horizontalItemPaddingLG,\n fontSize: token.titleFontSizeLG\n }\n }\n }\n },\n [`${componentCls}-card`]: {\n [`&${componentCls}-small`]: {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: cardPaddingSM\n }\n },\n [`&${componentCls}-bottom`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: `0 0 ${unit(token.borderRadius)} ${unit(token.borderRadius)}`\n }\n },\n [`&${componentCls}-top`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: `${unit(token.borderRadius)} ${unit(token.borderRadius)} 0 0`\n }\n },\n [`&${componentCls}-right`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `0 ${unit(token.borderRadius)} ${unit(token.borderRadius)} 0`\n }\n }\n },\n [`&${componentCls}-left`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `${unit(token.borderRadius)} 0 0 ${unit(token.borderRadius)}`\n }\n }\n }\n },\n [`&${componentCls}-large`]: {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: cardPaddingLG\n }\n }\n }\n }\n };\n};\nconst genTabStyle = token => {\n const {\n componentCls,\n itemActiveColor,\n itemHoverColor,\n iconCls,\n tabsHorizontalItemMargin,\n horizontalItemPadding,\n itemSelectedColor,\n itemColor\n } = token;\n const tabCls = `${componentCls}-tab`;\n return {\n [tabCls]: {\n position: 'relative',\n WebkitTouchCallout: 'none',\n WebkitTapHighlightColor: 'transparent',\n display: 'inline-flex',\n alignItems: 'center',\n padding: horizontalItemPadding,\n fontSize: token.titleFontSize,\n background: 'transparent',\n border: 0,\n outline: 'none',\n cursor: 'pointer',\n color: itemColor,\n '&-btn, &-remove': Object.assign({\n '&:focus:not(:focus-visible), &:active': {\n color: itemActiveColor\n }\n }, genFocusStyle(token)),\n '&-btn': {\n outline: 'none',\n transition: 'all 0.3s',\n [`${tabCls}-icon:not(:last-child)`]: {\n marginInlineEnd: token.marginSM\n }\n },\n '&-remove': {\n flex: 'none',\n marginRight: {\n _skip_check_: true,\n value: token.calc(token.marginXXS).mul(-1).equal()\n },\n marginLeft: {\n _skip_check_: true,\n value: token.marginXS\n },\n color: token.colorTextDescription,\n fontSize: token.fontSizeSM,\n background: 'transparent',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n '&:hover': {\n color: token.colorTextHeading\n }\n },\n '&:hover': {\n color: itemHoverColor\n },\n [`&${tabCls}-active ${tabCls}-btn`]: {\n color: itemSelectedColor,\n textShadow: token.tabsActiveTextShadow\n },\n [`&${tabCls}-disabled`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed'\n },\n [`&${tabCls}-disabled ${tabCls}-btn, &${tabCls}-disabled ${componentCls}-remove`]: {\n '&:focus, &:active': {\n color: token.colorTextDisabled\n }\n },\n [`& ${tabCls}-remove ${iconCls}`]: {\n margin: 0\n },\n [`${iconCls}:not(:last-child)`]: {\n marginRight: {\n _skip_check_: true,\n value: token.marginSM\n }\n }\n },\n [`${tabCls} + ${tabCls}`]: {\n margin: {\n _skip_check_: true,\n value: tabsHorizontalItemMargin\n }\n }\n };\n};\nconst genRtlStyle = token => {\n const {\n componentCls,\n tabsHorizontalItemMarginRTL,\n iconCls,\n cardGutter,\n calc\n } = token;\n const rtlCls = `${componentCls}-rtl`;\n return {\n [rtlCls]: {\n direction: 'rtl',\n [`${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n margin: {\n _skip_check_: true,\n value: tabsHorizontalItemMarginRTL\n },\n [`${componentCls}-tab:last-of-type`]: {\n marginLeft: {\n _skip_check_: true,\n value: 0\n }\n },\n [iconCls]: {\n marginRight: {\n _skip_check_: true,\n value: 0\n },\n marginLeft: {\n _skip_check_: true,\n value: unit(token.marginSM)\n }\n },\n [`${componentCls}-tab-remove`]: {\n marginRight: {\n _skip_check_: true,\n value: unit(token.marginXS)\n },\n marginLeft: {\n _skip_check_: true,\n value: unit(calc(token.marginXXS).mul(-1).equal())\n },\n [iconCls]: {\n margin: 0\n }\n }\n }\n },\n [`&${componentCls}-left`]: {\n [`> ${componentCls}-nav`]: {\n order: 1\n },\n [`> ${componentCls}-content-holder`]: {\n order: 0\n }\n },\n [`&${componentCls}-right`]: {\n [`> ${componentCls}-nav`]: {\n order: 0\n },\n [`> ${componentCls}-content-holder`]: {\n order: 1\n }\n },\n // ====================== Card ======================\n [`&${componentCls}-card${componentCls}-top, &${componentCls}-card${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n marginRight: {\n _skip_check_: true,\n value: cardGutter\n },\n marginLeft: {\n _skip_check_: true,\n value: 0\n }\n }\n }\n }\n },\n [`${componentCls}-dropdown-rtl`]: {\n direction: 'rtl'\n },\n [`${componentCls}-menu-item`]: {\n [`${componentCls}-dropdown-rtl`]: {\n textAlign: {\n _skip_check_: true,\n value: 'right'\n }\n }\n }\n };\n};\nconst genTabsStyle = token => {\n const {\n componentCls,\n tabsCardPadding,\n cardHeight,\n cardGutter,\n itemHoverColor,\n itemActiveColor,\n colorBorderSecondary\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'flex',\n // ========================== Navigation ==========================\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n position: 'relative',\n display: 'flex',\n flex: 'none',\n alignItems: 'center',\n [`${componentCls}-nav-wrap`]: {\n position: 'relative',\n display: 'flex',\n flex: 'auto',\n alignSelf: 'stretch',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n transform: 'translate(0)',\n // Fix chrome render bug\n // >>>>> Ping shadow\n '&::before, &::after': {\n position: 'absolute',\n zIndex: 1,\n opacity: 0,\n transition: `opacity ${token.motionDurationSlow}`,\n content: \"''\",\n pointerEvents: 'none'\n }\n },\n [`${componentCls}-nav-list`]: {\n position: 'relative',\n display: 'flex',\n transition: `opacity ${token.motionDurationSlow}`\n },\n // >>>>>>>> Operations\n [`${componentCls}-nav-operations`]: {\n display: 'flex',\n alignSelf: 'stretch'\n },\n [`${componentCls}-nav-operations-hidden`]: {\n position: 'absolute',\n visibility: 'hidden',\n pointerEvents: 'none'\n },\n [`${componentCls}-nav-more`]: {\n position: 'relative',\n padding: tabsCardPadding,\n background: 'transparent',\n border: 0,\n color: token.colorText,\n '&::after': {\n position: 'absolute',\n right: {\n _skip_check_: true,\n value: 0\n },\n bottom: 0,\n left: {\n _skip_check_: true,\n value: 0\n },\n height: token.calc(token.controlHeightLG).div(8).equal(),\n transform: 'translateY(100%)',\n content: \"''\"\n }\n },\n [`${componentCls}-nav-add`]: Object.assign({\n minWidth: cardHeight,\n minHeight: cardHeight,\n marginLeft: {\n _skip_check_: true,\n value: cardGutter\n },\n padding: `0 ${unit(token.paddingXS)}`,\n background: 'transparent',\n border: `${unit(token.lineWidth)} ${token.lineType} ${colorBorderSecondary}`,\n borderRadius: `${unit(token.borderRadiusLG)} ${unit(token.borderRadiusLG)} 0 0`,\n outline: 'none',\n cursor: 'pointer',\n color: token.colorText,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`,\n '&:hover': {\n color: itemHoverColor\n },\n '&:active, &:focus:not(:focus-visible)': {\n color: itemActiveColor\n }\n }, genFocusStyle(token))\n },\n [`${componentCls}-extra-content`]: {\n flex: 'none'\n },\n // ============================ InkBar ============================\n [`${componentCls}-ink-bar`]: {\n position: 'absolute',\n background: token.inkBarColor,\n pointerEvents: 'none'\n }\n }), genTabStyle(token)), {\n // =========================== TabPanes ===========================\n [`${componentCls}-content`]: {\n position: 'relative',\n width: '100%'\n },\n [`${componentCls}-content-holder`]: {\n flex: 'auto',\n minWidth: 0,\n minHeight: 0\n },\n [`${componentCls}-tabpane`]: {\n outline: 'none',\n '&-hidden': {\n display: 'none'\n }\n }\n }),\n [`${componentCls}-centered`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-nav-wrap`]: {\n [`&:not([class*='${componentCls}-nav-wrap-ping'])`]: {\n justifyContent: 'center'\n }\n }\n }\n }\n };\n};\nexport const prepareComponentToken = token => {\n const cardHeight = token.controlHeightLG;\n return {\n zIndexPopup: token.zIndexPopupBase + 50,\n cardBg: token.colorFillAlter,\n cardHeight,\n // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.\n cardPadding: `${(cardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth}px ${token.padding}px`,\n cardPaddingSM: `${token.paddingXXS * 1.5}px ${token.padding}px`,\n cardPaddingLG: `${token.paddingXS}px ${token.padding}px ${token.paddingXXS * 1.5}px`,\n titleFontSize: token.fontSize,\n titleFontSizeLG: token.fontSizeLG,\n titleFontSizeSM: token.fontSize,\n inkBarColor: token.colorPrimary,\n horizontalMargin: `0 0 ${token.margin}px 0`,\n horizontalItemGutter: 32,\n // Fixed Value\n // Initialize with empty string, because horizontalItemMargin will be calculated with horizontalItemGutter by default.\n horizontalItemMargin: ``,\n horizontalItemMarginRTL: ``,\n horizontalItemPadding: `${token.paddingSM}px 0`,\n horizontalItemPaddingSM: `${token.paddingXS}px 0`,\n horizontalItemPaddingLG: `${token.padding}px 0`,\n verticalItemPadding: `${token.paddingXS}px ${token.paddingLG}px`,\n verticalItemMargin: `${token.margin}px 0 0 0`,\n itemColor: token.colorText,\n itemSelectedColor: token.colorPrimary,\n itemHoverColor: token.colorPrimaryHover,\n itemActiveColor: token.colorPrimaryActive,\n cardGutter: token.marginXXS / 2\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks('Tabs', token => {\n const tabsToken = mergeToken(token, {\n // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`\n tabsCardPadding: token.cardPadding,\n dropdownEdgeChildVerticalPadding: token.paddingXXS,\n tabsActiveTextShadow: '0 0 0.25px currentcolor',\n tabsDropdownHeight: 200,\n tabsDropdownWidth: 120,\n tabsHorizontalItemMargin: `0 0 0 ${unit(token.horizontalItemGutter)}`,\n tabsHorizontalItemMarginRTL: `0 0 0 ${unit(token.horizontalItemGutter)}`\n });\n return [genSizeStyle(tabsToken), genRtlStyle(tabsToken), genPositionStyle(tabsToken), genDropdownStyle(tabsToken), genCardStyle(tabsToken), genTabsStyle(tabsToken), genMotionStyle(tabsToken)];\n}, prepareComponentToken);","const TabPane = () => null;\nif (process.env.NODE_ENV !== 'production') {\n TabPane.displayName = 'DeprecatedTabPane';\n}\nexport default TabPane;","\"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 CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nimport EllipsisOutlined from \"@ant-design/icons/es/icons/EllipsisOutlined\";\nimport PlusOutlined from \"@ant-design/icons/es/icons/PlusOutlined\";\nimport classNames from 'classnames';\nimport RcTabs from 'rc-tabs';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useSize from '../config-provider/hooks/useSize';\nimport useAnimateConfig from './hooks/useAnimateConfig';\nimport useLegacyItems from './hooks/useLegacyItems';\nimport useStyle from './style';\nimport TabPane from './TabPane';\nconst Tabs = props => {\n var _a, _b, _c, _d, _e, _f, _g;\n const {\n type,\n className,\n rootClassName,\n size: customSize,\n onEdit,\n hideAdd,\n centered,\n addIcon,\n moreIcon,\n popupClassName,\n children,\n items,\n animated,\n style,\n indicatorSize,\n indicator\n } = props,\n otherProps = __rest(props, [\"type\", \"className\", \"rootClassName\", \"size\", \"onEdit\", \"hideAdd\", \"centered\", \"addIcon\", \"moreIcon\", \"popupClassName\", \"children\", \"items\", \"animated\", \"style\", \"indicatorSize\", \"indicator\"]);\n const {\n prefixCls: customizePrefixCls\n } = otherProps;\n const {\n direction,\n tabs,\n getPrefixCls,\n getPopupContainer\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('tabs', customizePrefixCls);\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n let editable;\n if (type === 'editable-card') {\n editable = {\n onEdit: (editType, _ref) => {\n let {\n key,\n event\n } = _ref;\n onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === 'add' ? event : key, editType);\n },\n removeIcon: /*#__PURE__*/React.createElement(CloseOutlined, null),\n addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /*#__PURE__*/React.createElement(PlusOutlined, null),\n showAdd: hideAdd !== true\n };\n }\n const rootPrefixCls = getPrefixCls();\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Tabs');\n process.env.NODE_ENV !== \"production\" ? warning(!('onPrevClick' in props) && !('onNextClick' in props), 'breaking', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.') : void 0;\n process.env.NODE_ENV !== \"production\" ? warning(!(indicatorSize || (tabs === null || tabs === void 0 ? void 0 : tabs.indicatorSize)), 'deprecated', '`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.') : void 0;\n }\n const size = useSize(customSize);\n const mergedItems = useLegacyItems(items, children);\n const mergedAnimated = useAnimateConfig(prefixCls, animated);\n const mergedStyle = Object.assign(Object.assign({}, tabs === null || tabs === void 0 ? void 0 : tabs.style), style);\n const mergedIndicator = {\n align: (_a = indicator === null || indicator === void 0 ? void 0 : indicator.align) !== null && _a !== void 0 ? _a : (_b = tabs === null || tabs === void 0 ? void 0 : tabs.indicator) === null || _b === void 0 ? void 0 : _b.align,\n size: (_f = (_d = (_c = indicator === null || indicator === void 0 ? void 0 : indicator.size) !== null && _c !== void 0 ? _c : indicatorSize) !== null && _d !== void 0 ? _d : (_e = tabs === null || tabs === void 0 ? void 0 : tabs.indicator) === null || _e === void 0 ? void 0 : _e.size) !== null && _f !== void 0 ? _f : tabs === null || tabs === void 0 ? void 0 : tabs.indicatorSize\n };\n return wrapCSSVar( /*#__PURE__*/React.createElement(RcTabs, Object.assign({\n direction: direction,\n getPopupContainer: getPopupContainer,\n moreTransitionName: `${rootPrefixCls}-slide-up`\n }, otherProps, {\n items: mergedItems,\n className: classNames({\n [`${prefixCls}-${size}`]: size,\n [`${prefixCls}-card`]: ['card', 'editable-card'].includes(type),\n [`${prefixCls}-editable-card`]: type === 'editable-card',\n [`${prefixCls}-centered`]: centered\n }, tabs === null || tabs === void 0 ? void 0 : tabs.className, className, rootClassName, hashId, cssVarCls, rootCls),\n popupClassName: classNames(popupClassName, hashId, cssVarCls, rootCls),\n style: mergedStyle,\n editable: editable,\n moreIcon: (_g = moreIcon !== null && moreIcon !== void 0 ? moreIcon : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _g !== void 0 ? _g : /*#__PURE__*/React.createElement(EllipsisOutlined, null),\n prefixCls: prefixCls,\n animated: mergedAnimated,\n indicator: mergedIndicator\n })));\n};\nTabs.TabPane = TabPane;\nif (process.env.NODE_ENV !== 'production') {\n Tabs.displayName = 'Tabs';\n}\nexport default Tabs;","export default __webpack_public_path__ + \"./imgs/company_tip_icon.0cacb4.png\";","import React, { useState, useEffect } from 'react';\nimport { Tabs, Select, InputNumber, Button } from 'antd';\nimport { useTranslation } from \"react-i18next\";\nimport companyTipIcon from '@/assets/img/home/company_tip_icon.png';\nimport Styles from './index.less';\nconst NumInput = (props) => {\n const { min = 0, max = 5, defaultValue = 0, onChange } = props;\n const [curValue, setCurValue] = useState(defaultValue);\n \n useEffect(() => {\n setCurValue(defaultValue);\n }, [defaultValue])\n\n const handleMinus = () => {\n if(curValue > min && curValue <= max) {\n onChange(curValue - 1);\n setCurValue(v => v - 1)\n }\n }\n const handleAdd = () => {\n if(curValue >= min && curValue < max) {\n onChange(curValue + 1);\n setCurValue(v => v + 1);\n }\n }\n const handleChange = (v) => {\n setCurValue(v ?? min);\n onChange(v ?? min);\n }\n\n return (\n \n {logo}\n
}\n {label&&\n {label}\n
}\n {desc&&\n {desc}\n
}\n {content&&\n {content}\n
}\n {userInfo&&\n {/* {langSwitch&&
} */}\n {userInfo}\n
}\n\n \n 
\n EN\n
}\n {cancelIcon&&\n {\n max !== 1 && \n }\n
\n );\n}\n\n/*\n value是受保人人數相關信息 一個對象\n {\n insuredType: 'individual', // 類型個人 公司\n adults: 1, // 成人數量\n elderly: 0, // 長者數量\n children: 0 // 全年 公司沒有小童選項\n }\n*/\n\nconst InsuredTypeSelect = ({ value = {}, onChange, curType, clientType, isSCodeHolder }) => {\n const { t } = useTranslation();\n const { insuredType, adults, elderly, children } = value;\n const [curInsuredType, setCurInsuredType] = useState('individual');\n const [curAdults, setCurAdults] = useState(1);\n const [curElderly, setCurElderly] = useState(0);\n const [curChildren, setChildren] = useState(0);\n const [open, setOpen] = useState(false);\n const [sumError, setSumError] = useState();\n\n useEffect(() => {\n setCurInsuredType(insuredType ?? 'individual');\n setCurAdults(adults ?? 0);\n setCurElderly(elderly ?? 0);\n setChildren(children ?? 0);\n setSumError();\n }, [value])\n\n const handleInsuredTypeChange = (key) => {\n if(key === insuredType) {\n setCurAdults(adults ? adults : 1);\n setCurElderly(elderly ? elderly : 0);\n setChildren(children ? children : 0);\n } else {\n setCurAdults(1);\n setCurElderly(0);\n setChildren(0);\n }\n setCurInsuredType(key);\n }\n\n const handleAdultsChange = (num) => {\n setCurAdults(num);\n }\n\n const handleElderlyChange = (num) => {\n setCurElderly(num);\n }\n\n const handleChildrenChange = (num) => {\n setChildren(num);\n }\n\n const handleConfirm = () => {\n if((curAdults + curElderly + curChildren) < 1) {\n setSumError('home.InsuredTypeSelect.belowTips');\n return;\n } else if((curAdults + curElderly + curChildren) > 30) {\n setSumError('home.InsuredTypeSelect.exceedTips');\n return;\n }\n onChange({\n insuredType: curInsuredType,\n adults: curAdults,\n elderly: curElderly,\n children: curChildren,\n });\n setOpen(false);\n }\n\n const getSelectShowText = () => {\n let text1 = '';\n if(insuredType === 'individual') {\n text1 = t(\"home.InsuredTypeSelect.individualNumLabel\");\n } else if(insuredType === 'company') {\n text1 = t(\"home.InsuredTypeSelect.companyNumLabel\");\n }\n let text2 = '';\n if(adults) {\n text2 = t(\"home.InsuredTypeSelect.adultsNumber\", {peopleNumber: adults});\n }\n if(elderly) {\n text2 = `${text2 ? `${text2},` : ''}` + t(\"home.InsuredTypeSelect.elderlyNumber\", {peopleNumber: elderly});\n }\n if(children) {\n text2 = `${text2 ? `${text2},` : ''}` + t(\"home.InsuredTypeSelect.childrenNumber\", {peopleNumber: children});\n }\n return text1 + text2;\n }\n\n const insuredTypeTabContent = (\n \n
\n )\n\n const insuredTypeItems = [\n clientType === 'C' ? null : {\n key: 'individual',\n label: t(\"home.InsuredTypeSelect.individual\"),\n children: insuredTypeTabContent,\n },\n isSCodeHolder ? null : {\n key: 'company',\n label: t(\"home.InsuredTypeSelect.company\"),\n children: insuredTypeTabContent,\n },\n ].filter(Boolean);\n\n return (\n \n
\n \n {t(\"home.InsuredTypeSelect.adults\")}\n {t(\"home.InsuredTypeSelect.adultsTips\")}\n
\n \n
\n {\n !(curType === 'AAT' && curInsuredType === 'company') && (\n \n {t(\"home.InsuredTypeSelect.elderly\")}\n {curType === 'AAT' ? t(\"home.InsuredTypeSelect.elderlyTipsAnnual\") : t(\"home.InsuredTypeSelect.elderlyTipsSingle\")}\n
\n \n
\n )\n }\n {\n (curType === 'AAT'&& curInsuredType === 'company') && (\n \n {t(\"home.InsuredTypeSelect.children\")}\n {t(\"home.InsuredTypeSelect.childrenTips\")}\n
\n \n 
\n {t(\"home.InsuredTypeSelect.groupDiscountTips\")}\n
\n )\n }\n {\n sumError && {t(sumError)}
\n }\n \n \n (\n
\n );\n};\n \n export default InsuredTypeSelect;","\"use client\";\n\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport { FormItemInputContext } from '../form/context';\nimport useStyle from './style';\nconst Group = props => {\n const {\n getPrefixCls,\n direction\n } = useContext(ConfigContext);\n const {\n prefixCls: customizePrefixCls,\n className\n } = props;\n const prefixCls = getPrefixCls('input-group', customizePrefixCls);\n const inputPrefixCls = getPrefixCls('input');\n const [wrapCSSVar, hashId] = useStyle(inputPrefixCls);\n const cls = classNames(prefixCls, {\n [`${prefixCls}-lg`]: props.size === 'large',\n [`${prefixCls}-sm`]: props.size === 'small',\n [`${prefixCls}-compact`]: props.compact,\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, hashId, className);\n const formItemContext = useContext(FormItemInputContext);\n const groupFormItemContext = useMemo(() => Object.assign(Object.assign({}, formItemContext), {\n isFormItemInput: false\n }), [formItemContext]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Input.Group');\n warning.deprecated(false, 'Input.Group', 'Space.Compact');\n }\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"span\", {\n className: cls,\n style: props.style,\n onMouseEnter: props.onMouseEnter,\n onMouseLeave: props.onMouseLeave,\n onFocus: props.onFocus,\n onBlur: props.onBlur\n }, /*#__PURE__*/React.createElement(FormItemInputContext.Provider, {\n value: groupFormItemContext\n }, props.children)));\n};\nexport default Group;","import { useEffect, useRef } from 'react';\nexport default function useRemovePasswordTimeout(inputRef, triggerOnMount) {\n const removePasswordTimeoutRef = useRef([]);\n const removePasswordTimeout = () => {\n removePasswordTimeoutRef.current.push(setTimeout(() => {\n var _a, _b, _c, _d;\n if (((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) && ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.input.getAttribute('type')) === 'password' && ((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.input.hasAttribute('value'))) {\n (_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.input.removeAttribute('value');\n }\n }));\n };\n useEffect(() => {\n if (triggerOnMount) {\n removePasswordTimeout();\n }\n return () => removePasswordTimeoutRef.current.forEach(timer => {\n if (timer) {\n clearTimeout(timer);\n }\n });\n }, []);\n return removePasswordTimeout;\n}","\"use client\";\n\nimport React from 'react';\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nconst getAllowClear = allowClear => {\n let mergedAllowClear;\n if (typeof allowClear === 'object' && (allowClear === null || allowClear === void 0 ? void 0 : allowClear.clearIcon)) {\n mergedAllowClear = allowClear;\n } else if (allowClear) {\n mergedAllowClear = {\n clearIcon: /*#__PURE__*/React.createElement(CloseCircleFilled, null)\n };\n }\n return mergedAllowClear;\n};\nexport default getAllowClear;","\"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, useContext, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport RcInput from 'rc-input';\nimport { composeRef } from \"rc-util/es/ref\";\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext, NoFormStyle } from '../form/context';\nimport { NoCompactStyle, useCompactItemContext } from '../space/Compact';\nimport useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';\nimport useStyle from './style';\nimport { hasPrefixSuffix } from './utils';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useVariant from '../form/hooks/useVariants';\nimport getAllowClear from '../_util/getAllowClear';\nexport function triggerFocus(element, option) {\n if (!element) {\n return;\n }\n element.focus(option);\n // Selection content\n const {\n cursor\n } = option || {};\n if (cursor) {\n const len = element.value.length;\n switch (cursor) {\n case 'start':\n element.setSelectionRange(0, 0);\n break;\n case 'end':\n element.setSelectionRange(len, len);\n break;\n default:\n element.setSelectionRange(0, len);\n break;\n }\n }\n}\nconst Input = /*#__PURE__*/forwardRef((props, ref) => {\n var _a;\n const {\n prefixCls: customizePrefixCls,\n bordered = true,\n status: customStatus,\n size: customSize,\n disabled: customDisabled,\n onBlur,\n onFocus,\n suffix,\n allowClear,\n addonAfter,\n addonBefore,\n className,\n style,\n styles,\n rootClassName,\n onChange,\n classNames: classes,\n variant: customVariant\n } = props,\n rest = __rest(props, [\"prefixCls\", \"bordered\", \"status\", \"size\", \"disabled\", \"onBlur\", \"onFocus\", \"suffix\", \"allowClear\", \"addonAfter\", \"addonBefore\", \"className\", \"style\", \"styles\", \"rootClassName\", \"onChange\", \"classNames\", \"variant\"]);\n if (process.env.NODE_ENV !== 'production') {\n const {\n deprecated\n } = devUseWarning('Input');\n deprecated(!('bordered' in props), 'bordered', 'variant');\n }\n const {\n getPrefixCls,\n direction,\n input\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('input', customizePrefixCls);\n const inputRef = useRef(null);\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n // ===================== Compact Item =====================\n const {\n compactSize,\n compactItemClassnames\n } = useCompactItemContext(prefixCls, direction);\n // ===================== Size =====================\n const mergedSize = useSize(ctx => {\n var _a;\n return (_a = customSize !== null && customSize !== void 0 ? customSize : compactSize) !== null && _a !== void 0 ? _a : ctx;\n });\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n // ===================== Status =====================\n const {\n status: contextStatus,\n hasFeedback,\n feedbackIcon\n } = useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(contextStatus, customStatus);\n // ===================== Focus warning =====================\n const inputHasPrefixSuffix = hasPrefixSuffix(props) || !!hasFeedback;\n const prevHasPrefixSuffix = useRef(inputHasPrefixSuffix);\n /* eslint-disable react-hooks/rules-of-hooks */\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Input');\n useEffect(() => {\n var _a;\n if (inputHasPrefixSuffix && !prevHasPrefixSuffix.current) {\n process.env.NODE_ENV !== \"production\" ? warning(document.activeElement === ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input), 'usage', `When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ`) : void 0;\n }\n prevHasPrefixSuffix.current = inputHasPrefixSuffix;\n }, [inputHasPrefixSuffix]);\n }\n /* eslint-enable */\n // ===================== Remove Password value =====================\n const removePasswordTimeout = useRemovePasswordTimeout(inputRef, true);\n const handleBlur = e => {\n removePasswordTimeout();\n onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);\n };\n const handleFocus = e => {\n removePasswordTimeout();\n onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);\n };\n const handleChange = e => {\n removePasswordTimeout();\n onChange === null || onChange === void 0 ? void 0 : onChange(e);\n };\n const suffixNode = (hasFeedback || suffix) && ( /*#__PURE__*/React.createElement(React.Fragment, null, suffix, hasFeedback && feedbackIcon));\n const mergedAllowClear = getAllowClear(allowClear);\n const [variant, enableVariantCls] = useVariant(customVariant, bordered);\n return wrapCSSVar( /*#__PURE__*/React.createElement(RcInput, Object.assign({\n ref: composeRef(ref, inputRef),\n prefixCls: prefixCls,\n autoComplete: input === null || input === void 0 ? void 0 : input.autoComplete\n }, rest, {\n disabled: mergedDisabled,\n onBlur: handleBlur,\n onFocus: handleFocus,\n style: Object.assign(Object.assign({}, input === null || input === void 0 ? void 0 : input.style), style),\n styles: Object.assign(Object.assign({}, input === null || input === void 0 ? void 0 : input.styles), styles),\n suffix: suffixNode,\n allowClear: mergedAllowClear,\n className: classNames(className, rootClassName, cssVarCls, rootCls, compactItemClassnames, input === null || input === void 0 ? void 0 : input.className),\n onChange: handleChange,\n addonAfter: addonAfter && ( /*#__PURE__*/React.createElement(NoCompactStyle, null, /*#__PURE__*/React.createElement(NoFormStyle, {\n override: true,\n status: true\n }, addonAfter))),\n addonBefore: addonBefore && ( /*#__PURE__*/React.createElement(NoCompactStyle, null, /*#__PURE__*/React.createElement(NoFormStyle, {\n override: true,\n status: true\n }, addonBefore))),\n classNames: Object.assign(Object.assign(Object.assign({}, classes), input === null || input === void 0 ? void 0 : input.classNames), {\n input: classNames({\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large',\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, classes === null || classes === void 0 ? void 0 : classes.input, (_a = input === null || input === void 0 ? void 0 : input.classNames) === null || _a === void 0 ? void 0 : _a.input, hashId),\n variant: classNames({\n [`${prefixCls}-${variant}`]: enableVariantCls\n }, getStatusClassNames(prefixCls, mergedStatus)),\n affixWrapper: classNames({\n [`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl'\n }, hashId),\n wrapper: classNames({\n [`${prefixCls}-group-rtl`]: direction === 'rtl'\n }, hashId),\n groupWrapper: classNames({\n [`${prefixCls}-group-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-group-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-group-wrapper-rtl`]: direction === 'rtl',\n [`${prefixCls}-group-wrapper-${variant}`]: enableVariantCls\n }, getStatusClassNames(`${prefixCls}-group-wrapper`, mergedStatus, hasFeedback), hashId)\n })\n })));\n});\nexport default Input;","// eslint-disable-next-line import/prefer-default-export\nexport function hasPrefixSuffix(props) {\n return !!(props.prefix || props.suffix || props.allowClear || props.showCount);\n}","// This icon file is generated automatically.\nvar EyeInvisibleOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z\" } }] }, \"name\": \"eye-invisible\", \"theme\": \"outlined\" };\nexport default EyeInvisibleOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport EyeInvisibleOutlinedSvg from \"@ant-design/icons-svg/es/asn/EyeInvisibleOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar EyeInvisibleOutlined = function EyeInvisibleOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: EyeInvisibleOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n EyeInvisibleOutlined.displayName = 'EyeInvisibleOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(EyeInvisibleOutlined);","// This icon file is generated automatically.\nvar EyeOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z\" } }] }, \"name\": \"eye\", \"theme\": \"outlined\" };\nexport default EyeOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport EyeOutlinedSvg from \"@ant-design/icons-svg/es/asn/EyeOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar EyeOutlined = function EyeOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: EyeOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n EyeOutlined.displayName = 'EyeOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(EyeOutlined);","\"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 { useRef, useState } from 'react';\nimport EyeInvisibleOutlined from \"@ant-design/icons/es/icons/EyeInvisibleOutlined\";\nimport EyeOutlined from \"@ant-design/icons/es/icons/EyeOutlined\";\nimport classNames from 'classnames';\nimport omit from \"rc-util/es/omit\";\nimport { composeRef } from \"rc-util/es/ref\";\nimport { ConfigContext } from '../config-provider';\nimport useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';\nimport Input from './Input';\nconst defaultIconRender = visible => visible ? /*#__PURE__*/React.createElement(EyeOutlined, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);\nconst actionMap = {\n click: 'onClick',\n hover: 'onMouseOver'\n};\nconst Password = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n visibilityToggle = true\n } = props;\n const visibilityControlled = typeof visibilityToggle === 'object' && visibilityToggle.visible !== undefined;\n const [visible, setVisible] = useState(() => visibilityControlled ? visibilityToggle.visible : false);\n const inputRef = useRef(null);\n React.useEffect(() => {\n if (visibilityControlled) {\n setVisible(visibilityToggle.visible);\n }\n }, [visibilityControlled, visibilityToggle]);\n // Remove Password value\n const removePasswordTimeout = useRemovePasswordTimeout(inputRef);\n const onVisibleChange = () => {\n const {\n disabled\n } = props;\n if (disabled) {\n return;\n }\n if (visible) {\n removePasswordTimeout();\n }\n setVisible(prevState => {\n var _a;\n const newState = !prevState;\n if (typeof visibilityToggle === 'object') {\n (_a = visibilityToggle.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(visibilityToggle, newState);\n }\n return newState;\n });\n };\n const getIcon = prefixCls => {\n const {\n action = 'click',\n iconRender = defaultIconRender\n } = props;\n const iconTrigger = actionMap[action] || '';\n const icon = iconRender(visible);\n const iconProps = {\n [iconTrigger]: onVisibleChange,\n className: `${prefixCls}-icon`,\n key: 'passwordIcon',\n onMouseDown: e => {\n // Prevent focused state lost\n // https://github.com/ant-design/ant-design/issues/15173\n e.preventDefault();\n },\n onMouseUp: e => {\n // Prevent caret position change\n // https://github.com/ant-design/ant-design/issues/23524\n e.preventDefault();\n }\n };\n return /*#__PURE__*/React.cloneElement( /*#__PURE__*/React.isValidElement(icon) ? icon : /*#__PURE__*/React.createElement(\"span\", null, icon), iconProps);\n };\n const {\n className,\n prefixCls: customizePrefixCls,\n inputPrefixCls: customizeInputPrefixCls,\n size\n } = props,\n restProps = __rest(props, [\"className\", \"prefixCls\", \"inputPrefixCls\", \"size\"]);\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n const prefixCls = getPrefixCls('input-password', customizePrefixCls);\n const suffixIcon = visibilityToggle && getIcon(prefixCls);\n const inputClassName = classNames(prefixCls, className, {\n [`${prefixCls}-${size}`]: !!size\n });\n const omittedProps = Object.assign(Object.assign({}, omit(restProps, ['suffix', 'iconRender', 'visibilityToggle'])), {\n type: visible ? 'text' : 'password',\n className: inputClassName,\n prefixCls: inputPrefixCls,\n suffix: suffixIcon\n });\n if (size) {\n omittedProps.size = size;\n }\n return /*#__PURE__*/React.createElement(Input, Object.assign({\n ref: composeRef(ref, inputRef)\n }, omittedProps));\n});\nif (process.env.NODE_ENV !== 'production') {\n Password.displayName = 'Input.Password';\n}\nexport default Password;","\"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 SearchOutlined from \"@ant-design/icons/es/icons/SearchOutlined\";\nimport classNames from 'classnames';\nimport { composeRef } from \"rc-util/es/ref\";\nimport { cloneElement } from '../_util/reactNode';\nimport Button from '../button';\nimport { ConfigContext } from '../config-provider';\nimport useSize from '../config-provider/hooks/useSize';\nimport { useCompactItemContext } from '../space/Compact';\nimport Input from './Input';\nconst Search = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls: customizePrefixCls,\n inputPrefixCls: customizeInputPrefixCls,\n className,\n size: customizeSize,\n suffix,\n enterButton = false,\n addonAfter,\n loading,\n disabled,\n onSearch: customOnSearch,\n onChange: customOnChange,\n onCompositionStart,\n onCompositionEnd\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"inputPrefixCls\", \"className\", \"size\", \"suffix\", \"enterButton\", \"addonAfter\", \"loading\", \"disabled\", \"onSearch\", \"onChange\", \"onCompositionStart\", \"onCompositionEnd\"]);\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const composedRef = React.useRef(false);\n const prefixCls = getPrefixCls('input-search', customizePrefixCls);\n const inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);\n const {\n compactSize\n } = useCompactItemContext(prefixCls, direction);\n const size = useSize(ctx => {\n var _a;\n return (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _a !== void 0 ? _a : ctx;\n });\n const inputRef = React.useRef(null);\n const onChange = e => {\n if (e && e.target && e.type === 'click' && customOnSearch) {\n customOnSearch(e.target.value, e, {\n source: 'clear'\n });\n }\n if (customOnChange) {\n customOnChange(e);\n }\n };\n const onMouseDown = e => {\n var _a;\n if (document.activeElement === ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input)) {\n e.preventDefault();\n }\n };\n const onSearch = e => {\n var _a, _b;\n if (customOnSearch) {\n customOnSearch((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.value, e, {\n source: 'input'\n });\n }\n };\n const onPressEnter = e => {\n if (composedRef.current || loading) {\n return;\n }\n onSearch(e);\n };\n const searchIcon = typeof enterButton === 'boolean' ? /*#__PURE__*/React.createElement(SearchOutlined, null) : null;\n const btnClassName = `${prefixCls}-button`;\n let button;\n const enterButtonAsElement = enterButton || {};\n const isAntdButton = enterButtonAsElement.type && enterButtonAsElement.type.__ANT_BUTTON === true;\n if (isAntdButton || enterButtonAsElement.type === 'button') {\n button = cloneElement(enterButtonAsElement, Object.assign({\n onMouseDown,\n onClick: e => {\n var _a, _b;\n (_b = (_a = enterButtonAsElement === null || enterButtonAsElement === void 0 ? void 0 : enterButtonAsElement.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);\n onSearch(e);\n },\n key: 'enterButton'\n }, isAntdButton ? {\n className: btnClassName,\n size\n } : {}));\n } else {\n button = /*#__PURE__*/React.createElement(Button, {\n className: btnClassName,\n type: enterButton ? 'primary' : undefined,\n size: size,\n disabled: disabled,\n key: \"enterButton\",\n onMouseDown: onMouseDown,\n onClick: onSearch,\n loading: loading,\n icon: searchIcon\n }, enterButton);\n }\n if (addonAfter) {\n button = [button, cloneElement(addonAfter, {\n key: 'addonAfter'\n })];\n }\n const cls = classNames(prefixCls, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-${size}`]: !!size,\n [`${prefixCls}-with-button`]: !!enterButton\n }, className);\n const handleOnCompositionStart = e => {\n composedRef.current = true;\n onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);\n };\n const handleOnCompositionEnd = e => {\n composedRef.current = false;\n onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);\n };\n return /*#__PURE__*/React.createElement(Input, Object.assign({\n ref: composeRef(inputRef, ref),\n onPressEnter: onPressEnter\n }, restProps, {\n size: size,\n onCompositionStart: handleOnCompositionStart,\n onCompositionEnd: handleOnCompositionEnd,\n prefixCls: inputPrefixCls,\n addonAfter: button,\n suffix: suffix,\n onChange: onChange,\n className: cls,\n disabled: disabled\n }));\n});\nif (process.env.NODE_ENV !== 'production') {\n Search.displayName = 'Search';\n}\nexport default Search;","\"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 { forwardRef } from 'react';\nimport CloseCircleFilled from \"@ant-design/icons/es/icons/CloseCircleFilled\";\nimport classNames from 'classnames';\nimport RcTextArea from 'rc-textarea';\nimport { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport useSize from '../config-provider/hooks/useSize';\nimport { FormItemInputContext } from '../form/context';\nimport { triggerFocus } from './Input';\nimport useStyle from './style';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nimport useVariant from '../form/hooks/useVariants';\nimport { devUseWarning } from '../_util/warning';\nconst TextArea = /*#__PURE__*/forwardRef((props, ref) => {\n var _a;\n const {\n prefixCls: customizePrefixCls,\n bordered = true,\n size: customizeSize,\n disabled: customDisabled,\n status: customStatus,\n allowClear,\n classNames: classes,\n rootClassName,\n className,\n variant: customVariant\n } = props,\n rest = __rest(props, [\"prefixCls\", \"bordered\", \"size\", \"disabled\", \"status\", \"allowClear\", \"classNames\", \"rootClassName\", \"className\", \"variant\"]);\n if (process.env.NODE_ENV !== 'production') {\n const {\n deprecated\n } = devUseWarning('TextArea');\n deprecated(!('bordered' in props), 'bordered', 'variant');\n }\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n // ===================== Size =====================\n const mergedSize = useSize(customizeSize);\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;\n // ===================== Status =====================\n const {\n status: contextStatus,\n hasFeedback,\n feedbackIcon\n } = React.useContext(FormItemInputContext);\n const mergedStatus = getMergedStatus(contextStatus, customStatus);\n // ===================== Ref =====================\n const innerRef = React.useRef(null);\n React.useImperativeHandle(ref, () => {\n var _a;\n return {\n resizableTextArea: (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.resizableTextArea,\n focus: option => {\n var _a, _b;\n triggerFocus((_b = (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.resizableTextArea) === null || _b === void 0 ? void 0 : _b.textArea, option);\n },\n blur: () => {\n var _a;\n return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();\n }\n };\n });\n const prefixCls = getPrefixCls('input', customizePrefixCls);\n // Allow clear\n let mergedAllowClear;\n if (typeof allowClear === 'object' && (allowClear === null || allowClear === void 0 ? void 0 : allowClear.clearIcon)) {\n mergedAllowClear = allowClear;\n } else if (allowClear) {\n mergedAllowClear = {\n clearIcon: /*#__PURE__*/React.createElement(CloseCircleFilled, null)\n };\n }\n // ===================== Style =====================\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n const [variant, enableVariantCls] = useVariant(customVariant, bordered);\n return wrapCSSVar( /*#__PURE__*/React.createElement(RcTextArea, Object.assign({}, rest, {\n disabled: mergedDisabled,\n allowClear: mergedAllowClear,\n className: classNames(cssVarCls, rootCls, className, rootClassName),\n classNames: Object.assign(Object.assign({}, classes), {\n textarea: classNames({\n [`${prefixCls}-sm`]: mergedSize === 'small',\n [`${prefixCls}-lg`]: mergedSize === 'large'\n }, hashId, classes === null || classes === void 0 ? void 0 : classes.textarea),\n variant: classNames({\n [`${prefixCls}-${variant}`]: enableVariantCls\n }, getStatusClassNames(prefixCls, mergedStatus)),\n affixWrapper: classNames(`${prefixCls}-textarea-affix-wrapper`, {\n [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',\n [`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',\n [`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',\n [`${prefixCls}-textarea-show-count`]: props.showCount || ((_a = props.count) === null || _a === void 0 ? void 0 : _a.show)\n }, hashId)\n }),\n prefixCls: prefixCls,\n suffix: hasFeedback && /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-textarea-suffix`\n }, feedbackIcon),\n ref: innerRef\n })));\n});\nexport default TextArea;","\"use client\";\n\nimport Group from './Group';\nimport InternalInput from './Input';\nimport Password from './Password';\nimport Search from './Search';\nimport TextArea from './TextArea';\nconst Input = InternalInput;\nif (process.env.NODE_ENV !== 'production') {\n Input.displayName = 'Input';\n}\nInput.Group = Group;\nInput.Search = Search;\nInput.TextArea = TextArea;\nInput.Password = Password;\nexport default Input;","export default __webpack_public_path__ + \"./imgs/fileIcon.fde826.png\";","\nimport React, { useState, useEffect } from 'react'\nimport CustomModal from '@/components/customModal/index';\nimport { Modal, Form, Input, Radio, DatePicker, Select, Button, Row, Col, Collapse } from 'antd';\nimport Styles from './index.less';\nimport { useTranslation } from \"react-i18next\";\nimport fileIcon from '@/assets/img/fileIcon.png';\nimport { useNavigate } from 'react-router-dom';\nimport { getCurLang } from '@/utils'\n\nconst TempSave = ({ modalOpen, modalSavedOpen, setModalOpen, setModalSavedOpen, saveMethod, initialFileName, appNumber }) => {\n // console.log(initialFileName, 'initialFileName')\n const navigate = useNavigate();\n const { t } = useTranslation();\n const [formSave] = Form.useForm();\n const [valueInput, setValueInput] = useState('');\n const [disableStatus, setDisableStatus] = useState(true);\n\n const handleInputChange = (e) => {\n // console.log(e.target.value, 'e')\n setValueInput(e.target.value)\n };\n \n return (\n <>\n \n \n {\n const regex = /^[^\\u4e00-\\u9fa5]*$/; // 正则表达式匹配非中文字符\n if (!regex.test(value)) {\n setDisableStatus(false)\n return Promise.reject(t(\"quote.enterEnglish\"));\n }\n setDisableStatus(true)\n return Promise.resolve();\n },\n },]}\n // extra='* 請輸入英文名稱'\n >\n \n \n \n
\n }\n onCancelIconClick={() => { setModalOpen(false) }}\n />\n {t(\"quote.customer\")}
\n \n 
\n
\n \n }\n onCancelIconClick={() => { setModalSavedOpen(false) }}\n />\n\n \n )\n}\n\nexport default TempSave","import * as React from 'react';\nconst RadioGroupContext = /*#__PURE__*/React.createContext(null);\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\nexport default RadioGroupContext;\nexport const RadioOptionTypeContext = /*#__PURE__*/React.createContext(null);\nexport const RadioOptionTypeContextProvider = RadioOptionTypeContext.Provider;","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 _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"className\", \"style\", \"checked\", \"disabled\", \"defaultChecked\", \"type\", \"title\", \"onChange\"];\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport * as React from 'react';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nexport var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {\n var _classNames;\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-checkbox' : _props$prefixCls,\n className = props.className,\n style = props.style,\n checked = props.checked,\n disabled = props.disabled,\n _props$defaultChecked = props.defaultChecked,\n defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,\n _props$type = props.type,\n type = _props$type === void 0 ? 'checkbox' : _props$type,\n title = props.title,\n onChange = props.onChange,\n inputProps = _objectWithoutProperties(props, _excluded);\n var inputRef = useRef(null);\n var _useMergedState = useMergedState(defaultChecked, {\n value: checked\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n rawValue = _useMergedState2[0],\n setRawValue = _useMergedState2[1];\n useImperativeHandle(ref, function () {\n return {\n focus: function focus() {\n var _inputRef$current;\n (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();\n },\n blur: function blur() {\n var _inputRef$current2;\n (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();\n },\n input: inputRef.current\n };\n });\n var classString = classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-checked\"), rawValue), _defineProperty(_classNames, \"\".concat(prefixCls, \"-disabled\"), disabled), _classNames));\n var handleChange = function handleChange(e) {\n if (disabled) {\n return;\n }\n if (!('checked' in props)) {\n setRawValue(e.target.checked);\n }\n onChange === null || onChange === void 0 ? void 0 : onChange({\n target: _objectSpread(_objectSpread({}, props), {}, {\n type: type,\n checked: e.target.checked\n }),\n stopPropagation: function stopPropagation() {\n e.stopPropagation();\n },\n preventDefault: function preventDefault() {\n e.preventDefault();\n },\n nativeEvent: e.nativeEvent\n });\n };\n return /*#__PURE__*/React.createElement(\"span\", {\n className: classString,\n title: title,\n style: style\n }, /*#__PURE__*/React.createElement(\"input\", _extends({}, inputProps, {\n className: \"\".concat(prefixCls, \"-input\"),\n ref: inputRef,\n onChange: handleChange,\n disabled: disabled,\n checked: !!rawValue,\n type: type\n })), /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-inner\")\n }));\n});\nexport default Checkbox;","import { unit } from '@ant-design/cssinjs';\nimport { genFocusOutline, resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\n// ============================== Styles ==============================\n// styles from RadioGroup only\nconst getGroupRadioStyle = token => {\n const {\n componentCls,\n antCls\n } = token;\n const groupPrefixCls = `${componentCls}-group`;\n return {\n [groupPrefixCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'inline-block',\n fontSize: 0,\n // RTL\n [`&${groupPrefixCls}-rtl`]: {\n direction: 'rtl'\n },\n [`${antCls}-badge ${antCls}-badge-count`]: {\n zIndex: 1\n },\n [`> ${antCls}-badge:not(:first-child) > ${antCls}-button-wrapper`]: {\n borderInlineStart: 'none'\n }\n })\n };\n};\n// Styles from radio-wrapper\nconst getRadioBasicStyle = token => {\n const {\n componentCls,\n wrapperMarginInlineEnd,\n colorPrimary,\n radioSize,\n motionDurationSlow,\n motionDurationMid,\n motionEaseInOutCirc,\n colorBgContainer,\n colorBorder,\n lineWidth,\n colorBgContainerDisabled,\n colorTextDisabled,\n paddingXS,\n dotColorDisabled,\n lineType,\n radioColor,\n radioBgColor,\n calc\n } = token;\n const radioInnerPrefixCls = `${componentCls}-inner`;\n const dotPadding = 4;\n const radioDotDisabledSize = calc(radioSize).sub(calc(dotPadding).mul(2));\n const radioSizeCalc = calc(1).mul(radioSize).equal();\n return {\n [`${componentCls}-wrapper`]: Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'inline-flex',\n alignItems: 'baseline',\n marginInlineStart: 0,\n marginInlineEnd: wrapperMarginInlineEnd,\n cursor: 'pointer',\n // RTL\n [`&${componentCls}-wrapper-rtl`]: {\n direction: 'rtl'\n },\n '&-disabled': {\n cursor: 'not-allowed',\n color: token.colorTextDisabled\n },\n '&::after': {\n display: 'inline-block',\n width: 0,\n overflow: 'hidden',\n content: '\"\\\\a0\"'\n },\n // hashId 在 wrapper 上，只能铺平\n [`${componentCls}-checked::after`]: {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n width: '100%',\n height: '100%',\n border: `${unit(lineWidth)} ${lineType} ${colorPrimary}`,\n borderRadius: '50%',\n visibility: 'hidden',\n content: '\"\"'\n },\n [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'relative',\n display: 'inline-block',\n outline: 'none',\n cursor: 'pointer',\n alignSelf: 'center',\n borderRadius: '50%'\n }),\n [`${componentCls}-wrapper:hover &,\n &:hover ${radioInnerPrefixCls}`]: {\n borderColor: colorPrimary\n },\n [`${componentCls}-input:focus-visible + ${radioInnerPrefixCls}`]: Object.assign({}, genFocusOutline(token)),\n [`${componentCls}:hover::after, ${componentCls}-wrapper:hover &::after`]: {\n visibility: 'visible'\n },\n [`${componentCls}-inner`]: {\n '&::after': {\n boxSizing: 'border-box',\n position: 'absolute',\n insetBlockStart: '50%',\n insetInlineStart: '50%',\n display: 'block',\n width: radioSizeCalc,\n height: radioSizeCalc,\n marginBlockStart: calc(1).mul(radioSize).div(-2).equal(),\n marginInlineStart: calc(1).mul(radioSize).div(-2).equal(),\n backgroundColor: radioColor,\n borderBlockStart: 0,\n borderInlineStart: 0,\n borderRadius: radioSizeCalc,\n transform: 'scale(0)',\n opacity: 0,\n transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`,\n content: '\"\"'\n },\n boxSizing: 'border-box',\n position: 'relative',\n insetBlockStart: 0,\n insetInlineStart: 0,\n display: 'block',\n width: radioSizeCalc,\n height: radioSizeCalc,\n backgroundColor: colorBgContainer,\n borderColor: colorBorder,\n borderStyle: 'solid',\n borderWidth: lineWidth,\n borderRadius: '50%',\n transition: `all ${motionDurationMid}`\n },\n [`${componentCls}-input`]: {\n position: 'absolute',\n inset: 0,\n zIndex: 1,\n cursor: 'pointer',\n opacity: 0\n },\n // 选中状态\n [`${componentCls}-checked`]: {\n [radioInnerPrefixCls]: {\n borderColor: colorPrimary,\n backgroundColor: radioBgColor,\n '&::after': {\n transform: `scale(${token.calc(token.dotSize).div(radioSize).equal()})`,\n opacity: 1,\n transition: `all ${motionDurationSlow} ${motionEaseInOutCirc}`\n }\n }\n },\n [`${componentCls}-disabled`]: {\n cursor: 'not-allowed',\n [radioInnerPrefixCls]: {\n backgroundColor: colorBgContainerDisabled,\n borderColor: colorBorder,\n cursor: 'not-allowed',\n '&::after': {\n backgroundColor: dotColorDisabled\n }\n },\n [`${componentCls}-input`]: {\n cursor: 'not-allowed'\n },\n [`${componentCls}-disabled + span`]: {\n color: colorTextDisabled,\n cursor: 'not-allowed'\n },\n [`&${componentCls}-checked`]: {\n [radioInnerPrefixCls]: {\n '&::after': {\n transform: `scale(${calc(radioDotDisabledSize).div(radioSize).equal({\n unit: false\n })})`\n }\n }\n }\n },\n [`span${componentCls} + *`]: {\n paddingInlineStart: paddingXS,\n paddingInlineEnd: paddingXS\n }\n })\n };\n};\n// Styles from radio-button\nconst getRadioButtonStyle = token => {\n const {\n buttonColor,\n controlHeight,\n componentCls,\n lineWidth,\n lineType,\n colorBorder,\n motionDurationSlow,\n motionDurationMid,\n buttonPaddingInline,\n fontSize,\n buttonBg,\n fontSizeLG,\n controlHeightLG,\n controlHeightSM,\n paddingXS,\n borderRadius,\n borderRadiusSM,\n borderRadiusLG,\n buttonCheckedBg,\n buttonSolidCheckedColor,\n colorTextDisabled,\n colorBgContainerDisabled,\n buttonCheckedBgDisabled,\n buttonCheckedColorDisabled,\n colorPrimary,\n colorPrimaryHover,\n colorPrimaryActive,\n buttonSolidCheckedBg,\n buttonSolidCheckedHoverBg,\n buttonSolidCheckedActiveBg,\n calc\n } = token;\n return {\n [`${componentCls}-button-wrapper`]: {\n position: 'relative',\n display: 'inline-block',\n height: controlHeight,\n margin: 0,\n paddingInline: buttonPaddingInline,\n paddingBlock: 0,\n color: buttonColor,\n fontSize,\n lineHeight: unit(calc(controlHeight).sub(calc(lineWidth).mul(2)).equal()),\n background: buttonBg,\n border: `${unit(lineWidth)} ${lineType} ${colorBorder}`,\n // strange align fix for chrome but works\n // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif\n borderBlockStartWidth: calc(lineWidth).add(0.02).equal(),\n borderInlineStartWidth: 0,\n borderInlineEndWidth: lineWidth,\n cursor: 'pointer',\n transition: [`color ${motionDurationMid}`, `background ${motionDurationMid}`, `box-shadow ${motionDurationMid}`].join(','),\n a: {\n color: buttonColor\n },\n [`> ${componentCls}-button`]: {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n zIndex: -1,\n width: '100%',\n height: '100%'\n },\n '&:not(:first-child)': {\n '&::before': {\n position: 'absolute',\n insetBlockStart: calc(lineWidth).mul(-1).equal(),\n insetInlineStart: calc(lineWidth).mul(-1).equal(),\n display: 'block',\n boxSizing: 'content-box',\n width: 1,\n height: '100%',\n paddingBlock: lineWidth,\n paddingInline: 0,\n backgroundColor: colorBorder,\n transition: `background-color ${motionDurationSlow}`,\n content: '\"\"'\n }\n },\n '&:first-child': {\n borderInlineStart: `${unit(lineWidth)} ${lineType} ${colorBorder}`,\n borderStartStartRadius: borderRadius,\n borderEndStartRadius: borderRadius\n },\n '&:last-child': {\n borderStartEndRadius: borderRadius,\n borderEndEndRadius: borderRadius\n },\n '&:first-child:last-child': {\n borderRadius\n },\n [`${componentCls}-group-large &`]: {\n height: controlHeightLG,\n fontSize: fontSizeLG,\n lineHeight: unit(calc(controlHeightLG).sub(calc(lineWidth).mul(2)).equal()),\n '&:first-child': {\n borderStartStartRadius: borderRadiusLG,\n borderEndStartRadius: borderRadiusLG\n },\n '&:last-child': {\n borderStartEndRadius: borderRadiusLG,\n borderEndEndRadius: borderRadiusLG\n }\n },\n [`${componentCls}-group-small &`]: {\n height: controlHeightSM,\n paddingInline: calc(paddingXS).sub(lineWidth).equal(),\n paddingBlock: 0,\n lineHeight: unit(calc(controlHeightSM).sub(calc(lineWidth).mul(2)).equal()),\n '&:first-child': {\n borderStartStartRadius: borderRadiusSM,\n borderEndStartRadius: borderRadiusSM\n },\n '&:last-child': {\n borderStartEndRadius: borderRadiusSM,\n borderEndEndRadius: borderRadiusSM\n }\n },\n '&:hover': {\n position: 'relative',\n color: colorPrimary\n },\n '&:has(:focus-visible)': Object.assign({}, genFocusOutline(token)),\n [`${componentCls}-inner, input[type='checkbox'], input[type='radio']`]: {\n width: 0,\n height: 0,\n opacity: 0,\n pointerEvents: 'none'\n },\n [`&-checked:not(${componentCls}-button-wrapper-disabled)`]: {\n zIndex: 1,\n color: colorPrimary,\n background: buttonCheckedBg,\n borderColor: colorPrimary,\n '&::before': {\n backgroundColor: colorPrimary\n },\n '&:first-child': {\n borderColor: colorPrimary\n },\n '&:hover': {\n color: colorPrimaryHover,\n borderColor: colorPrimaryHover,\n '&::before': {\n backgroundColor: colorPrimaryHover\n }\n },\n '&:active': {\n color: colorPrimaryActive,\n borderColor: colorPrimaryActive,\n '&::before': {\n backgroundColor: colorPrimaryActive\n }\n }\n },\n [`${componentCls}-group-solid &-checked:not(${componentCls}-button-wrapper-disabled)`]: {\n color: buttonSolidCheckedColor,\n background: buttonSolidCheckedBg,\n borderColor: buttonSolidCheckedBg,\n '&:hover': {\n color: buttonSolidCheckedColor,\n background: buttonSolidCheckedHoverBg,\n borderColor: buttonSolidCheckedHoverBg\n },\n '&:active': {\n color: buttonSolidCheckedColor,\n background: buttonSolidCheckedActiveBg,\n borderColor: buttonSolidCheckedActiveBg\n }\n },\n '&-disabled': {\n color: colorTextDisabled,\n backgroundColor: colorBgContainerDisabled,\n borderColor: colorBorder,\n cursor: 'not-allowed',\n '&:first-child, &:hover': {\n color: colorTextDisabled,\n backgroundColor: colorBgContainerDisabled,\n borderColor: colorBorder\n }\n },\n [`&-disabled${componentCls}-button-wrapper-checked`]: {\n color: buttonCheckedColorDisabled,\n backgroundColor: buttonCheckedBgDisabled,\n borderColor: colorBorder,\n boxShadow: 'none'\n }\n }\n };\n};\n// ============================== Export ==============================\nexport const prepareComponentToken = token => {\n const {\n wireframe,\n padding,\n marginXS,\n lineWidth,\n fontSizeLG,\n colorText,\n colorBgContainer,\n colorTextDisabled,\n controlItemBgActiveDisabled,\n colorTextLightSolid,\n colorPrimary,\n colorPrimaryHover,\n colorPrimaryActive,\n colorWhite\n } = token;\n const dotPadding = 4; // Fixed value\n const radioSize = fontSizeLG;\n const radioDotSize = wireframe ? radioSize - dotPadding * 2 : radioSize - (dotPadding + lineWidth) * 2;\n return {\n // Radio\n radioSize,\n dotSize: radioDotSize,\n dotColorDisabled: colorTextDisabled,\n // Radio buttons\n buttonSolidCheckedColor: colorTextLightSolid,\n buttonSolidCheckedBg: colorPrimary,\n buttonSolidCheckedHoverBg: colorPrimaryHover,\n buttonSolidCheckedActiveBg: colorPrimaryActive,\n buttonBg: colorBgContainer,\n buttonCheckedBg: colorBgContainer,\n buttonColor: colorText,\n buttonCheckedBgDisabled: controlItemBgActiveDisabled,\n buttonCheckedColorDisabled: colorTextDisabled,\n buttonPaddingInline: padding - lineWidth,\n wrapperMarginInlineEnd: marginXS,\n // internal\n radioColor: wireframe ? colorPrimary : colorWhite,\n radioBgColor: wireframe ? colorBgContainer : colorPrimary\n };\n};\nexport default genStyleHooks('Radio', token => {\n const {\n controlOutline,\n controlOutlineWidth\n } = token;\n const radioFocusShadow = `0 0 0 ${unit(controlOutlineWidth)} ${controlOutline}`;\n const radioButtonFocusShadow = radioFocusShadow;\n const radioToken = mergeToken(token, {\n radioFocusShadow,\n radioButtonFocusShadow\n });\n return [getGroupRadioStyle(radioToken), getRadioBasicStyle(radioToken), getRadioButtonStyle(radioToken)];\n}, prepareComponentToken, {\n unitless: {\n radioSize: true,\n dotSize: true\n }\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 * as React from 'react';\nimport classNames from 'classnames';\nimport RcCheckbox from 'rc-checkbox';\nimport { composeRef } from \"rc-util/es/ref\";\nimport { devUseWarning } from '../_util/warning';\nimport Wave from '../_util/wave';\nimport { TARGET_CLS } from '../_util/wave/interface';\nimport { ConfigContext } from '../config-provider';\nimport DisabledContext from '../config-provider/DisabledContext';\nimport { FormItemInputContext } from '../form/context';\nimport RadioGroupContext, { RadioOptionTypeContext } from './context';\nimport useStyle from './style';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nconst InternalRadio = (props, ref) => {\n var _a, _b;\n const groupContext = React.useContext(RadioGroupContext);\n const radioOptionTypeContext = React.useContext(RadioOptionTypeContext);\n const {\n getPrefixCls,\n direction,\n radio\n } = React.useContext(ConfigContext);\n const innerRef = React.useRef(null);\n const mergedRef = composeRef(ref, innerRef);\n const {\n isFormItemInput\n } = React.useContext(FormItemInputContext);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Radio');\n process.env.NODE_ENV !== \"production\" ? warning(!('optionType' in props), 'usage', '`optionType` is only support in Radio.Group.') : void 0;\n }\n const onChange = e => {\n var _a, _b;\n (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);\n (_b = groupContext === null || groupContext === void 0 ? void 0 : groupContext.onChange) === null || _b === void 0 ? void 0 : _b.call(groupContext, e);\n };\n const {\n prefixCls: customizePrefixCls,\n className,\n rootClassName,\n children,\n style,\n title\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"className\", \"rootClassName\", \"children\", \"style\", \"title\"]);\n const radioPrefixCls = getPrefixCls('radio', customizePrefixCls);\n const isButtonType = ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.optionType) || radioOptionTypeContext) === 'button';\n const prefixCls = isButtonType ? `${radioPrefixCls}-button` : radioPrefixCls;\n // Style\n const rootCls = useCSSVarCls(radioPrefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(radioPrefixCls, rootCls);\n const radioProps = Object.assign({}, restProps);\n // ===================== Disabled =====================\n const disabled = React.useContext(DisabledContext);\n if (groupContext) {\n radioProps.name = groupContext.name;\n radioProps.onChange = onChange;\n radioProps.checked = props.value === groupContext.value;\n radioProps.disabled = (_a = radioProps.disabled) !== null && _a !== void 0 ? _a : groupContext.disabled;\n }\n radioProps.disabled = (_b = radioProps.disabled) !== null && _b !== void 0 ? _b : disabled;\n const wrapperClassString = classNames(`${prefixCls}-wrapper`, {\n [`${prefixCls}-wrapper-checked`]: radioProps.checked,\n [`${prefixCls}-wrapper-disabled`]: radioProps.disabled,\n [`${prefixCls}-wrapper-rtl`]: direction === 'rtl',\n [`${prefixCls}-wrapper-in-form-item`]: isFormItemInput\n }, radio === null || radio === void 0 ? void 0 : radio.className, className, rootClassName, hashId, cssVarCls, rootCls);\n return wrapCSSVar( /*#__PURE__*/React.createElement(Wave, {\n component: \"Radio\",\n disabled: radioProps.disabled\n }, /*#__PURE__*/React.createElement(\"label\", {\n className: wrapperClassString,\n style: Object.assign(Object.assign({}, radio === null || radio === void 0 ? void 0 : radio.style), style),\n onMouseEnter: props.onMouseEnter,\n onMouseLeave: props.onMouseLeave,\n title: title\n }, /*#__PURE__*/React.createElement(RcCheckbox, Object.assign({}, radioProps, {\n className: classNames(radioProps.className, !isButtonType && TARGET_CLS),\n type: \"radio\",\n prefixCls: prefixCls,\n ref: mergedRef\n })), children !== undefined ? /*#__PURE__*/React.createElement(\"span\", null, children) : null)));\n};\nconst Radio = /*#__PURE__*/React.forwardRef(InternalRadio);\nif (process.env.NODE_ENV !== 'production') {\n Radio.displayName = 'Radio';\n}\nexport default Radio;","\"use client\";\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport { ConfigContext } from '../config-provider';\nimport useSize from '../config-provider/hooks/useSize';\nimport { RadioGroupContextProvider } from './context';\nimport Radio from './radio';\nimport useStyle from './style';\nimport useCSSVarCls from '../config-provider/hooks/useCSSVarCls';\nconst RadioGroup = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const [value, setValue] = useMergedState(props.defaultValue, {\n value: props.value\n });\n const onRadioChange = ev => {\n const lastValue = value;\n const val = ev.target.value;\n if (!('value' in props)) {\n setValue(val);\n }\n const {\n onChange\n } = props;\n if (onChange && val !== lastValue) {\n onChange(ev);\n }\n };\n const {\n prefixCls: customizePrefixCls,\n className,\n rootClassName,\n options,\n buttonStyle = 'outline',\n disabled,\n children,\n size: customizeSize,\n style,\n id,\n onMouseEnter,\n onMouseLeave,\n onFocus,\n onBlur\n } = props;\n const prefixCls = getPrefixCls('radio', customizePrefixCls);\n const groupPrefixCls = `${prefixCls}-group`;\n // Style\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n let childrenToRender = children;\n // 如果存在 options, 优先使用\n if (options && options.length > 0) {\n childrenToRender = options.map(option => {\n if (typeof option === 'string' || typeof option === 'number') {\n // 此处类型自动推导为 string\n return /*#__PURE__*/React.createElement(Radio, {\n key: option.toString(),\n prefixCls: prefixCls,\n disabled: disabled,\n value: option,\n checked: value === option\n }, option);\n }\n // 此处类型自动推导为 { label: string value: string }\n return /*#__PURE__*/React.createElement(Radio, {\n key: `radio-group-value-options-${option.value}`,\n prefixCls: prefixCls,\n disabled: option.disabled || disabled,\n value: option.value,\n checked: value === option.value,\n title: option.title,\n style: option.style,\n id: option.id,\n required: option.required\n }, option.label);\n });\n }\n const mergedSize = useSize(customizeSize);\n const classString = classNames(groupPrefixCls, `${groupPrefixCls}-${buttonStyle}`, {\n [`${groupPrefixCls}-${mergedSize}`]: mergedSize,\n [`${groupPrefixCls}-rtl`]: direction === 'rtl'\n }, className, rootClassName, hashId, cssVarCls, rootCls);\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"div\", Object.assign({}, pickAttrs(props, {\n aria: true,\n data: true\n }), {\n className: classString,\n style: style,\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n onFocus: onFocus,\n onBlur: onBlur,\n id: id,\n ref: ref\n }), /*#__PURE__*/React.createElement(RadioGroupContextProvider, {\n value: {\n onChange: onRadioChange,\n value,\n disabled: props.disabled,\n name: props.name,\n optionType: props.optionType\n }\n }, childrenToRender)));\n});\nexport default /*#__PURE__*/React.memo(RadioGroup);","\"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 { ConfigContext } from '../config-provider';\nimport { RadioOptionTypeContextProvider } from './context';\nimport Radio from './radio';\nconst RadioButton = (props, ref) => {\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const {\n prefixCls: customizePrefixCls\n } = props,\n radioProps = __rest(props, [\"prefixCls\"]);\n const prefixCls = getPrefixCls('radio', customizePrefixCls);\n return /*#__PURE__*/React.createElement(RadioOptionTypeContextProvider, {\n value: \"button\"\n }, /*#__PURE__*/React.createElement(Radio, Object.assign({\n prefixCls: prefixCls\n }, radioProps, {\n type: \"radio\",\n ref: ref\n })));\n};\nexport default /*#__PURE__*/React.forwardRef(RadioButton);","\"use client\";\n\nimport Group from './group';\nimport InternalRadio from './radio';\nimport Button from './radioButton';\nexport { Button, Group };\nconst Radio = InternalRadio;\nRadio.Button = Button;\nRadio.Group = Group;\nRadio.__ANT_RADIO = true;\nexport default Radio;","// This icon file is generated automatically.\nvar ArrowRightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z\" } }] }, \"name\": \"arrow-right\", \"theme\": \"outlined\" };\nexport default ArrowRightOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ArrowRightOutlinedSvg from \"@ant-design/icons-svg/es/asn/ArrowRightOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar ArrowRightOutlined = function ArrowRightOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ArrowRightOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n ArrowRightOutlined.displayName = 'ArrowRightOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(ArrowRightOutlined);","import dayjs from 'dayjs';\nimport { noteOnce } from \"rc-util/es/warning\";\nimport weekday from 'dayjs/plugin/weekday';\nimport localeData from 'dayjs/plugin/localeData';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport weekYear from 'dayjs/plugin/weekYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\ndayjs.extend(customParseFormat);\ndayjs.extend(advancedFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\ndayjs.extend(weekOfYear);\ndayjs.extend(weekYear);\ndayjs.extend(function (o, c) {\n // todo support Wo (ISO week)\n var proto = c.prototype;\n var oldFormat = proto.format;\n proto.format = function f(formatStr) {\n var str = (formatStr || '').replace('Wo', 'wo');\n return oldFormat.bind(this)(str);\n };\n});\nvar localeMap = {\n // ar_EG:\n // az_AZ:\n // bg_BG:\n bn_BD: 'bn-bd',\n by_BY: 'be',\n // ca_ES:\n // cs_CZ:\n // da_DK:\n // de_DE:\n // el_GR:\n en_GB: 'en-gb',\n en_US: 'en',\n // es_ES:\n // et_EE:\n // fa_IR:\n // fi_FI:\n fr_BE: 'fr',\n // todo: dayjs has no fr_BE locale, use fr at present\n fr_CA: 'fr-ca',\n // fr_FR:\n // ga_IE:\n // gl_ES:\n // he_IL:\n // hi_IN:\n // hr_HR:\n // hu_HU:\n hy_AM: 'hy-am',\n // id_ID:\n // is_IS:\n // it_IT:\n // ja_JP:\n // ka_GE:\n // kk_KZ:\n // km_KH:\n kmr_IQ: 'ku',\n // kn_IN:\n // ko_KR:\n // ku_IQ: // previous ku in antd\n // lt_LT:\n // lv_LV:\n // mk_MK:\n // ml_IN:\n // mn_MN:\n // ms_MY:\n // nb_NO:\n // ne_NP:\n nl_BE: 'nl-be',\n // nl_NL:\n // pl_PL:\n pt_BR: 'pt-br',\n // pt_PT:\n // ro_RO:\n // ru_RU:\n // sk_SK:\n // sl_SI:\n // sr_RS:\n // sv_SE:\n // ta_IN:\n // th_TH:\n // tr_TR:\n // uk_UA:\n // ur_PK:\n // vi_VN:\n zh_CN: 'zh-cn',\n zh_HK: 'zh-hk',\n zh_TW: 'zh-tw'\n};\nvar parseLocale = function parseLocale(locale) {\n var mapLocale = localeMap[locale];\n return mapLocale || locale.split('_')[0];\n};\nvar parseNoMatchNotice = function parseNoMatchNotice() {\n /* istanbul ignore next */\n noteOnce(false, 'Not match any format. Please help to fire a issue about this.');\n};\nvar generateConfig = {\n // get\n getNow: function getNow() {\n return dayjs();\n },\n getFixedDate: function getFixedDate(string) {\n return dayjs(string, ['YYYY-M-DD', 'YYYY-MM-DD']);\n },\n getEndDate: function getEndDate(date) {\n return date.endOf('month');\n },\n getWeekDay: function getWeekDay(date) {\n var clone = date.locale('en');\n return clone.weekday() + clone.localeData().firstDayOfWeek();\n },\n getYear: function getYear(date) {\n return date.year();\n },\n getMonth: function getMonth(date) {\n return date.month();\n },\n getDate: function getDate(date) {\n return date.date();\n },\n getHour: function getHour(date) {\n return date.hour();\n },\n getMinute: function getMinute(date) {\n return date.minute();\n },\n getSecond: function getSecond(date) {\n return date.second();\n },\n getMillisecond: function getMillisecond(date) {\n return date.millisecond();\n },\n // set\n addYear: function addYear(date, diff) {\n return date.add(diff, 'year');\n },\n addMonth: function addMonth(date, diff) {\n return date.add(diff, 'month');\n },\n addDate: function addDate(date, diff) {\n return date.add(diff, 'day');\n },\n setYear: function setYear(date, year) {\n return date.year(year);\n },\n setMonth: function setMonth(date, month) {\n return date.month(month);\n },\n setDate: function setDate(date, num) {\n return date.date(num);\n },\n setHour: function setHour(date, hour) {\n return date.hour(hour);\n },\n setMinute: function setMinute(date, minute) {\n return date.minute(minute);\n },\n setSecond: function setSecond(date, second) {\n return date.second(second);\n },\n setMillisecond: function setMillisecond(date, milliseconds) {\n return date.millisecond(milliseconds);\n },\n // Compare\n isAfter: function isAfter(date1, date2) {\n return date1.isAfter(date2);\n },\n isValidate: function isValidate(date) {\n return date.isValid();\n },\n locale: {\n getWeekFirstDay: function getWeekFirstDay(locale) {\n return dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek();\n },\n getWeekFirstDate: function getWeekFirstDate(locale, date) {\n return date.locale(parseLocale(locale)).weekday(0);\n },\n getWeek: function getWeek(locale, date) {\n return date.locale(parseLocale(locale)).week();\n },\n getShortWeekDays: function getShortWeekDays(locale) {\n return dayjs().locale(parseLocale(locale)).localeData().weekdaysMin();\n },\n getShortMonths: function getShortMonths(locale) {\n return dayjs().locale(parseLocale(locale)).localeData().monthsShort();\n },\n format: function format(locale, date, _format) {\n return date.locale(parseLocale(locale)).format(_format);\n },\n parse: function parse(locale, text, formats) {\n var localeStr = parseLocale(locale);\n for (var i = 0; i < formats.length; i += 1) {\n var format = formats[i];\n var formatText = text;\n if (format.includes('wo') || format.includes('Wo')) {\n // parse Wo\n var year = formatText.split('-')[0];\n var weekStr = formatText.split('-')[1];\n var firstWeek = dayjs(year, 'YYYY').startOf('year').locale(localeStr);\n for (var j = 0; j <= 52; j += 1) {\n var nextWeek = firstWeek.add(j, 'week');\n if (nextWeek.format('Wo') === weekStr) {\n return nextWeek;\n }\n }\n parseNoMatchNotice();\n return null;\n }\n var date = dayjs(formatText, format, true).locale(localeStr);\n if (date.isValid()) {\n return date;\n }\n }\n if (text) {\n parseNoMatchNotice();\n }\n return null;\n }\n }\n};\nexport default generateConfig;","// This icon file is generated automatically.\nvar CalendarOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z\" } }] }, \"name\": \"calendar\", \"theme\": \"outlined\" };\nexport default CalendarOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport CalendarOutlinedSvg from \"@ant-design/icons-svg/es/asn/CalendarOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar CalendarOutlined = function CalendarOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: CalendarOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n CalendarOutlined.displayName = 'CalendarOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(CalendarOutlined);","// This icon file is generated automatically.\nvar ClockCircleOutlined = { \"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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\" } }, { \"tag\": \"path\", \"attrs\": { \"d\": \"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z\" } }] }, \"name\": \"clock-circle\", \"theme\": \"outlined\" };\nexport default ClockCircleOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport ClockCircleOutlinedSvg from \"@ant-design/icons-svg/es/asn/ClockCircleOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar ClockCircleOutlined = function ClockCircleOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: ClockCircleOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n ClockCircleOutlined.displayName = 'ClockCircleOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(ClockCircleOutlined);","// This icon file is generated automatically.\nvar SwapRightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"0 0 1024 1024\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z\" } }] }, \"name\": \"swap-right\", \"theme\": \"outlined\" };\nexport default SwapRightOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport SwapRightOutlinedSvg from \"@ant-design/icons-svg/es/asn/SwapRightOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar SwapRightOutlined = function SwapRightOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: SwapRightOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n SwapRightOutlined.displayName = 'SwapRightOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(SwapRightOutlined);","import * as React from 'react';\nvar PickerContext = /*#__PURE__*/React.createContext(null);\nexport default PickerContext;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport Trigger from '@rc-component/trigger';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport PickerContext from \"../PickerInput/context\";\nvar BUILT_IN_PLACEMENTS = {\n bottomLeft: {\n points: ['tl', 'bl'],\n offset: [0, 4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n bottomRight: {\n points: ['tr', 'br'],\n offset: [0, 4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n topLeft: {\n points: ['bl', 'tl'],\n offset: [0, -4],\n overflow: {\n adjustX: 0,\n adjustY: 1\n }\n },\n topRight: {\n points: ['br', 'tr'],\n offset: [0, -4],\n overflow: {\n adjustX: 0,\n adjustY: 1\n }\n }\n};\nfunction PickerTrigger(_ref) {\n var popupElement = _ref.popupElement,\n popupStyle = _ref.popupStyle,\n popupClassName = _ref.popupClassName,\n popupAlign = _ref.popupAlign,\n transitionName = _ref.transitionName,\n getPopupContainer = _ref.getPopupContainer,\n children = _ref.children,\n range = _ref.range,\n placement = _ref.placement,\n _ref$builtinPlacement = _ref.builtinPlacements,\n builtinPlacements = _ref$builtinPlacement === void 0 ? BUILT_IN_PLACEMENTS : _ref$builtinPlacement,\n direction = _ref.direction,\n visible = _ref.visible,\n onClose = _ref.onClose;\n var _React$useContext = React.useContext(PickerContext),\n prefixCls = _React$useContext.prefixCls;\n var dropdownPrefixCls = \"\".concat(prefixCls, \"-dropdown\");\n var mergedPlacement = React.useMemo(function () {\n if (placement !== undefined) {\n return placement;\n }\n return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';\n }, [placement, direction]);\n return /*#__PURE__*/React.createElement(Trigger, {\n showAction: [],\n hideAction: ['click'],\n popupPlacement: mergedPlacement,\n builtinPlacements: builtinPlacements,\n prefixCls: dropdownPrefixCls,\n popupTransitionName: transitionName,\n popup: popupElement,\n popupAlign: popupAlign,\n popupVisible: visible,\n popupClassName: classNames(popupClassName, _defineProperty(_defineProperty({}, \"\".concat(dropdownPrefixCls, \"-range\"), range), \"\".concat(dropdownPrefixCls, \"-rtl\"), direction === 'rtl')),\n popupStyle: popupStyle,\n stretch: \"minWidth\",\n getPopupContainer: getPopupContainer,\n onPopupVisibleChange: function onPopupVisibleChange(nextVisible) {\n if (!nextVisible) {\n onClose();\n }\n }\n }, children);\n}\nexport default PickerTrigger;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nexport function leftPad(str, length) {\n var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';\n var current = String(str);\n while (current.length < length) {\n current = \"\".concat(fill).concat(current);\n }\n return current;\n}\n\n/**\n * Convert `value` to array. Will provide `[]` if is null or undefined.\n */\nexport function toArray(val) {\n if (val === null || val === undefined) {\n return [];\n }\n return Array.isArray(val) ? val : [val];\n}\nexport function fillIndex(ori, index, value) {\n var clone = _toConsumableArray(ori);\n clone[index] = value;\n return clone;\n}\n\n/** Pick props from the key list. Will filter empty value */\nexport function pickProps(props, keys) {\n var clone = {};\n var mergedKeys = keys || Object.keys(props);\n mergedKeys.forEach(function (key) {\n if (props[key] !== undefined) {\n clone[key] = props[key];\n }\n });\n return clone;\n}\nexport function getRowFormat(picker, locale, format) {\n if (format) {\n return format;\n }\n switch (picker) {\n // All from the `locale.fieldXXXFormat` first\n case 'time':\n return locale.fieldTimeFormat;\n case 'datetime':\n return locale.fieldDateTimeFormat;\n case 'month':\n return locale.fieldMonthFormat;\n case 'year':\n return locale.fieldYearFormat;\n case 'quarter':\n return locale.fieldQuarterFormat;\n case 'week':\n return locale.fieldWeekFormat;\n default:\n return locale.fieldDateFormat;\n }\n}","import { pickProps } from \"../utils/miscUtil\";\nexport function pickTriggerProps(props) {\n return pickProps(props, ['placement', 'builtinPlacements', 'popupAlign', 'getPopupContainer', 'transitionName', 'direction']);\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport { warning } from 'rc-util';\nimport * as React from 'react';\nexport default function useCellRender(cellRender, dateRender, monthCellRender, range) {\n // ========================= Warn =========================\n if (process.env.NODE_ENV !== 'production') {\n warning(!dateRender, \"'dateRender' is deprecated. Please use 'cellRender' instead.\");\n warning(!monthCellRender, \"'monthCellRender' is deprecated. Please use 'cellRender' instead.\");\n }\n\n // ======================== Render ========================\n // Merged render\n var mergedCellRender = React.useMemo(function () {\n if (cellRender) {\n return cellRender;\n }\n return function (current, info) {\n var date = current;\n if (dateRender && info.type === 'date') {\n return dateRender(date, info.today);\n }\n if (monthCellRender && info.type === 'month') {\n return monthCellRender(date, info.locale);\n }\n return info.originNode;\n };\n }, [cellRender, monthCellRender, dateRender]);\n\n // Cell render\n var onInternalCellRender = React.useCallback(function (date, info) {\n return mergedCellRender(date, _objectSpread(_objectSpread({}, info), {}, {\n range: range\n }));\n }, [mergedCellRender, range]);\n return onInternalCellRender;\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { fillIndex } from \"../../utils/miscUtil\";\nimport * as React from 'react';\n/**\n * Used to control each fields invalidate status\n */\nexport default function useFieldsInvalidate(calendarValue, isInvalidateDate) {\n var allowEmpty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n var _React$useState = React.useState([false, false]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n fieldsInvalidates = _React$useState2[0],\n setFieldsInvalidates = _React$useState2[1];\n var onSelectorInvalid = function onSelectorInvalid(invalid, index) {\n setFieldsInvalidates(function (ori) {\n return fillIndex(ori, index, invalid);\n });\n };\n\n /**\n * For the Selector Input to mark as `aria-disabled`\n */\n var submitInvalidates = React.useMemo(function () {\n return fieldsInvalidates.map(function (invalid, index) {\n // If typing invalidate\n if (invalid) {\n return true;\n }\n var current = calendarValue[index];\n\n // Not check if all empty\n if (!current) {\n return false;\n }\n\n // Not allow empty\n if (!allowEmpty[index] && !current) {\n return true;\n }\n\n // Invalidate\n if (current && isInvalidateDate(current, {\n activeIndex: index\n })) {\n return true;\n }\n return false;\n });\n }, [calendarValue, fieldsInvalidates, isInvalidateDate, allowEmpty]);\n return [submitInvalidates, onSelectorInvalid];\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport React from 'react';\nexport function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem) {\n var timeFormat = '';\n\n // Base HH:mm:ss\n var cells = [];\n if (showHour) {\n cells.push(showMeridiem ? 'hh' : 'HH');\n }\n if (showMinute) {\n cells.push('mm');\n }\n if (showSecond) {\n cells.push('ss');\n }\n timeFormat = cells.join(':');\n\n // Millisecond\n if (showMillisecond) {\n timeFormat += '.SSS';\n }\n\n // Meridiem\n if (showMeridiem) {\n timeFormat += ' A';\n }\n return timeFormat;\n}\n\n/**\n * Used for `useFilledProps` since it already in the React.useMemo\n */\nfunction fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {\n // Not fill `monthFormat` since `locale.shortMonths` handle this\n // Not fill `cellMeridiemFormat` since AM & PM by default\n var fieldDateTimeFormat = locale.fieldDateTimeFormat,\n fieldDateFormat = locale.fieldDateFormat,\n fieldTimeFormat = locale.fieldTimeFormat,\n fieldMonthFormat = locale.fieldMonthFormat,\n fieldYearFormat = locale.fieldYearFormat,\n fieldWeekFormat = locale.fieldWeekFormat,\n fieldQuarterFormat = locale.fieldQuarterFormat,\n yearFormat = locale.yearFormat,\n cellYearFormat = locale.cellYearFormat,\n cellQuarterFormat = locale.cellQuarterFormat,\n dayFormat = locale.dayFormat,\n cellDateFormat = locale.cellDateFormat;\n var timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);\n return _objectSpread(_objectSpread({}, locale), {}, {\n fieldDateTimeFormat: fieldDateTimeFormat || \"YYYY-MM-DD \".concat(timeFormat),\n fieldDateFormat: fieldDateFormat || 'YYYY-MM-DD',\n fieldTimeFormat: fieldTimeFormat || timeFormat,\n fieldMonthFormat: fieldMonthFormat || 'YYYY-MM',\n fieldYearFormat: fieldYearFormat || 'YYYY',\n fieldWeekFormat: fieldWeekFormat || 'gggg-wo',\n fieldQuarterFormat: fieldQuarterFormat || 'YYYY-[Q]Q',\n yearFormat: yearFormat || 'YYYY',\n cellYearFormat: cellYearFormat || 'YYYY',\n cellQuarterFormat: cellQuarterFormat || '[Q]Q',\n cellDateFormat: cellDateFormat || dayFormat || 'D'\n });\n}\n\n/**\n * Fill locale format as start up\n */\nexport default function useLocale(locale, showProps) {\n var showHour = showProps.showHour,\n showMinute = showProps.showMinute,\n showSecond = showProps.showSecond,\n showMillisecond = showProps.showMillisecond,\n use12Hours = showProps.use12Hours;\n return React.useMemo(function () {\n return fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours);\n }, [locale, showHour, showMinute, showSecond, showMillisecond, use12Hours]);\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { getRowFormat, pickProps, toArray } from \"../utils/miscUtil\";\nimport { fillTimeFormat } from \"./useLocale\";\nfunction checkShow(format, keywords, show) {\n return show !== null && show !== void 0 ? show : keywords.some(function (keyword) {\n return format.includes(keyword);\n });\n}\nvar showTimeKeys = [\n// 'format',\n'showNow', 'showHour', 'showMinute', 'showSecond', 'showMillisecond', 'use12Hours', 'hourStep', 'minuteStep', 'secondStep', 'millisecondStep', 'hideDisabledOptions', 'defaultValue', 'disabledHours', 'disabledMinutes', 'disabledSeconds', 'disabledMilliseconds', 'disabledTime', 'changeOnScroll', 'defaultOpenValue'];\n\n/**\n * Get SharedTimeProps from props.\n */\nfunction pickTimeProps(props) {\n var timeProps = pickProps(props, showTimeKeys);\n var format = props.format,\n picker = props.picker;\n var propFormat = null;\n if (format) {\n propFormat = format;\n if (Array.isArray(propFormat)) {\n propFormat = propFormat[0];\n }\n propFormat = _typeof(propFormat) === 'object' ? propFormat.format : propFormat;\n }\n if (picker === 'time') {\n timeProps.format = propFormat;\n }\n return [timeProps, propFormat];\n}\nfunction isStringFormat(format) {\n return format && typeof format === 'string';\n}\n/**\n * Get `showHour`, `showMinute`, `showSecond` or other from the props.\n * This is pure function, will not get `showXXX` from the `format` prop.\n */\nexport function getTimeProps(componentProps) {\n var showTime = componentProps.showTime;\n var _pickTimeProps = pickTimeProps(componentProps),\n _pickTimeProps2 = _slicedToArray(_pickTimeProps, 2),\n pickedProps = _pickTimeProps2[0],\n propFormat = _pickTimeProps2[1];\n var showTimeConfig = showTime && _typeof(showTime) === 'object' ? showTime : {};\n var timeConfig = _objectSpread(_objectSpread({\n defaultOpenValue: showTimeConfig.defaultOpenValue || showTimeConfig.defaultValue\n }, pickedProps), showTimeConfig);\n var showMillisecond = timeConfig.showMillisecond;\n var showHour = timeConfig.showHour,\n showMinute = timeConfig.showMinute,\n showSecond = timeConfig.showSecond;\n if (!showHour && !showMinute && !showSecond && !showMillisecond) {\n showHour = true;\n showMinute = true;\n showSecond = true;\n }\n return [timeConfig, _objectSpread(_objectSpread({}, timeConfig), {}, {\n showHour: showHour,\n showMinute: showMinute,\n showSecond: showSecond,\n showMillisecond: showMillisecond\n }), timeConfig.format, propFormat];\n}\nexport function fillShowTimeConfig(picker, showTimeFormat, propFormat, timeConfig, locale) {\n var isTimePicker = picker === 'time';\n if (picker === 'datetime' || isTimePicker) {\n var pickedProps = timeConfig;\n\n // ====================== BaseFormat ======================\n var defaultLocaleFormat = getRowFormat(picker, locale, null);\n var baselineFormat = defaultLocaleFormat;\n var formatList = [showTimeFormat, propFormat];\n for (var i = 0; i < formatList.length; i += 1) {\n var format = toArray(formatList[i])[0];\n if (isStringFormat(format)) {\n baselineFormat = format;\n break;\n }\n }\n\n // ========================= Show =========================\n var showHour = pickedProps.showHour,\n showMinute = pickedProps.showMinute,\n showSecond = pickedProps.showSecond,\n showMillisecond = pickedProps.showMillisecond;\n var use12Hours = pickedProps.use12Hours;\n var showMeridiem = checkShow(baselineFormat, ['a', 'A', 'LT', 'LLL', 'LTS'], use12Hours);\n var hasShowConfig = [showHour, showMinute, showSecond, showMillisecond].some(function (show) {\n return show !== undefined;\n });\n\n // Fill with format, if needed\n if (!hasShowConfig) {\n showHour = checkShow(baselineFormat, ['H', 'h', 'k', 'LT', 'LLL']);\n showMinute = checkShow(baselineFormat, ['m', 'LT', 'LLL']);\n showSecond = checkShow(baselineFormat, ['s', 'LTS']);\n showMillisecond = checkShow(baselineFormat, ['SSS']);\n }\n\n // Fallback if all can not see\n if (!hasShowConfig && !showHour && !showMinute && !showSecond && !showMillisecond) {\n showHour = true;\n showMinute = true;\n showSecond = true;\n }\n\n // ======================== Format ========================\n var timeFormat = showTimeFormat || fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem);\n\n // ======================== Props =========================\n return _objectSpread(_objectSpread({}, pickedProps), {}, {\n // Format\n format: timeFormat,\n // Show Config\n showHour: showHour,\n showMinute: showMinute,\n showSecond: showSecond,\n showMillisecond: showMillisecond,\n use12Hours: showMeridiem\n });\n }\n return null;\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport warning from \"rc-util/es/warning\";\nimport * as React from 'react';\n\n/**\n * Used for `useFilledProps` since it already in the React.useMemo\n */\nexport function fillClearIcon(prefixCls, allowClear, clearIcon) {\n if (process.env.NODE_ENV !== 'production' && clearIcon) {\n warning(false, '`clearIcon` will be removed in future. Please use `allowClear` instead.');\n }\n if (allowClear === false) {\n return null;\n }\n var config = allowClear && _typeof(allowClear) === 'object' ? allowClear : {};\n return config.clearIcon || clearIcon || /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-clear-btn\")\n });\n}","export var WEEK_DAY_COUNT = 7;\n\n/**\n * Wrap the compare logic.\n * This will compare the each of value is empty first.\n * 1. All is empty, return true.\n * 2. One is empty, return false.\n * 3. return customize compare logic.\n */\nfunction nullableCompare(value1, value2, oriCompareFn) {\n if (!value1 && !value2 || value1 === value2) {\n return true;\n }\n if (!value1 || !value2) {\n return false;\n }\n return oriCompareFn();\n}\nexport function isSameDecade(generateConfig, decade1, decade2) {\n return nullableCompare(decade1, decade2, function () {\n var num1 = Math.floor(generateConfig.getYear(decade1) / 10);\n var num2 = Math.floor(generateConfig.getYear(decade2) / 10);\n return num1 === num2;\n });\n}\nexport function isSameYear(generateConfig, year1, year2) {\n return nullableCompare(year1, year2, function () {\n return generateConfig.getYear(year1) === generateConfig.getYear(year2);\n });\n}\nexport function getQuarter(generateConfig, date) {\n var quota = Math.floor(generateConfig.getMonth(date) / 3);\n return quota + 1;\n}\nexport function isSameQuarter(generateConfig, quarter1, quarter2) {\n return nullableCompare(quarter1, quarter2, function () {\n return isSameYear(generateConfig, quarter1, quarter2) && getQuarter(generateConfig, quarter1) === getQuarter(generateConfig, quarter2);\n });\n}\nexport function isSameMonth(generateConfig, month1, month2) {\n return nullableCompare(month1, month2, function () {\n return isSameYear(generateConfig, month1, month2) && generateConfig.getMonth(month1) === generateConfig.getMonth(month2);\n });\n}\nexport function isSameDate(generateConfig, date1, date2) {\n return nullableCompare(date1, date2, function () {\n return isSameYear(generateConfig, date1, date2) && isSameMonth(generateConfig, date1, date2) && generateConfig.getDate(date1) === generateConfig.getDate(date2);\n });\n}\nexport function isSameTime(generateConfig, time1, time2) {\n return nullableCompare(time1, time2, function () {\n return generateConfig.getHour(time1) === generateConfig.getHour(time2) && generateConfig.getMinute(time1) === generateConfig.getMinute(time2) && generateConfig.getSecond(time1) === generateConfig.getSecond(time2);\n });\n}\n\n/**\n * Check if the Date is all the same of timestamp\n */\nexport function isSameTimestamp(generateConfig, time1, time2) {\n return nullableCompare(time1, time2, function () {\n return isSameDate(generateConfig, time1, time2) && isSameTime(generateConfig, time1, time2) && generateConfig.getMillisecond(time1) === generateConfig.getMillisecond(time2);\n });\n}\nexport function isSameWeek(generateConfig, locale, date1, date2) {\n return nullableCompare(date1, date2, function () {\n var weekStartDate1 = generateConfig.locale.getWeekFirstDate(locale, date1);\n var weekStartDate2 = generateConfig.locale.getWeekFirstDate(locale, date2);\n return isSameYear(generateConfig, weekStartDate1, weekStartDate2) && generateConfig.locale.getWeek(locale, date1) === generateConfig.locale.getWeek(locale, date2);\n });\n}\nexport function isSame(generateConfig, locale, source, target, type) {\n switch (type) {\n case 'date':\n return isSameDate(generateConfig, source, target);\n case 'week':\n return isSameWeek(generateConfig, locale.locale, source, target);\n case 'month':\n return isSameMonth(generateConfig, source, target);\n case 'quarter':\n return isSameQuarter(generateConfig, source, target);\n case 'year':\n return isSameYear(generateConfig, source, target);\n case 'decade':\n return isSameDecade(generateConfig, source, target);\n case 'time':\n return isSameTime(generateConfig, source, target);\n default:\n return isSameTimestamp(generateConfig, source, target);\n }\n}\n\n/** Between in date but not equal of date */\nexport function isInRange(generateConfig, startDate, endDate, current) {\n if (!startDate || !endDate || !current) {\n return false;\n }\n return generateConfig.isAfter(current, startDate) && generateConfig.isAfter(endDate, current);\n}\nexport function isSameOrAfter(generateConfig, locale, date1, date2, type) {\n if (isSame(generateConfig, locale, date1, date2, type)) {\n return true;\n }\n return generateConfig.isAfter(date1, date2);\n}\nexport function getWeekStartDate(locale, generateConfig, value) {\n var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale);\n var monthStartDate = generateConfig.setDate(value, 1);\n var startDateWeekDay = generateConfig.getWeekDay(monthStartDate);\n var alignStartDate = generateConfig.addDate(monthStartDate, weekFirstDay - startDateWeekDay);\n if (generateConfig.getMonth(alignStartDate) === generateConfig.getMonth(value) && generateConfig.getDate(alignStartDate) > 1) {\n alignStartDate = generateConfig.addDate(alignStartDate, -7);\n }\n return alignStartDate;\n}\nexport function formatValue(value, _ref) {\n var generateConfig = _ref.generateConfig,\n locale = _ref.locale,\n format = _ref.format;\n if (!value) {\n return '';\n }\n return typeof format === 'function' ? format(value) : generateConfig.locale.format(locale.locale, value, format);\n}\n\n/**\n * Fill the time info into Date if provided.\n */\nexport function fillTime(generateConfig, date, time) {\n var tmpDate = date;\n var getFn = ['getHour', 'getMinute', 'getSecond', 'getMillisecond'];\n var setFn = ['setHour', 'setMinute', 'setSecond', 'setMillisecond'];\n setFn.forEach(function (fn, index) {\n if (time) {\n tmpDate = generateConfig[fn](tmpDate, generateConfig[getFn[index]](time));\n } else {\n tmpDate = generateConfig[fn](tmpDate, 0);\n }\n });\n return tmpDate;\n}","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport { warning } from 'rc-util';\nimport * as React from 'react';\nimport useLocale from \"../../hooks/useLocale\";\nimport { fillShowTimeConfig, getTimeProps } from \"../../hooks/useTimeConfig\";\nimport { toArray } from \"../../utils/miscUtil\";\nimport { fillClearIcon } from \"../Selector/hooks/useClearIcon\";\nimport useDisabledBoundary from \"./useDisabledBoundary\";\nimport { useFieldFormat } from \"./useFieldFormat\";\nimport useInputReadOnly from \"./useInputReadOnly\";\nimport useInvalidate from \"./useInvalidate\";\nfunction useList(value) {\n var fillMode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var values = React.useMemo(function () {\n var list = value ? toArray(value) : value;\n if (fillMode && list) {\n list[1] = list[1] || list[0];\n }\n return list;\n }, [value, fillMode]);\n return values;\n}\n\n/**\n * Align the outer props with unique typed and fill undefined props.\n * This is shared with both RangePicker and Picker. This will do:\n * - Convert `value` & `defaultValue` to array\n * - handle the legacy props fill like `clearIcon` + `allowClear` = `clearIcon`\n */\nexport default function useFilledProps(props, updater) {\n var generateConfig = props.generateConfig,\n locale = props.locale,\n _props$picker = props.picker,\n picker = _props$picker === void 0 ? 'date' : _props$picker,\n _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,\n _props$styles = props.styles,\n styles = _props$styles === void 0 ? {} : _props$styles,\n _props$classNames = props.classNames,\n classNames = _props$classNames === void 0 ? {} : _props$classNames,\n _props$order = props.order,\n order = _props$order === void 0 ? true : _props$order,\n _props$components = props.components,\n components = _props$components === void 0 ? {} : _props$components,\n inputRender = props.inputRender,\n allowClear = props.allowClear,\n clearIcon = props.clearIcon,\n needConfirm = props.needConfirm,\n multiple = props.multiple,\n format = props.format,\n inputReadOnly = props.inputReadOnly,\n disabledDate = props.disabledDate,\n minDate = props.minDate,\n maxDate = props.maxDate,\n showTime = props.showTime,\n value = props.value,\n defaultValue = props.defaultValue,\n pickerValue = props.pickerValue,\n defaultPickerValue = props.defaultPickerValue;\n var values = useList(value);\n var defaultValues = useList(defaultValue);\n var pickerValues = useList(pickerValue);\n var defaultPickerValues = useList(defaultPickerValue);\n\n // ======================== Picker ========================\n /** Almost same as `picker`, but add `datetime` for `date` with `showTime` */\n var internalPicker = picker === 'date' && showTime ? 'datetime' : picker;\n\n /** The picker is `datetime` or `time` */\n var multipleInteractivePicker = internalPicker === 'time' || internalPicker === 'datetime';\n var complexPicker = multipleInteractivePicker || multiple;\n var mergedNeedConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : multipleInteractivePicker;\n\n // ========================== Time ==========================\n // Auto `format` need to check `showTime.showXXX` first.\n // And then merge the `locale` into `mergedShowTime`.\n var _getTimeProps = getTimeProps(props),\n _getTimeProps2 = _slicedToArray(_getTimeProps, 4),\n timeProps = _getTimeProps2[0],\n localeTimeProps = _getTimeProps2[1],\n showTimeFormat = _getTimeProps2[2],\n propFormat = _getTimeProps2[3];\n\n // ======================= Locales ========================\n var mergedLocale = useLocale(locale, localeTimeProps);\n var mergedShowTime = React.useMemo(function () {\n return fillShowTimeConfig(internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale);\n }, [internalPicker, showTimeFormat, propFormat, timeProps, mergedLocale]);\n\n // ======================= Warning ========================\n if (process.env.NODE_ENV !== 'production' && picker === 'time') {\n if (['disabledHours', 'disabledMinutes', 'disabledSeconds'].some(function (key) {\n return props[key];\n })) {\n warning(false, \"'disabledHours', 'disabledMinutes', 'disabledSeconds' will be removed in the next major version, please use 'disabledTime' instead.\");\n }\n }\n\n // ======================== Props =========================\n var filledProps = React.useMemo(function () {\n return _objectSpread(_objectSpread({}, props), {}, {\n prefixCls: prefixCls,\n locale: mergedLocale,\n picker: picker,\n styles: styles,\n classNames: classNames,\n order: order,\n components: _objectSpread({\n input: inputRender\n }, components),\n clearIcon: fillClearIcon(prefixCls, allowClear, clearIcon),\n showTime: mergedShowTime,\n value: values,\n defaultValue: defaultValues,\n pickerValue: pickerValues,\n defaultPickerValue: defaultPickerValues\n }, updater === null || updater === void 0 ? void 0 : updater());\n }, [props]);\n\n // ======================== Format ========================\n var _useFieldFormat = useFieldFormat(internalPicker, mergedLocale, format),\n _useFieldFormat2 = _slicedToArray(_useFieldFormat, 2),\n formatList = _useFieldFormat2[0],\n maskFormat = _useFieldFormat2[1];\n\n // ======================= ReadOnly =======================\n var mergedInputReadOnly = useInputReadOnly(formatList, inputReadOnly, multiple);\n\n // ======================= Boundary =======================\n var disabledBoundaryDate = useDisabledBoundary(generateConfig, locale, disabledDate, minDate, maxDate);\n\n // ====================== Invalidate ======================\n var isInvalidateDate = useInvalidate(generateConfig, picker, disabledDate, mergedShowTime);\n\n // ======================== Merged ========================\n var mergedProps = React.useMemo(function () {\n return _objectSpread(_objectSpread({}, filledProps), {}, {\n needConfirm: mergedNeedConfirm,\n inputReadOnly: mergedInputReadOnly,\n disabledDate: disabledBoundaryDate\n });\n }, [filledProps, mergedNeedConfirm, mergedInputReadOnly, disabledBoundaryDate]);\n return [mergedProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate];\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport * as React from 'react';\nimport { getRowFormat, toArray } from \"../../utils/miscUtil\";\nexport function useFieldFormat(picker, locale, format) {\n return React.useMemo(function () {\n var rawFormat = getRowFormat(picker, locale, format);\n var formatList = toArray(rawFormat);\n var firstFormat = formatList[0];\n var maskFormat = _typeof(firstFormat) === 'object' && firstFormat.type === 'mask' ? firstFormat.format : null;\n return [\n // Format list\n formatList.map(function (config) {\n return typeof config === 'string' || typeof config === 'function' ? config : config.format;\n }),\n // Mask Format\n maskFormat];\n }, [picker, locale, format]);\n}","export default function useInputReadOnly(formatList, inputReadOnly, multiple) {\n if (typeof formatList[0] === 'function' || multiple) {\n return true;\n }\n return inputReadOnly;\n}","import { useEvent } from 'rc-util';\nimport { isSame } from \"../../utils/dateUtil\";\n/**\n * Merge `disabledDate` with `minDate` & `maxDate`.\n */\nexport default function useDisabledBoundary(generateConfig, locale, disabledDate, minDate, maxDate) {\n var mergedDisabledDate = useEvent(function (date, info) {\n if (disabledDate && disabledDate(date, info)) {\n return true;\n }\n if (minDate && generateConfig.isAfter(minDate, date) && !isSame(generateConfig, locale, minDate, date, info.type)) {\n return true;\n }\n if (maxDate && generateConfig.isAfter(date, maxDate) && !isSame(generateConfig, locale, maxDate, date, info.type)) {\n return true;\n }\n return false;\n });\n\n // const isInValidBoundary: IsInvalidBoundary\n \n {t(\"quote.Filenumber\")}:\n \n \n {appNumber}\n \n
\n {t(\"quote.savedTip\")}\n \n {t('home.InsureCard.singleType')}\n
\n )\n }\n\n return isMobile ? (\n <>\n \n
\n )\n };\n\n useEffect(() => {\n if (referralLinkInfo?.agentCode) {\n // 當前目錄不是失效目錄且連結已失效就跳轉到失效頁面\n if(!location.pathname.indexOf('/referralLinkFailure') && referralLinkInfo.isExpired) {\n navigate(`/${getCurLang()}/referralLinkFailure`, {replace: true});\n } \n }\n }, [referralLinkInfo]);\n\n return (\n {t(\"agent.blueCrossAdvisor\")}
\n {referralLinkInfo?.agentName}
\n {t(\"agent.licenseNo\")}: {referralLinkInfo?.agentLicenseNo}
\n \n
\n \n
\n \n \n
\n );\n }\n \n export default HeaderAgent;","import React from 'react';\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigate } from 'react-router-dom';\nimport Icons from \"@/components/ui/Icons/Icons\";\nimport { getCurLang } from '@/utils';\nimport Styles from './style.less';\n\nconst GlobalLanguage = () => {\n const navigator = useNavigate();\n const { i18n } = useTranslation();\n const { pathname, search } = window.location;\n const curLang = getCurLang();\n\n const changeLang = () => {\n const newLang = curLang === 'zh' ? 'en' : 'zh';\n i18n.changeLanguage(newLang);\n let newPathname = '';\n if(curLang === 'en') {\n const regex = new RegExp(`.*\\/en\\/`, 'g');\n newPathname = pathname.replace(regex, '/zh/');\n } else {\n const regex = new RegExp(`.*\\/zh\\/`, 'g');\n newPathname = pathname.replace(regex, '/en/');\n }\n // 跳轉到該語言下的路由\n navigator(`${newPathname}${search}`);\n }\n\n return (\n \n 
\n
\n \n \n
\n {referralLinkInfo?.agentName}
\n {t(\"agent.licenseNo\")}: {referralLinkInfo?.agentLicenseNo}
\n \n {\n open ?
\n changeLang()}>\n
\n );\n};\n\nexport default GlobalLanguage;","import React, { useState, useEffect, useMemo } from 'react'\nimport Styles from './style.less';\nimport { Modal, Form, Input, Radio, Select, Button, Row, Col, Collapse,Space} from 'antd';\nimport { add, subtract, multiply, divide } from 'accurate-core';\nimport TopBar from '@/components/topBar/index.jsx'\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport changePriceIcon from '@/assets/img/quote/change-price.png';\nimport downIcon from '@/assets/img/quote/down-icon.png';\nimport rateIcon from '@/assets/img/quote/rate-discount.png';\nimport saveIcon from '@/assets/img/quote/tempSave.png';\nimport tickIcon from '@/assets/img/quote/tick.png';\nimport addIcon from '@/assets/img/quote/addIcon.png';\n// import warningIcon from '@/assets/img/quote/warning.png';\nimport expandIcon from '@/assets/img/quote/expandIcon.png';\nimport arrowRightIcon from '@/assets/img/quote/arrowRight.png';\nimport { referralLinkDetails } from '@/store/referralLinkInfo/index';\nimport { postQuoteTable, postQuoteTableList, postPlanMsg, applicationSave, postApplication } from '@/request/index';\nimport { fetchProductsPlan } from '@/pages/home/service';\nimport { useNavigate } from 'react-router-dom';\nimport { useSearchParams } from 'react-router-dom';\nimport InsuredTypeSelect from '@/pages/home/components/InsuredTypeSelect';\nimport TempSave from './component/tempSave';\nimport RangeDatePicker from '@/pages/home/components/RangeDatePicker';\nimport dayjs from 'dayjs';\nimport useMediaChange from '@/hooks/useMediaChange';\nimport { useTranslation } from \"react-i18next\";\nimport HeaderHomeAgent from '@/components/HeaderAgent';\nimport GlobalLanguage from '@/components/GlobalLanguage';\nimport { getCurrentLang, dateFormatVal, dateFormatValCN } from \"@/config/commonUtil\";\nimport { toFixedFun, refreshPmInfo, getCurLangField, formatNum } from \"@/utils\";\nimport LoadBar from \"@/components/ui/LoadBar/LoadBar\";\n\nimport { CheckCircleFilled } from '@ant-design/icons';\nconst { Panel } = Collapse;\n\nimport { useSelector, useDispatch } from 'react-redux';\nimport { premiumInfo, premiumDiscountListInfo, setPremiumInfo } from '@/store/premiumInfo';\nimport classNames from 'classnames';\n\n\nconst Quote = () => {\n const dispatch = useDispatch();\n const pmInfo = useSelector(premiumInfo);\n const premiumDiscountList = useSelector(premiumDiscountListInfo);\n const { t } = useTranslation();\n const ng = useNavigate();\n // 旅遊類型 （單次全年)、旅遊日期、受保類型（個人 家庭 公司）、人數、兒童人數、旅遊計劃（環球 中國 郵輪）\n const [searchParams] = useSearchParams();\n // const lang = getCurrentLang()\n const lang = getCurrentLang()\n const [form] = Form.useForm();\n const [isMobile] = useMediaChange();\n const [formSave] = Form.useForm();\n const [initData, setInitData] = useState({\n traveType: searchParams.get('traveType'),\n singleType: searchParams.get('singleType'),\n travelStartDate: searchParams.get('travelStartDate'),\n travelEndDate: searchParams.get('travelEndDate'),\n protectType: searchParams.get('protectType'),\n adultCount: Number(searchParams.get('adultCount')) || 0,\n elderlyCount: Number(searchParams.get('elderlyCount')) || 0,\n childCount: Number(searchParams.get('childCount')) || 0,\n travelPlan: searchParams.get('travelPlan'),\n });\n // referralLink相關\n const referralLinkInfo = useSelector(referralLinkDetails);\n const groupDiscount = {\n // 0-1: 0, 2: 10%, 3-4: 15%, 5-10: 20%, >10: 25%\n 1: 0,\n 2: 0.1,\n 3: 0.15,\n 4: 0.15,\n 5: 0.2,\n 6: 0.2,\n 7: 0.2,\n 8: 0.2,\n 9: 0.2,\n 10: 0.2,\n }\n const [days, setDays] = useState(dayjs(initData.travelEndDate).diff(dayjs(initData.travelStartDate), 'day') + 1);\n const [daysChange, setDaysChange] = useState(dayjs(initData.travelEndDate).diff(dayjs(initData.travelStartDate), 'day') + 1);\n const [scrollPosition, setScrollPosition] = useState(false);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [premiumList, setPremiumList] = useState();\n const [detailsTableList, setDetailsTableList] = useState();\n const [activeTab, setActiveTab] = useState(searchParams.get('travelPlan'));\n const [appNumber, setAppNumber] = useState(searchParams.get('appNo') || '');\n const [isClicked, setIsClicked] = useState(false);\n const [planSelect, setPlanSelect] = useState(searchParams.get('travelPlan')); // 當前選擇的計劃\n const [typeSelect, setTypeSelect] = useState(searchParams.get('traveType')); // 全年 || 單次\n const [singleTypeSelect, setSingleTypeSelect] = useState(searchParams.get('singleType')); // 單次旅游 來回 || 單程\n //獲取客戶詳情頁的信息\n const [ProspectClientId] = useState(searchParams.get('ProspectClientId'));\n const [clientId] = useState(searchParams.get('clientId'));\n //save modal\n const [valueInput, setValueInput] = useState('');\n //儲存modal\n const [modalDetailsOpen, setModalDetailsOpen] = useState(false);\n const [modalOpen, setModalOpen] = useState(false);\n const [modalSavedOpen, setModalSavedOpen] = useState(false);\n const [initialValueDetails, setInitialValueDetails] = useState([]);\n const [initialValueDetailsParent, setInitialValueDetailsParent] = useState({});\n\n const [initialFileName, setInitialFileName] = useState('');\n const [premiumObj, setPremiumObj] = useState({ originalPrice: 0, discountedPrice: 0 });\n //儲存appNo回顯的參數\n const [appNoData, setAppNoData] = useState('');\n\n const [allPlansList, setAllPlansList] = useState([]); // 旅遊計劃數據\n useEffect(() => {\n fetchProductsPlan({}).then(res => {\n if(res.status === 200) {\n let plans = [];\n res?.data?.forEach(d => {\n plans.push(...(d.plans ?? []));\n })\n setAllPlansList(plans);\n }\n })\n }, []);\n\n // 旅程生效日期\n const [effectiveDate, setEffectiveDate] = useState();\n useEffect(() => {\n if(initData?.travelStartDate) {\n setEffectiveDate(initData?.travelStartDate);\n }\n }, [initData]);\n useEffect(() => {\n // 生效日期變化，需要重新匹配對應的保費折扣值，存到store裏面\n refreshPmInfo({\n effectiveDate,\n premiumDiscountList,\n pmInfo,\n setPremiumInfo,\n dispatch,\n })\n }, [effectiveDate, premiumDiscountList]);\n\n // 用插件加減乘除 和toFixedFun是爲了解決精度 一分錢誤差問題\n const calcPremium = (\n planCode,\n initData,\n days,\n ) => {\n const { InsuredObj = {} } = form.getFieldsValue();\n //insuredType=initData.protectType 投保類型 個人 公司\n const { insuredType = initData.protectType, adults = initData.adultCount, elderly = initData.elderlyCount, children = initData.childCount } = InsuredObj;\n // 成人的保費列表\n let adultPremiumNewList = premiumList?.filter(p => p.productCode === initData.traveType && p.planCode === planCode && p.package === \"Adult\") ?? [];\n // 長者的保費列表\n let elderlyPremiumNewList = premiumList?.filter(p => p.productCode === initData.traveType && p.planCode === planCode && p.package === \"Elderly\") ?? [];\n // 小童的保費列表\n let childPremiumNewList = premiumList?.filter(p => p.productCode === initData.traveType && p.planCode === planCode && p.package === \"Child\") ?? [];\n\n if (initData.traveType === 'AAT') {\n adultPremiumNewList = adultPremiumNewList.filter(p => p.insuredDays === -1);\n elderlyPremiumNewList = elderlyPremiumNewList.filter(p => p.insuredDays === -1);\n childPremiumNewList = childPremiumNewList.filter(p => p.insuredDays === -1);\n } else {\n adultPremiumNewList = adultPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\n elderlyPremiumNewList = elderlyPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\n childPremiumNewList = childPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\n }\n const adultPremiumAmount = adultPremiumNewList?.[0]?.premiumAmount ?? 0;\n const elderlyPremiumAmount = elderlyPremiumNewList?.[0]?.premiumAmount ?? 0;\n const childPremiumAmount = childPremiumNewList?.[0]?.premiumAmount ?? 0;\n let originalPrice = 0;\n if(adults + elderly < 1) {\n // 如果全部都是小童 就用成人的價格計算\n originalPrice = toFixedFun(multiply(children, adultPremiumAmount));\n } else {\n // 其他情況 成人數量*成人價格 + 長者數量*長者價格 + 小童數量*小童價格\n originalPrice = toFixedFun(add(add(multiply(adults, adultPremiumAmount), multiply(elderly, elderlyPremiumAmount)), multiply(children, childPremiumAmount)));\n }\n console.log('成人價格', adultPremiumAmount, '長者價格', elderlyPremiumAmount, '小童價格', childPremiumAmount);\n let discountedPrice = originalPrice;\n if (insuredType === 'company' && initData.traveType === 'AAT') {\n // 公司團體優惠 折扣根據成年人+長者的人數來確定\n // discountedPrice = discountedPrice - (discountedPrice * (groupDiscount[adults + elderly] ?? 0.25));\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, groupDiscount[adults + elderly] ?? 0.25))));\n }\n if ((adults + elderly + children) >= 10 && initData.traveType === 'AST' && initData.singleType === 'RoundTrip') {\n // 單次來回 人數總合大於等於10 可以有10%的團體折扣\n // discountedPrice = discountedPrice - ( discountedPrice * 0.1);\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, 0.1))));\n }\n // discountedPrice = Number(discountedPrice - (discountedPrice * 0.15)).toFixed(2);\n\n const premiumRate = divide((pmInfo[initData.traveType] ?? pmInfo['*'] ?? 0), 100);\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, premiumRate)))).toFixed(2);\n // referralLink進來需要把銷售折扣也算上\n if (Object.keys(referralLinkInfo).length > 0) {\n let discRate = initData.traveType === 'AAT' ? referralLinkInfo?.salesDiscountByProduct?.AAT : referralLinkInfo?.salesDiscountByProduct?.AST;\n // discountedPrice = discountedPrice - (discountedPrice * (discRate ?? 0) / 100);\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, divide((discRate ?? 0), 100)))));\n }\n if(planCode === initData.travelPlan) {\n setPremiumObj({ originalPrice, discountedPrice });\n }\n return discountedPrice;\n };\n\n\n const getAppNumberData = async () => {\n const res = await postApplication({ appNo: appNumber });\n if (res.status === 200) {\n // setAppNoData(res.data)\n // setInitData\n const detail = res.data;\n const endData = detail?.productCode === 'AST' ?\n dayjs(detail?.policyEffectTo).format(dateFormatValCN)\n :\n dayjs(detail?.policyEffectDate).add(1, 'year').subtract(1, 'day').format(dateFormatValCN)\n const protectTypeData = () => {\n //applicantType==='I' premiumPackage==='I' 個人\n //applicantType==='I' premiumPackage==='F' 家庭\n //applicantType==='C' premiumPackage==='I' 公司\n if (detail.premiumPackage === 'I') {\n if (detail.applicant?.applicantType === 'I') {\n return 'individual'\n }\n if (detail.applicant?.applicantType === 'C') {\n return 'company'\n }\n }\n }\n const appInitData = {\n traveType: detail?.productCode,\n singleType: detail?.journeyType,\n travelStartDate: dayjs(detail?.productCode === 'AST' ? detail?.policyEffectFrom : detail?.policyEffectDate).format(dateFormatValCN),\n travelEndDate: endData,\n protectType: protectTypeData(),\n adultCount: detail?.adult || 0,\n elderlyCount: detail?.elderly || 0, \n childCount: detail?.child || 0,\n travelPlan: detail?.planID,\n }\n setInitData(appInitData)\n setDays(detail?.productCode === 'AST' ? dayjs(endData).diff(dayjs(detail?.policyEffectFrom), 'day') + 1 : '365')\n setActiveTab(detail?.planID)\n }\n }\n //如果通過app-number進去頁面，則請求此接口\n useEffect(() => {\n if (!typeSelect && appNumber) {\n getAppNumberData()\n }\n }, [typeSelect, appNumber])\n\n const handleBack = () => {\n ng(`/${lang}/home?ProspectClientId=${ProspectClientId}&clientId=${clientId}`);\n\n }\n\n const handleInsureFunc = async () => {\n const paramData = {\n appNo: appNumber,\n app: {\n productCode: initData.traveType,//AST AAT\n journeyType: initData.singleType, // OneWay RoundTrip\n planCode: initData.travelPlan,//p1 p2\n applicantType: initData.protectType === 'individual' ? 'I' : 'C',//\n // package: initData.protectType === 'family' ? \"F\" : 'I',//\n effectiveDate: initData.traveType === 'AAT' ? initData.travelStartDate : null,//\n tripStartDate: initData.traveType === 'AST' ? initData.travelStartDate : null,//\n tripEndDate: initData.traveType === 'AST' ? initData.travelEndDate : null,//\n // individual: initData.protectType !== 'family' ? Number(initData.adultCount) : 0,//,\n adult: Number(initData.adultCount) || 0, //,\n elderly: Number(initData.elderlyCount) || 0,\n child: Number(initData.childCount) || 0, //,\n language: lang,\n }\n }\n try {\n LoadBar.show()\n const res = await postPlanMsg(paramData);\n LoadBar.hide()\n const url = `traveType=${initData.traveType}&singleType=${initData.singleType}&travelStartDate=${initData.travelStartDate}&travelEndDate=${initData.travelEndDate}&protectType=${initData.protectType}&adultCount=${initData.adultCount}&elderlyCount=${initData?.elderlyCount}&childCount=${initData.childCount ?? 0}&travelPlan=${initData.travelPlan}&originalPrice=${premiumObj.originalPrice}&discountedPrice=${premiumObj.discountedPrice}&appNo=${res?.data?.appNo}&ProspectClientId=${ProspectClientId}&clientId=${clientId}`\n ng(`/${lang}/insure?${url}`);\n } catch (error) {\n console.log(error);\n }\n }\n\n const tabDataSelect = useMemo(() => ( allPlansList?.map(p => ({\n ...p,\n key: p.planCode,\n title: p?.[getCurLangField('planName')],\n }))), [allPlansList])\n\n const tabData = useMemo(() => (tabDataSelect?.filter(d => {\n if(initData.traveType === 'AAT') {\n return d.productCode === 'AAT';\n }\n return d.productCode === 'AST' && d.journeyType === initData.singleType;\n }))?.map((d) => ({\n ...d,\n plan: calcPremium(d.planCode, initData, days),\n })), [tabDataSelect, initData.traveType, initData.travelPlan, days, premiumList, isModalOpen, pmInfo])\n\n const handleMoreClick = () => {\n setIsClicked(prevState => !prevState);\n\n }\n //扁平化樹狀數據子項\n function flattenTreeWithLevel(tree, parentId = null) {\n let flatArray = [];\n tree?.forEach(item => {\n // 為當前項目創建一個扁平對象，包含label, key, parentId和level \n const flatItem = {\n label: lang === 'en' ? item.benefitName : item.benefitNameCN,\n key: item.benefitCode,\n // 單次單程沒有郵輪計劃\n priceList: initData.traveType === 'AAT' ? item.benefitLimits.filter((item) => item.productCode === 'AAT') : item.benefitLimits.filter((item) => item.productCode === 'AST' && (initData?.singleType === 'OneWay' ? item.planCode != 'CP' : true)),\n // priceListAST: item.benefitLimits.filter((item) => item.productCode === 'AST'),\n // priceListAAT: item.benefitLimits.filter((item) => item.productCode === 'AAT'),\n parentId: parentId,\n displayLevel: item.displayLevel // 標注當前項目是哪一級 \n };\n flatArray.push(flatItem);\n // 如果當前對象有子對象，遞歸扁平化 \n if (item.children && Array.isArray(item.children)) {\n const childrenFlat = flattenTreeWithLevel(item.children, item.benefitCode);\n flatArray = flatArray.concat(childrenFlat);\n }\n });\n return flatArray;\n }\n\n const newArray = detailsTableList && detailsTableList?.filter(item => {\n // 單次不顯示中國醫療卡 以及行李保障下的商業樣本（每次旅程）[在下面處理]\n if(initData.traveType === 'AST' && (item.benefitCode === 'TravelElite_V241119_20')) {\n return false;\n }\n return true;\n })?.map((item) => {\n return {\n label: lang === 'en' ? item.benefitName : item.benefitNameCN,\n key: item.benefitCode,\n // 單次單程沒有郵輪計劃\n priceList: initData.traveType === 'AAT' ? item.benefitLimits.filter((item) => item.productCode === 'AAT') : item.benefitLimits.filter((item) => item.productCode === 'AST' && (initData?.singleType === 'OneWay' ? item.planCode != 'CP' : true)),\n // priceListAST: item.benefitLimits.filter((item) => item.productCode === 'AST'),\n // priceListAAT: item.benefitLimits.filter((item) => item.productCode === 'AAT'),\n parentId: item.benefitCode,\n // 單次 行李保障下的商業樣本（每次旅程）\n child: flattenTreeWithLevel((initData.traveType === 'AST' && item.benefitCode === 'TravelElite_V241119_4') ? item.children?.filter(sonItem => sonItem.benefitCode != 'TravelElite_V241119_4_4') : item.children),\n displayLevel: 1 // 標注當前項目是哪一級 \n }\n });\n // console.log(newArray, 'newArray的值')\n //展開前取前四個\n const flatArray = isClicked ? newArray : newArray?.slice(0, 4);\n\n const handleTabClick = (tabId) => {\n setActiveTab(tabId);\n setInitData({\n ...initData,\n travelPlan: tabId,\n });\n calcPremium(\n tabId,\n initData,\n days,\n );\n };\n\n // 打開更改報價彈窗 需要特殊整理數據 保障類別合并了全年|單次 往返|單程的選項 \n const showModal = () => {\n form.setFieldsValue({\n InsuredObj: {\n insuredType: initData.protectType,\n adults: initData.adultCount,\n elderly: initData.elderlyCount,\n children: initData.childCount,\n },\n travelDate: [dayjs(initData.travelStartDate), dayjs(initData.travelEndDate)],\n traveType: initData.traveType === 'AST' ? initData.singleType : initData.traveType,\n travelPlan: initData.travelPlan,\n });\n //重置modal初始的數據-避免數據污染\n setDaysChange(days);\n setPlanSelect(initData.travelPlan);\n setTypeSelect(initData.traveType);\n setSingleTypeSelect(initData.singleType);\n //打開modal\n setIsModalOpen(true);\n };\n const handleOk = () => {\n setIsModalOpen(false);\n };\n const handleCancel = () => {\n setIsModalOpen(false);\n };\n\n const getTableFunc = async () => {\n const res = await postQuoteTable({});\n if (res.status === 200) {\n setPremiumList(res.data);\n\n }\n };\n\n const getTableFuncList = async () => {\n LoadBar.show()\n const res = await postQuoteTableList({});\n if (res.status === 200) {\n setDetailsTableList(res.data);\n LoadBar.hide()\n } else {\n LoadBar.hide()\n }\n };\n\n useEffect(() => {\n getTableFunc();\n getTableFuncList();\n }, []);\n\n // 確定更改報價 需要特殊整理數據 保障類別合并了全年|單次 往返|單程的選項 \n const onFinish = (values) => {\n // console.log(values, 'values values')\n setInitData({\n ...initData,\n traveType: values.traveType === 'OneWay' || values.traveType === 'RoundTrip' ? 'AST' : values.traveType,\n singleType: values.traveType === 'OneWay' || values.traveType === 'RoundTrip' ? values.traveType : 'RoundTrip',\n travelStartDate: dayjs(values.travelDate?.[0]).format(dateFormatValCN),\n travelEndDate: dayjs(values.travelDate?.[1]).format(dateFormatValCN),\n protectType: values.InsuredObj.insuredType,\n adultCount: values.InsuredObj.adults,\n elderlyCount: values.InsuredObj.elderly,\n childCount: values.InsuredObj.children,\n travelPlan: values.travelPlan,\n })\n setDays(dayjs(values.travelDate?.[1]).diff(values.travelDate?.[0], 'day') + 1);\n setActiveTab(values.travelPlan);\n setIsModalOpen(false);\n };\n\n //儲存功能\n const saveCase = async (name) => {\n const saveData = {\n productCode: initData.traveType,//AST AAT\n journeyType: initData.singleType, // OneWay RoundTrip\n planCode: initData.travelPlan,//p1 p2\n applicantType: initData.protectType === 'individual' ? 'I' : 'C',//\n // package: initData.protectType === 'family' ? \"F\" : 'I',//\n effectiveDate: initData.traveType === 'AAT' ? initData.travelStartDate : null,//\n tripStartDate: initData.traveType === 'AST' ? initData.travelStartDate : null,//\n tripEndDate: initData.traveType === 'AST' ? initData.travelEndDate : null,//\n // individual: initData.protectType !== 'family' ? Number(initData.adultCount) : 0,//,\n adult: Number(initData.adultCount) || 0, //,\n elderly: Number(initData.elderlyCount) || 0,\n child: Number(initData.childCount) || 0, //,\n language: lang,\n }\n const param = {\n currentFlow: 'QUOTE',\n caseTitle: name,\n appNo: appNumber || '',\n app: saveData,\n }\n const res = await applicationSave(param);\n if (res.status === 200) {\n setModalOpen(false);\n setModalSavedOpen(true);\n setAppNumber(res.data?.appNo);\n setInitialFileName(res.data?.caseTitle);\n }\n };\n\n const selectTypeChange = (value) => {\n setTypeSelect((value === 'RoundTrip' || value === 'OneWay') ? 'AST' : value);\n setSingleTypeSelect(value !== 'AAT' ? value : 'RoundTrip');\n form.setFieldsValue({\n travelPlan: null,\n });\n if (value === 'AAT') {\n const start = form.getFieldValue('travelDate')?.[0];\n const end = start.add(1, 'year').subtract(1, 'day'); // 开始时间加一年再减去一天\n form.setFieldsValue({\n travelDate: [start, end],\n });\n const ds = end.diff(start, 'day') + 1;\n setDaysChange(ds);\n }\n else {\n setDaysChange(0);\n form.setFieldsValue({\n travelDate: undefined,\n });\n // const now = dayjs().startOf('day'); // 当前时间 \n // const startDate = now.add(12, 'day'); // 开始日期为当前日期加上12天 \n // const endDate = startDate.add(4, 'day'); // 结束日期为开始日期加上5天\n // form.setFieldsValue({\n // travelDate: [startDate, endDate],\n // });\n // const ds = endDate.diff(startDate, 'day') + 1;\n // setDaysChange(ds);\n }\n };\n\n const selectPlanChange = (value) => {\n // console.log(value, 'value selectPlanChange')\n setPlanSelect(value);\n if (typeSelect === 'AST') {\n setDaysChange(0);\n form.setFieldsValue({\n travelDate: undefined,\n });\n // const now = dayjs().startOf('day'); // 当前时间 \n // const startDate = now.add(12, 'day'); // 开始日期为当前日期加上12天 \n // const endDate = startDate.add(4, 'day'); // 结束日期为开始日期加上5天\n // form.setFieldsValue({\n // travelDate: [startDate, endDate],\n // });\n // const ds = endDate.diff(startDate, 'day') + 1;\n // setDaysChange(ds);\n }\n };\n\n const handleFieldsChange = (changedFields) => {\n if (changedFields?.[0].name?.includes('travelDate')) {\n const [startDate, endDate] = changedFields[0].value ?? [];\n const ds = endDate.diff(startDate, 'day') + 1;\n setDaysChange(ds);\n if (typeSelect === 'AAT') {\n const end = startDate.subtract(1, 'day').add(1, 'year');\n const ds = end.diff(startDate, 'day') + 1;\n setDaysChange(ds);\n form.setFieldsValue({\n travelDate: [startDate, end],\n });\n }\n }\n }\n\n useEffect(() => {\n //監聽滾動>290px-展示報價框\n const handleScroll = () => {\n const scrollTop = document.getElementById('scrollBox').scrollTop;\n setScrollPosition(scrollTop > 290);\n\n };\n const boxElement = document.getElementById('scrollBox');\n boxElement.addEventListener('scroll', handleScroll);\n return () => {\n boxElement.removeEventListener('scroll', handleScroll);\n };\n\n }, []);\n\n const showTravelTypeText = () => {\n if(initData.traveType === 'AAT') {\n return t(\"quote.AnnualTravel\");\n } else {\n if(initData.singleType === 'OneWay') {\n return t(\"quote.OneWayCoverage\");\n }\n return t(\"quote.RoundTripCoverage\");\n }\n }\n\n const showTravelPlanText = () => {\n console.log(initData.travelPlan, initData.traveType, initData.singleType);\n return allPlansList?.filter(p => {\n if(initData.traveType === 'AAT') {\n return initData.travelPlan === p.planCode && initData.traveType === p.productCode;\n }else {\n return initData.travelPlan === p.planCode && initData.traveType === p.productCode && initData.singleType === p.journeyType;\n }\n })?.[0]?.[getCurLangField('planName')];\n }\n\n const showPeopleText = () => {\n let text = '';\n if(initData.adultCount) {\n text = t(\"home.InsuredTypeSelect.adultsNumber\", {peopleNumber: initData.adultCount});\n }\n if(initData.elderlyCount) {\n text = `${text ? `${text},` : ''}` + t(\"home.InsuredTypeSelect.elderlyNumber\", {peopleNumber: initData.elderlyCount});\n }\n if(initData.childCount) {\n text = `${text ? `${text},` : ''}` + t(\"home.InsuredTypeSelect.childrenNumber\", {peopleNumber: initData.childCount});\n }\n return text;\n }\n\n return (\n \n {curLang === 'zh' ? 'EN' : '中'}\n
\n \n {!isMobile && \n {initialValueDetailsParent?.label}
}\n open={modalDetailsOpen}\n onCancel={() => setModalDetailsOpen(false)}\n className={Styles.modalListsContainerModal}\n footer={null}\n >\n <>\n \n
}\n {!isMobile && \n
\n \n {/* ![]()
上一頁 */}\n\n {
*/}\n {\n
}\n {/* \n
\n \n {t(\"quote.YourOffer\")}\n
\n \n 
\n {t(\"quote.ChangeQuote\")}\n
\n \n
\n {\n (pmInfo?.[initData.traveType] ?? pmInfo?.['*'] ?? 0) !== 0 &&\n \n
\n \n
\n {t(\"quote.TypeCoverage\")}
\n {showTravelTypeText()}
\n \n
\n {t(\"quote.ProtectionPlan\")}
\n \n {showTravelPlanText()}\n
\n \n
\n {t(\"quote.InsuredPersons\")}
\n \n {initData.protectType === 'individual' ? t(\"quote.individual\") : t(\"home.InsureCard.firm\")}\n {` - `}\n {showPeopleText()}\n
\n \n
\n\n {t(\"quote.DateJourney\")}
\n {dayjs(initData.travelStartDate).format('DD/MM/YYYY')}
{dayjs(initData.travelEndDate).format('DD/MM/YYYY')}\n { }{t(\"quote.common\")} {days} {t(\"quote.day\")}
\n \n
\n \n HK$\n {premiumObj.discountedPrice}\n {/* .00 */}\n
\n HK${premiumObj.originalPrice}
\n \n
\n }\n \n 
\n {t(\"quote.Applied\")}{t(\"quote.PremiumDiscounts\")} {pmInfo[initData.traveType] ?? pmInfo['*']}% {t(\"quote.discount\")}\n
\n */}\n {scrollPosition &&
\n {/* \n
}\n \n
\n \n
\n {showTravelTypeText()}
\n \n {initData.protectType === 'individual' ? t(\"quote.individual\") : t(\"home.InsureCard.firm\")}\n {' - '}\n {showPeopleText()}\n {' | '}\n {dayjs(initData.travelStartDate).format('DD/MM/YYYY')}{' - '}{dayjs(initData.travelEndDate).format('DD/MM/YYYY')} {t(\"quote.common\")}{dayjs(initData.travelEndDate).diff(dayjs(initData.travelStartDate), 'day') + 1}{t(\"quote.day\")}\n {' | '}\n {showTravelPlanText()}\n
\n \n
\n {t(\"quote.TotalAmount\")}
\n \n HK$\n {premiumObj.discountedPrice}\n
\n \n {t(\"quote.choose\")}\n
}\n {!isMobile && \n
}\n {isMobile && \n {/* 
}\n /> */}\n \n {\n flatArray && flatArray?.filter((it) => it.priceList?.length).map((item) => {\n return <>\n \n {\n item.displayLevel === 1 && \n
\n {tabData && tabData?.map((item, index) =>\n \n
\n }\n \n } key={item.key}>\n <>\n {item.child?.filter((it) => it.priceList?.length).map((th, id) => {\n return \n {item.label}
\n {item.priceList.filter((p) => p.productCode === initData.traveType).map((it, idx) => {\n return it.productCode === initData.traveType && <> {it.benefitLimitCN ? Number(it.benefitLimitCN[0]) ? `HK$${formatNum(it.benefitLimitCN)}` : it.benefitLimitCN === '√' ?
\n })}\n\n \n
\n })}\n \n \n \n })\n }\n \n {/* {} */}\n \n {/* {th.displayLevel > 3 && } */}\n {th.label}\n
\n {th.priceList.filter((p) => p.productCode === initData.traveType).map((it, idx) => {\n return it.productCode === initData.traveType &&\n <>\n {/* 更改listBG */}\n \n {it.benefitLimitCN ? Number(it.benefitLimitCN[0]) ? `HK$${formatNum(it.benefitLimitCN)}` : lang==='zh'?it.benefitLimitCN:it.benefitLimit : ''}\n
\n \n })}\n \n
\n )}\n handleTabClick(item.key)}\n >\n
\n \n {item.title}\n {/* 
*/}\n
\n \n HK$\n \n {item.plan}\n \n
\n {activeTab === item.key ?\n \n 
\n {t(\"quote.choosed\")}\n
\n :\n \n {t(\"quote.choose2\")}\n
}\n \n
}\n\n \n {tabData && tabData?.map((item, index) =>\n
\n \n
\n )}\n \n
\n handleTabClick(item.key)}\n >\n
\n \n {item.title}\n {/* */}\n
\n \n HK$\n \n {item.plan}\n \n
\n {activeTab === item.key ?\n \n \n {t(\"quote.choosed\")}\n
\n :\n \n {t(\"quote.choose2\")}\n
}\n \n {flatArray && flatArray?.filter((it) => it.priceList?.length).map((item) => {\n return <>\n
\n \n
\n \n })\n }\n\n \n
\n {item.label}
\n {!!item.child.length && {\n setInitialValueDetails(item.child?.filter((it) => it.priceList?.length))\n setInitialValueDetailsParent(item)\n setModalDetailsOpen(true)\n }}>
}\n \n {item.priceList.filter((p) => p.productCode === initData.traveType).map((it, idx) => {\n return it.productCode === initData.traveType && <>\n
\n \n {it.benefitLimitCN ? Number(it.benefitLimitCN[0]) ?\n `HK$${formatNum(it.benefitLimitCN)}` : it.benefitLimitCN === '√' ?\n
\n \n })}\n\n \n {t(\"quote.FindOut\")}\n \n
\n \n
\n
\n
\n {t(\"quote.notes\")}
\n\n
{t(\"quote.attention\")}
\n\n
{t(\"quote.attention1\")}
\n{t(\"quote.attention2\")}
\n{t(\"quote.attention3\")}
\n{t(\"quote.attention4\")}
\n{t(\"quote.attention5\")}
\n{t(\"quote.attention6\")}
\n\n {!isMobile ? <>\n {/*
\n {\n setModalOpen(true)\n // formSave.resetFields()\n setValueInput('')\n }}>\n 
\n {t(\"quote.save\")}\n
*/}\n \n {/*
\n {t(\"quote.sendToUserBtn\")}
*/}\n {t(\"quote.Insure\")}
\n \n {appNumber && <>{t(\"quote.fileNo\")}{appNumber}}\n
\n :\n <>\n \n
\n {/* {t(\"quote.Insure\")}
\n {/* {t(\"quote.sendToUserBtn\")}
*/}\n {\n setModalOpen(true)\n // formSave.resetFields()\n setValueInput('')\n }}>\n \n {t(\"quote.save\")}\n
*/}\n \n {appNumber && <>{t(\"quote.fileNo\")}{appNumber}}\n
\n \n }\n \n
\n \n {t(\"quote.YourOffer\")}\n
\n \n null}\n onFieldsChange={handleFieldsChange}\n className={Styles.modalRowForm}\n >\n \n \n \n {!pmInfo?.isSCodeHolder&&{t(\"quote.OneWayCoverage\")} }\n {!pmInfo?.isSCodeHolder&&{t(\"quote.RoundTripCoverage\")} }\n {t(\"quote.AnnualTravel\")} \n \n \n \n \n \n {(tabDataSelect?.filter(d => {\n if(typeSelect === 'AAT') {\n return d.productCode === 'AAT';\n }\n return d.productCode === 'AST' && d.journeyType === singleTypeSelect;\n }))?.map((it, index) => {it.title} )}\n \n \n \n
\n \n \n \n
\n \n
\n \n
\n \n\n {t(\"quote.total1\")} {daysChange} {t(\"quote.total2\")}
\n }\n \n\n {/* {tabData && tabData?.map((item, index) =>\n
\n \n \n \n )\n}\n\nexport default Quote;","var initialState = {\n animating: false,\n autoplaying: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n dragging: false,\n edgeDragged: false,\n initialized: false,\n lazyLoadedList: [],\n listHeight: null,\n listWidth: null,\n scrolling: false,\n slideCount: null,\n slideHeight: null,\n slideWidth: null,\n swipeLeft: null,\n swiped: false,\n // used by swipeEvent. differentites between touch and swipe.\n swiping: false,\n touchObject: {\n startX: 0,\n startY: 0,\n curX: 0,\n curY: 0\n },\n trackStyle: {},\n trackWidth: 0,\n targetSlide: 0\n};\nexport default initialState;","/* eslint-disable no-undefined,no-param-reassign,no-shadow */\n\n/**\n * Throttle execution of a function. Especially useful for rate limiting\n * execution of handlers on events like resize and scroll.\n *\n * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)\n * are most useful.\n * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,\n * as-is, to `callback` when the throttled-function is executed.\n * @param {object} [options] - An object to configure options.\n * @param {boolean} [options.noTrailing] - Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds\n * while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed\n * one final time after the last throttled-function call. (After the throttled-function has not been called for\n * `delay` milliseconds, the internal counter is reset).\n * @param {boolean} [options.noLeading] - Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback\n * immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that\n * callback will never executed if both noLeading = true and noTrailing = true.\n * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is\n * false (at end), schedule `callback` to execute after `delay` ms.\n *\n * @returns {Function} A new, throttled, function.\n */\nfunction throttle (delay, callback, options) {\n var _ref = options || {},\n _ref$noTrailing = _ref.noTrailing,\n noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,\n _ref$noLeading = _ref.noLeading,\n noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,\n _ref$debounceMode = _ref.debounceMode,\n debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;\n /*\n * After wrapper has stopped being called, this timeout ensures that\n * `callback` is executed at the proper times in `throttle` and `end`\n * debounce modes.\n */\n\n\n var timeoutID;\n var cancelled = false; // Keep track of the last time `callback` was executed.\n\n var lastExec = 0; // Function to clear existing timeout\n\n function clearExistingTimeout() {\n if (timeoutID) {\n clearTimeout(timeoutID);\n }\n } // Function to cancel next exec\n\n\n function cancel(options) {\n var _ref2 = options || {},\n _ref2$upcomingOnly = _ref2.upcomingOnly,\n upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;\n\n clearExistingTimeout();\n cancelled = !upcomingOnly;\n }\n /*\n * The `wrapper` function encapsulates all of the throttling / debouncing\n * functionality and when executed will limit the rate at which `callback`\n * is executed.\n */\n\n\n function wrapper() {\n for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {\n arguments_[_key] = arguments[_key];\n }\n\n var self = this;\n var elapsed = Date.now() - lastExec;\n\n if (cancelled) {\n return;\n } // Execute `callback` and update the `lastExec` timestamp.\n\n\n function exec() {\n lastExec = Date.now();\n callback.apply(self, arguments_);\n }\n /*\n * If `debounceMode` is true (at begin) this is used to clear the flag\n * to allow future `callback` executions.\n */\n\n\n function clear() {\n timeoutID = undefined;\n }\n\n if (!noLeading && debounceMode && !timeoutID) {\n /*\n * Since `wrapper` is being called for the first time and\n * `debounceMode` is true (at begin), execute `callback`\n * and noLeading != true.\n */\n exec();\n }\n\n clearExistingTimeout();\n\n if (debounceMode === undefined && elapsed > delay) {\n if (noLeading) {\n /*\n * In throttle mode with noLeading, if `delay` time has\n * been exceeded, update `lastExec` and schedule `callback`\n * to execute after `delay` ms.\n */\n lastExec = Date.now();\n\n if (!noTrailing) {\n timeoutID = setTimeout(debounceMode ? clear : exec, delay);\n }\n } else {\n /*\n * In throttle mode without noLeading, if `delay` time has been exceeded, execute\n * `callback`.\n */\n exec();\n }\n } else if (noTrailing !== true) {\n /*\n * In trailing throttle mode, since `delay` time has not been\n * exceeded, schedule `callback` to execute `delay` ms after most\n * recent execution.\n *\n * If `debounceMode` is true (at begin), schedule `clear` to execute\n * after `delay` ms.\n *\n * If `debounceMode` is false (at end), schedule `callback` to\n * execute after `delay` ms.\n */\n timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);\n }\n }\n\n wrapper.cancel = cancel; // Return the wrapper function.\n\n return wrapper;\n}\n\n/* eslint-disable no-undefined */\n/**\n * Debounce execution of a function. Debouncing, unlike throttling,\n * guarantees that a function is only executed a single time, either at the\n * very beginning of a series of calls, or at the very end.\n *\n * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n * to `callback` when the debounced-function is executed.\n * @param {object} [options] - An object to configure options.\n * @param {boolean} [options.atBegin] - Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds\n * after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.\n * (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).\n *\n * @returns {Function} A new, debounced function.\n */\n\nfunction debounce (delay, callback, options) {\n var _ref = options || {},\n _ref$atBegin = _ref.atBegin,\n atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;\n\n return throttle(delay, callback, {\n debounceMode: atBegin !== false\n });\n}\n\nexport { debounce, throttle };\n//# sourceMappingURL=index.js.map\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport React from \"react\";\nexport function clamp(number, lowerBound, upperBound) {\n return Math.max(lowerBound, Math.min(number, upperBound));\n}\nexport var safePreventDefault = function safePreventDefault(event) {\n var passiveEvents = [\"onTouchStart\", \"onTouchMove\", \"onWheel\"];\n if (!passiveEvents.includes(event._reactName)) {\n event.preventDefault();\n }\n};\nexport var getOnDemandLazySlides = function getOnDemandLazySlides(spec) {\n var onDemandSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {\n onDemandSlides.push(slideIndex);\n }\n }\n return onDemandSlides;\n};\n\n// return list of slides that need to be present\nexport var getRequiredLazySlides = function getRequiredLazySlides(spec) {\n var requiredSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n requiredSlides.push(slideIndex);\n }\n return requiredSlides;\n};\n\n// startIndex that needs to be present\nexport var lazyStartIndex = function lazyStartIndex(spec) {\n return spec.currentSlide - lazySlidesOnLeft(spec);\n};\nexport var lazyEndIndex = function lazyEndIndex(spec) {\n return spec.currentSlide + lazySlidesOnRight(spec);\n};\nexport var lazySlidesOnLeft = function lazySlidesOnLeft(spec) {\n return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;\n};\nexport var lazySlidesOnRight = function lazySlidesOnRight(spec) {\n return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;\n};\n\n// get width of an element\nexport var getWidth = function getWidth(elem) {\n return elem && elem.offsetWidth || 0;\n};\nexport var getHeight = function getHeight(elem) {\n return elem && elem.offsetHeight || 0;\n};\nexport var getSwipeDirection = function getSwipeDirection(touchObject) {\n var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var xDist, yDist, r, swipeAngle;\n xDist = touchObject.startX - touchObject.curX;\n yDist = touchObject.startY - touchObject.curY;\n r = Math.atan2(yDist, xDist);\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {\n return \"left\";\n }\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return \"right\";\n }\n if (verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return \"up\";\n } else {\n return \"down\";\n }\n }\n return \"vertical\";\n};\n\n// whether or not we can go next\nexport var canGoNext = function canGoNext(spec) {\n var canGo = true;\n if (!spec.infinite) {\n if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) {\n canGo = false;\n } else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) {\n canGo = false;\n }\n }\n return canGo;\n};\n\n// given an object and a list of keys, return new object with given keys\nexport var extractObject = function extractObject(spec, keys) {\n var newObject = {};\n keys.forEach(function (key) {\n return newObject[key] = spec[key];\n });\n return newObject;\n};\n\n// get initialized state\nexport var initializedState = function initializedState(spec) {\n // spec also contains listRef, trackRef\n var slideCount = React.Children.count(spec.children);\n var listNode = spec.listRef;\n var listWidth = Math.ceil(getWidth(listNode));\n var trackNode = spec.trackRef && spec.trackRef.node;\n var trackWidth = Math.ceil(getWidth(trackNode));\n var slideWidth;\n if (!spec.vertical) {\n var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;\n if (typeof spec.centerPadding === \"string\" && spec.centerPadding.slice(-1) === \"%\") {\n centerPaddingAdj *= listWidth / 100;\n }\n slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);\n } else {\n slideWidth = listWidth;\n }\n var slideHeight = listNode && getHeight(listNode.querySelector('[data-index=\"0\"]'));\n var listHeight = slideHeight * spec.slidesToShow;\n var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide;\n if (spec.rtl && spec.currentSlide === undefined) {\n currentSlide = slideCount - 1 - spec.initialSlide;\n }\n var lazyLoadedList = spec.lazyLoadedList || [];\n var slidesToLoad = getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: currentSlide,\n lazyLoadedList: lazyLoadedList\n }));\n lazyLoadedList = lazyLoadedList.concat(slidesToLoad);\n var state = {\n slideCount: slideCount,\n slideWidth: slideWidth,\n listWidth: listWidth,\n trackWidth: trackWidth,\n currentSlide: currentSlide,\n slideHeight: slideHeight,\n listHeight: listHeight,\n lazyLoadedList: lazyLoadedList\n };\n if (spec.autoplaying === null && spec.autoplay) {\n state[\"autoplaying\"] = \"playing\";\n }\n return state;\n};\nexport var slideHandler = function slideHandler(spec) {\n var waitForAnimate = spec.waitForAnimate,\n animating = spec.animating,\n fade = spec.fade,\n infinite = spec.infinite,\n index = spec.index,\n slideCount = spec.slideCount,\n lazyLoad = spec.lazyLoad,\n currentSlide = spec.currentSlide,\n centerMode = spec.centerMode,\n slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n useCSS = spec.useCSS;\n var lazyLoadedList = spec.lazyLoadedList;\n if (waitForAnimate && animating) return {};\n var animationSlide = index,\n finalSlide,\n animationLeft,\n finalLeft;\n var state = {},\n nextState = {};\n var targetSlide = infinite ? index : clamp(index, 0, slideCount - 1);\n if (fade) {\n if (!infinite && (index < 0 || index >= slideCount)) return {};\n if (index < 0) {\n animationSlide = index + slideCount;\n } else if (index >= slideCount) {\n animationSlide = index - slideCount;\n }\n if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {\n lazyLoadedList = lazyLoadedList.concat(animationSlide);\n }\n state = {\n animating: true,\n currentSlide: animationSlide,\n lazyLoadedList: lazyLoadedList,\n targetSlide: animationSlide\n };\n nextState = {\n animating: false,\n targetSlide: animationSlide\n };\n } else {\n finalSlide = animationSlide;\n if (animationSlide < 0) {\n finalSlide = animationSlide + slideCount;\n if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) finalSlide = slideCount - slideCount % slidesToScroll;\n } else if (!canGoNext(spec) && animationSlide > currentSlide) {\n animationSlide = finalSlide = currentSlide;\n } else if (centerMode && animationSlide >= slideCount) {\n animationSlide = infinite ? slideCount : slideCount - 1;\n finalSlide = infinite ? 0 : slideCount - 1;\n } else if (animationSlide >= slideCount) {\n finalSlide = animationSlide - slideCount;\n if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0;\n }\n if (!infinite && animationSlide + slidesToShow >= slideCount) {\n finalSlide = slideCount - slidesToShow;\n }\n animationLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: animationSlide\n }));\n finalLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: finalSlide\n }));\n if (!infinite) {\n if (animationLeft === finalLeft) animationSlide = finalSlide;\n animationLeft = finalLeft;\n }\n if (lazyLoad) {\n lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: animationSlide\n })));\n }\n if (!useCSS) {\n state = {\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: finalLeft\n })),\n lazyLoadedList: lazyLoadedList,\n targetSlide: targetSlide\n };\n } else {\n state = {\n animating: true,\n currentSlide: finalSlide,\n trackStyle: getTrackAnimateCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: animationLeft\n })),\n lazyLoadedList: lazyLoadedList,\n targetSlide: targetSlide\n };\n nextState = {\n animating: false,\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: finalLeft\n })),\n swipeLeft: null,\n targetSlide: targetSlide\n };\n }\n }\n return {\n state: state,\n nextState: nextState\n };\n};\nexport var changeSlide = function changeSlide(spec, options) {\n var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;\n var slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n slideCount = spec.slideCount,\n currentSlide = spec.currentSlide,\n previousTargetSlide = spec.targetSlide,\n lazyLoad = spec.lazyLoad,\n infinite = spec.infinite;\n unevenOffset = slideCount % slidesToScroll !== 0;\n indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll;\n if (options.message === \"previous\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;\n targetSlide = currentSlide - slideOffset;\n if (lazyLoad && !infinite) {\n previousInt = currentSlide - slideOffset;\n targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;\n }\n if (!infinite) {\n targetSlide = previousTargetSlide - slidesToScroll;\n }\n } else if (options.message === \"next\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset;\n targetSlide = currentSlide + slideOffset;\n if (lazyLoad && !infinite) {\n targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;\n }\n if (!infinite) {\n targetSlide = previousTargetSlide + slidesToScroll;\n }\n } else if (options.message === \"dots\") {\n // Click on dots\n targetSlide = options.index * options.slidesToScroll;\n } else if (options.message === \"children\") {\n // Click on the slides\n targetSlide = options.index;\n if (infinite) {\n var direction = siblingDirection(_objectSpread(_objectSpread({}, spec), {}, {\n targetSlide: targetSlide\n }));\n if (targetSlide > options.currentSlide && direction === \"left\") {\n targetSlide = targetSlide - slideCount;\n } else if (targetSlide < options.currentSlide && direction === \"right\") {\n targetSlide = targetSlide + slideCount;\n }\n }\n } else if (options.message === \"index\") {\n targetSlide = Number(options.index);\n }\n return targetSlide;\n};\nexport var keyHandler = function keyHandler(e, accessibility, rtl) {\n if (e.target.tagName.match(\"TEXTAREA|INPUT|SELECT\") || !accessibility) return \"\";\n if (e.keyCode === 37) return rtl ? \"next\" : \"previous\";\n if (e.keyCode === 39) return rtl ? \"previous\" : \"next\";\n return \"\";\n};\nexport var swipeStart = function swipeStart(e, swipe, draggable) {\n e.target.tagName === \"IMG\" && safePreventDefault(e);\n if (!swipe || !draggable && e.type.indexOf(\"mouse\") !== -1) return \"\";\n return {\n dragging: true,\n touchObject: {\n startX: e.touches ? e.touches[0].pageX : e.clientX,\n startY: e.touches ? e.touches[0].pageY : e.clientY,\n curX: e.touches ? e.touches[0].pageX : e.clientX,\n curY: e.touches ? e.touches[0].pageY : e.clientY\n }\n };\n};\nexport var swipeMove = function swipeMove(e, spec) {\n // spec also contains, trackRef and slideIndex\n var scrolling = spec.scrolling,\n animating = spec.animating,\n vertical = spec.vertical,\n swipeToSlide = spec.swipeToSlide,\n verticalSwiping = spec.verticalSwiping,\n rtl = spec.rtl,\n currentSlide = spec.currentSlide,\n edgeFriction = spec.edgeFriction,\n edgeDragged = spec.edgeDragged,\n onEdge = spec.onEdge,\n swiped = spec.swiped,\n swiping = spec.swiping,\n slideCount = spec.slideCount,\n slidesToScroll = spec.slidesToScroll,\n infinite = spec.infinite,\n touchObject = spec.touchObject,\n swipeEvent = spec.swipeEvent,\n listHeight = spec.listHeight,\n listWidth = spec.listWidth;\n if (scrolling) return;\n if (animating) return safePreventDefault(e);\n if (vertical && swipeToSlide && verticalSwiping) safePreventDefault(e);\n var swipeLeft,\n state = {};\n var curLeft = getTrackLeft(spec);\n touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;\n touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;\n touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));\n var verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));\n if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {\n return {\n scrolling: true\n };\n }\n if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength;\n var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);\n if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;\n var dotCount = Math.ceil(slideCount / slidesToScroll);\n var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping);\n var touchSwipeLength = touchObject.swipeLength;\n if (!infinite) {\n if (currentSlide === 0 && (swipeDirection === \"right\" || swipeDirection === \"down\") || currentSlide + 1 >= dotCount && (swipeDirection === \"left\" || swipeDirection === \"up\") || !canGoNext(spec) && (swipeDirection === \"left\" || swipeDirection === \"up\")) {\n touchSwipeLength = touchObject.swipeLength * edgeFriction;\n if (edgeDragged === false && onEdge) {\n onEdge(swipeDirection);\n state[\"edgeDragged\"] = true;\n }\n }\n }\n if (!swiped && swipeEvent) {\n swipeEvent(swipeDirection);\n state[\"swiped\"] = true;\n }\n if (!vertical) {\n if (!rtl) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n } else {\n swipeLeft = curLeft - touchSwipeLength * positionOffset;\n }\n } else {\n swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset;\n }\n if (verticalSwiping) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n }\n state = _objectSpread(_objectSpread({}, state), {}, {\n touchObject: touchObject,\n swipeLeft: swipeLeft,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: swipeLeft\n }))\n });\n if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {\n return state;\n }\n if (touchObject.swipeLength > 10) {\n state[\"swiping\"] = true;\n safePreventDefault(e);\n }\n return state;\n};\nexport var swipeEnd = function swipeEnd(e, spec) {\n var dragging = spec.dragging,\n swipe = spec.swipe,\n touchObject = spec.touchObject,\n listWidth = spec.listWidth,\n touchThreshold = spec.touchThreshold,\n verticalSwiping = spec.verticalSwiping,\n listHeight = spec.listHeight,\n swipeToSlide = spec.swipeToSlide,\n scrolling = spec.scrolling,\n onSwipe = spec.onSwipe,\n targetSlide = spec.targetSlide,\n currentSlide = spec.currentSlide,\n infinite = spec.infinite;\n if (!dragging) {\n if (swipe) safePreventDefault(e);\n return {};\n }\n var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold;\n var swipeDirection = getSwipeDirection(touchObject, verticalSwiping);\n // reset the state of touch related state variables.\n var state = {\n dragging: false,\n edgeDragged: false,\n scrolling: false,\n swiping: false,\n swiped: false,\n swipeLeft: null,\n touchObject: {}\n };\n if (scrolling) {\n return state;\n }\n if (!touchObject.swipeLength) {\n return state;\n }\n if (touchObject.swipeLength > minSwipe) {\n safePreventDefault(e);\n if (onSwipe) {\n onSwipe(swipeDirection);\n }\n var slideCount, newSlide;\n var activeSlide = infinite ? currentSlide : targetSlide;\n switch (swipeDirection) {\n case \"left\":\n case \"up\":\n newSlide = activeSlide + getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 0;\n break;\n case \"right\":\n case \"down\":\n newSlide = activeSlide - getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 1;\n break;\n default:\n slideCount = activeSlide;\n }\n state[\"triggerSlideHandler\"] = slideCount;\n } else {\n // Adjust the track back to it's original position.\n var currentLeft = getTrackLeft(spec);\n state[\"trackStyle\"] = getTrackAnimateCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: currentLeft\n }));\n }\n return state;\n};\nexport var getNavigableIndexes = function getNavigableIndexes(spec) {\n var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;\n var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;\n var counter = spec.infinite ? spec.slidesToShow * -1 : 0;\n var indexes = [];\n while (breakpoint < max) {\n indexes.push(breakpoint);\n breakpoint = counter + spec.slidesToScroll;\n counter += Math.min(spec.slidesToScroll, spec.slidesToShow);\n }\n return indexes;\n};\nexport var checkNavigable = function checkNavigable(spec, index) {\n var navigables = getNavigableIndexes(spec);\n var prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n return index;\n};\nexport var getSlideCount = function getSlideCount(spec) {\n var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;\n if (spec.swipeToSlide) {\n var swipedSlide;\n var slickList = spec.listRef;\n var slides = slickList.querySelectorAll && slickList.querySelectorAll(\".slick-slide\") || [];\n Array.from(slides).every(function (slide) {\n if (!spec.vertical) {\n if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n } else {\n if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n }\n return true;\n });\n if (!swipedSlide) {\n return 0;\n }\n var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide;\n var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1;\n return slidesTraversed;\n } else {\n return spec.slidesToScroll;\n }\n};\nexport var checkSpecKeys = function checkSpecKeys(spec, keysArray) {\n return (\n // eslint-disable-next-line no-prototype-builtins\n keysArray.reduce(function (value, key) {\n return value && spec.hasOwnProperty(key);\n }, true) ? null : console.error(\"Keys Missing:\", spec)\n );\n};\nexport var getTrackCSS = function getTrackCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\"]);\n var trackWidth, trackHeight;\n var trackChildren = spec.slideCount + 2 * spec.slidesToShow;\n if (!spec.vertical) {\n trackWidth = getTotalSlides(spec) * spec.slideWidth;\n } else {\n trackHeight = trackChildren * spec.slideHeight;\n }\n var style = {\n opacity: 1,\n transition: \"\",\n WebkitTransition: \"\"\n };\n if (spec.useTransform) {\n var WebkitTransform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var transform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var msTransform = !spec.vertical ? \"translateX(\" + spec.left + \"px)\" : \"translateY(\" + spec.left + \"px)\";\n style = _objectSpread(_objectSpread({}, style), {}, {\n WebkitTransform: WebkitTransform,\n transform: transform,\n msTransform: msTransform\n });\n } else {\n if (spec.vertical) {\n style[\"top\"] = spec.left;\n } else {\n style[\"left\"] = spec.left;\n }\n }\n if (spec.fade) style = {\n opacity: 1\n };\n if (trackWidth) style.width = trackWidth;\n if (trackHeight) style.height = trackHeight;\n\n // Fallback for IE8\n if (window && !window.addEventListener && window.attachEvent) {\n if (!spec.vertical) {\n style.marginLeft = spec.left + \"px\";\n } else {\n style.marginTop = spec.left + \"px\";\n }\n }\n return style;\n};\nexport var getTrackAnimateCSS = function getTrackAnimateCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\", \"speed\", \"cssEase\"]);\n var style = getTrackCSS(spec);\n // useCSS is true by default so it can be undefined\n if (spec.useTransform) {\n style.WebkitTransition = \"-webkit-transform \" + spec.speed + \"ms \" + spec.cssEase;\n style.transition = \"transform \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n if (spec.vertical) {\n style.transition = \"top \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n style.transition = \"left \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n return style;\n};\nexport var getTrackLeft = function getTrackLeft(spec) {\n if (spec.unslick) {\n return 0;\n }\n checkSpecKeys(spec, [\"slideIndex\", \"trackRef\", \"infinite\", \"centerMode\", \"slideCount\", \"slidesToShow\", \"slidesToScroll\", \"slideWidth\", \"listWidth\", \"variableWidth\", \"slideHeight\"]);\n var slideIndex = spec.slideIndex,\n trackRef = spec.trackRef,\n infinite = spec.infinite,\n centerMode = spec.centerMode,\n slideCount = spec.slideCount,\n slidesToShow = spec.slidesToShow,\n slidesToScroll = spec.slidesToScroll,\n slideWidth = spec.slideWidth,\n listWidth = spec.listWidth,\n variableWidth = spec.variableWidth,\n slideHeight = spec.slideHeight,\n fade = spec.fade,\n vertical = spec.vertical;\n var slideOffset = 0;\n var targetLeft;\n var targetSlide;\n var verticalOffset = 0;\n if (fade || spec.slideCount === 1) {\n return 0;\n }\n var slidesToOffset = 0;\n if (infinite) {\n slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area\n // if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll);\n }\n // shift current slide to center of the frame\n if (centerMode) {\n slidesToOffset += parseInt(slidesToShow / 2);\n }\n } else {\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = slidesToShow - slideCount % slidesToScroll;\n }\n if (centerMode) {\n slidesToOffset = parseInt(slidesToShow / 2);\n }\n }\n slideOffset = slidesToOffset * slideWidth;\n verticalOffset = slidesToOffset * slideHeight;\n if (!vertical) {\n targetLeft = slideIndex * slideWidth * -1 + slideOffset;\n } else {\n targetLeft = slideIndex * slideHeight * -1 + verticalOffset;\n }\n if (variableWidth === true) {\n var targetSlideIndex;\n var trackElem = trackRef && trackRef.node;\n targetSlideIndex = slideIndex + getPreClones(spec);\n targetSlide = trackElem && trackElem.childNodes[targetSlideIndex];\n targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;\n if (centerMode === true) {\n targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;\n targetSlide = trackElem && trackElem.children[targetSlideIndex];\n targetLeft = 0;\n for (var slide = 0; slide < targetSlideIndex; slide++) {\n targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;\n }\n targetLeft -= parseInt(spec.centerPadding);\n targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;\n }\n }\n return targetLeft;\n};\nexport var getPreClones = function getPreClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n if (spec.variableWidth) {\n return spec.slideCount;\n }\n return spec.slidesToShow + (spec.centerMode ? 1 : 0);\n};\nexport var getPostClones = function getPostClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n return spec.slideCount;\n};\nexport var getTotalSlides = function getTotalSlides(spec) {\n return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);\n};\nexport var siblingDirection = function siblingDirection(spec) {\n if (spec.targetSlide > spec.currentSlide) {\n if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {\n return \"left\";\n }\n return \"right\";\n } else {\n if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) {\n return \"right\";\n }\n return \"left\";\n }\n};\nexport var slidesOnRight = function slidesOnRight(_ref) {\n var slidesToShow = _ref.slidesToShow,\n centerMode = _ref.centerMode,\n rtl = _ref.rtl,\n centerPadding = _ref.centerPadding;\n // returns no of slides on the right of active slide\n if (centerMode) {\n var right = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) right += 1;\n if (rtl && slidesToShow % 2 === 0) right += 1;\n return right;\n }\n if (rtl) {\n return 0;\n }\n return slidesToShow - 1;\n};\nexport var slidesOnLeft = function slidesOnLeft(_ref2) {\n var slidesToShow = _ref2.slidesToShow,\n centerMode = _ref2.centerMode,\n rtl = _ref2.rtl,\n centerPadding = _ref2.centerPadding;\n // returns no of slides on the left of active slide\n if (centerMode) {\n var left = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) left += 1;\n if (!rtl && slidesToShow % 2 === 0) left += 1;\n return left;\n }\n if (rtl) {\n return slidesToShow - 1;\n }\n return 0;\n};\nexport var canUseDOM = function canUseDOM() {\n return !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n};","\"use strict\";\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport React from \"react\";\nimport classnames from \"classnames\";\nimport { lazyStartIndex, lazyEndIndex, getPreClones } from \"./utils/innerSliderUtils\";\n\n// given specifications/props for a slide, fetch all the classes that need to be applied to the slide\nvar getSlideClasses = function getSlideClasses(spec) {\n var slickActive, slickCenter, slickCloned;\n var centerOffset, index;\n if (spec.rtl) {\n index = spec.slideCount - 1 - spec.index;\n } else {\n index = spec.index;\n }\n slickCloned = index < 0 || index >= spec.slideCount;\n if (spec.centerMode) {\n centerOffset = Math.floor(spec.slidesToShow / 2);\n slickCenter = (index - spec.currentSlide) % spec.slideCount === 0;\n if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) {\n slickActive = true;\n }\n } else {\n slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow;\n }\n var focusedSlide;\n if (spec.targetSlide < 0) {\n focusedSlide = spec.targetSlide + spec.slideCount;\n } else if (spec.targetSlide >= spec.slideCount) {\n focusedSlide = spec.targetSlide - spec.slideCount;\n } else {\n focusedSlide = spec.targetSlide;\n }\n var slickCurrent = index === focusedSlide;\n return {\n \"slick-slide\": true,\n \"slick-active\": slickActive,\n \"slick-center\": slickCenter,\n \"slick-cloned\": slickCloned,\n \"slick-current\": slickCurrent // dubious in case of RTL\n };\n};\n\nvar getSlideStyle = function getSlideStyle(spec) {\n var style = {};\n if (spec.variableWidth === undefined || spec.variableWidth === false) {\n style.width = spec.slideWidth;\n }\n if (spec.fade) {\n style.position = \"relative\";\n if (spec.vertical && spec.slideHeight) {\n style.top = -spec.index * parseInt(spec.slideHeight);\n } else {\n style.left = -spec.index * parseInt(spec.slideWidth);\n }\n style.opacity = spec.currentSlide === spec.index ? 1 : 0;\n if (spec.useCSS) {\n style.transition = \"opacity \" + spec.speed + \"ms \" + spec.cssEase + \", \" + \"visibility \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n return style;\n};\nvar getKey = function getKey(child, fallbackKey) {\n return child.key + \"-\" + fallbackKey;\n};\nvar renderSlides = function renderSlides(spec) {\n var key;\n var slides = [];\n var preCloneSlides = [];\n var postCloneSlides = [];\n var childrenCount = React.Children.count(spec.children);\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n React.Children.forEach(spec.children, function (elem, index) {\n var child;\n var childOnClickOptions = {\n message: \"children\",\n index: index,\n slidesToScroll: spec.slidesToScroll,\n currentSlide: spec.currentSlide\n };\n\n // in case of lazyLoad, whether or not we want to fetch the slide\n if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {\n child = elem;\n } else {\n child = /*#__PURE__*/React.createElement(\"div\", null);\n }\n var childStyle = getSlideStyle(_objectSpread(_objectSpread({}, spec), {}, {\n index: index\n }));\n var slideClass = child.props.className || \"\";\n var slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: index\n }));\n // push a cloned element of the desired slide\n slides.push( /*#__PURE__*/React.cloneElement(child, {\n key: \"original\" + getKey(child, index),\n \"data-index\": index,\n className: classnames(slideClasses, slideClass),\n tabIndex: \"-1\",\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({\n outline: \"none\"\n }, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n\n // if slide needs to be precloned or postcloned\n if (spec.infinite && spec.fade === false) {\n var preCloneNo = childrenCount - index;\n if (preCloneNo <= getPreClones(spec) && childrenCount !== spec.slidesToShow) {\n key = -preCloneNo;\n if (key >= startIndex) {\n child = elem;\n }\n slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: key\n }));\n preCloneSlides.push( /*#__PURE__*/React.cloneElement(child, {\n key: \"precloned\" + getKey(child, key),\n \"data-index\": key,\n tabIndex: \"-1\",\n className: classnames(slideClasses, slideClass),\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({}, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n }\n if (childrenCount !== spec.slidesToShow) {\n key = childrenCount + index;\n if (key < endIndex) {\n child = elem;\n }\n slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: key\n }));\n postCloneSlides.push( /*#__PURE__*/React.cloneElement(child, {\n key: \"postcloned\" + getKey(child, key),\n \"data-index\": key,\n tabIndex: \"-1\",\n className: classnames(slideClasses, slideClass),\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({}, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n }\n }\n });\n if (spec.rtl) {\n return preCloneSlides.concat(slides, postCloneSlides).reverse();\n } else {\n return preCloneSlides.concat(slides, postCloneSlides);\n }\n};\nexport var Track = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(Track, _React$PureComponent);\n var _super = _createSuper(Track);\n function Track() {\n var _this;\n _classCallCheck(this, Track);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _defineProperty(_assertThisInitialized(_this), \"node\", null);\n _defineProperty(_assertThisInitialized(_this), \"handleRef\", function (ref) {\n _this.node = ref;\n });\n return _this;\n }\n _createClass(Track, [{\n key: \"render\",\n value: function render() {\n var slides = renderSlides(this.props);\n var _this$props = this.props,\n onMouseEnter = _this$props.onMouseEnter,\n onMouseOver = _this$props.onMouseOver,\n onMouseLeave = _this$props.onMouseLeave;\n var mouseEvents = {\n onMouseEnter: onMouseEnter,\n onMouseOver: onMouseOver,\n onMouseLeave: onMouseLeave\n };\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: this.handleRef,\n className: \"slick-track\",\n style: this.props.trackStyle\n }, mouseEvents), slides);\n }\n }]);\n return Track;\n}(React.PureComponent);","\"use strict\";\n\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _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 React from \"react\";\nimport classnames from \"classnames\";\nimport { clamp } from \"./utils/innerSliderUtils\";\nvar getDotCount = function getDotCount(spec) {\n var dots;\n if (spec.infinite) {\n dots = Math.ceil(spec.slideCount / spec.slidesToScroll);\n } else {\n dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;\n }\n return dots;\n};\nexport var Dots = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(Dots, _React$PureComponent);\n var _super = _createSuper(Dots);\n function Dots() {\n _classCallCheck(this, Dots);\n return _super.apply(this, arguments);\n }\n _createClass(Dots, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n // In Autoplay the focus stays on clicked button even after transition\n // to next slide. That only goes away by click somewhere outside\n e.preventDefault();\n this.props.clickHandler(options);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n onMouseEnter = _this$props.onMouseEnter,\n onMouseOver = _this$props.onMouseOver,\n onMouseLeave = _this$props.onMouseLeave,\n infinite = _this$props.infinite,\n slidesToScroll = _this$props.slidesToScroll,\n slidesToShow = _this$props.slidesToShow,\n slideCount = _this$props.slideCount,\n currentSlide = _this$props.currentSlide;\n var dotCount = getDotCount({\n slideCount: slideCount,\n slidesToScroll: slidesToScroll,\n slidesToShow: slidesToShow,\n infinite: infinite\n });\n var mouseEvents = {\n onMouseEnter: onMouseEnter,\n onMouseOver: onMouseOver,\n onMouseLeave: onMouseLeave\n };\n var dots = [];\n for (var i = 0; i < dotCount; i++) {\n var _rightBound = (i + 1) * slidesToScroll - 1;\n var rightBound = infinite ? _rightBound : clamp(_rightBound, 0, slideCount - 1);\n var _leftBound = rightBound - (slidesToScroll - 1);\n var leftBound = infinite ? _leftBound : clamp(_leftBound, 0, slideCount - 1);\n var className = classnames({\n \"slick-active\": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound\n });\n var dotOptions = {\n message: \"dots\",\n index: i,\n slidesToScroll: slidesToScroll,\n currentSlide: currentSlide\n };\n var onClick = this.clickHandler.bind(this, dotOptions);\n dots = dots.concat( /*#__PURE__*/React.createElement(\"li\", {\n key: i,\n className: className\n }, /*#__PURE__*/React.cloneElement(this.props.customPaging(i), {\n onClick: onClick\n })));\n }\n return /*#__PURE__*/React.cloneElement(this.props.appendDots(dots), _objectSpread({\n className: this.props.dotsClass\n }, mouseEvents));\n }\n }]);\n return Dots;\n}(React.PureComponent);","\"use strict\";\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _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 React from \"react\";\nimport classnames from \"classnames\";\nimport { canGoNext } from \"./utils/innerSliderUtils\";\nexport var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(PrevArrow, _React$PureComponent);\n var _super = _createSuper(PrevArrow);\n function PrevArrow() {\n _classCallCheck(this, PrevArrow);\n return _super.apply(this, arguments);\n }\n _createClass(PrevArrow, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n if (e) {\n e.preventDefault();\n }\n this.props.clickHandler(options, e);\n }\n }, {\n key: \"render\",\n value: function render() {\n var prevClasses = {\n \"slick-arrow\": true,\n \"slick-prev\": true\n };\n var prevHandler = this.clickHandler.bind(this, {\n message: \"previous\"\n });\n if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {\n prevClasses[\"slick-disabled\"] = true;\n prevHandler = null;\n }\n var prevArrowProps = {\n key: \"0\",\n \"data-role\": \"none\",\n className: classnames(prevClasses),\n style: {\n display: \"block\"\n },\n onClick: prevHandler\n };\n var customProps = {\n currentSlide: this.props.currentSlide,\n slideCount: this.props.slideCount\n };\n var prevArrow;\n if (this.props.prevArrow) {\n prevArrow = /*#__PURE__*/React.cloneElement(this.props.prevArrow, _objectSpread(_objectSpread({}, prevArrowProps), customProps));\n } else {\n prevArrow = /*#__PURE__*/React.createElement(\"button\", _extends({\n key: \"0\",\n type: \"button\"\n }, prevArrowProps), \" \", \"Previous\");\n }\n return prevArrow;\n }\n }]);\n return PrevArrow;\n}(React.PureComponent);\nexport var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {\n _inherits(NextArrow, _React$PureComponent2);\n var _super2 = _createSuper(NextArrow);\n function NextArrow() {\n _classCallCheck(this, NextArrow);\n return _super2.apply(this, arguments);\n }\n _createClass(NextArrow, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n if (e) {\n e.preventDefault();\n }\n this.props.clickHandler(options, e);\n }\n }, {\n key: \"render\",\n value: function render() {\n var nextClasses = {\n \"slick-arrow\": true,\n \"slick-next\": true\n };\n var nextHandler = this.clickHandler.bind(this, {\n message: \"next\"\n });\n if (!canGoNext(this.props)) {\n nextClasses[\"slick-disabled\"] = true;\n nextHandler = null;\n }\n var nextArrowProps = {\n key: \"1\",\n \"data-role\": \"none\",\n className: classnames(nextClasses),\n style: {\n display: \"block\"\n },\n onClick: nextHandler\n };\n var customProps = {\n currentSlide: this.props.currentSlide,\n slideCount: this.props.slideCount\n };\n var nextArrow;\n if (this.props.nextArrow) {\n nextArrow = /*#__PURE__*/React.cloneElement(this.props.nextArrow, _objectSpread(_objectSpread({}, nextArrowProps), customProps));\n } else {\n nextArrow = /*#__PURE__*/React.createElement(\"button\", _extends({\n key: \"1\",\n type: \"button\"\n }, nextArrowProps), \" \", \"Next\");\n }\n return nextArrow;\n }\n }]);\n return NextArrow;\n}(React.PureComponent);","\"use strict\";\n\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"animating\"];\nimport React from \"react\";\nimport initialState from \"./initial-state\";\nimport { debounce } from \"throttle-debounce\";\nimport classnames from \"classnames\";\nimport { getOnDemandLazySlides, extractObject, initializedState, getHeight, canGoNext, slideHandler, changeSlide, keyHandler, swipeStart, swipeMove, swipeEnd, getPreClones, getPostClones, getTrackLeft, getTrackCSS } from \"./utils/innerSliderUtils\";\nimport { Track } from \"./track\";\nimport { Dots } from \"./dots\";\nimport { PrevArrow, NextArrow } from \"./arrows\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nexport var InnerSlider = /*#__PURE__*/function (_React$Component) {\n _inherits(InnerSlider, _React$Component);\n var _super = _createSuper(InnerSlider);\n function InnerSlider(props) {\n var _this;\n _classCallCheck(this, InnerSlider);\n _this = _super.call(this, props);\n _defineProperty(_assertThisInitialized(_this), \"listRefHandler\", function (ref) {\n return _this.list = ref;\n });\n _defineProperty(_assertThisInitialized(_this), \"trackRefHandler\", function (ref) {\n return _this.track = ref;\n });\n _defineProperty(_assertThisInitialized(_this), \"adaptHeight\", function () {\n if (_this.props.adaptiveHeight && _this.list) {\n var elem = _this.list.querySelector(\"[data-index=\\\"\".concat(_this.state.currentSlide, \"\\\"]\"));\n _this.list.style.height = getHeight(elem) + \"px\";\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"componentDidMount\", function () {\n _this.props.onInit && _this.props.onInit();\n if (_this.props.lazyLoad) {\n var slidesToLoad = getOnDemandLazySlides(_objectSpread(_objectSpread({}, _this.props), _this.state));\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n }\n var spec = _objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props);\n _this.updateState(spec, true, function () {\n _this.adaptHeight();\n _this.props.autoplay && _this.autoPlay(\"playing\");\n });\n if (_this.props.lazyLoad === \"progressive\") {\n _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);\n }\n _this.ro = new ResizeObserver(function () {\n if (_this.state.animating) {\n _this.onWindowResized(false); // don't set trackStyle hence don't break animation\n _this.callbackTimers.push(setTimeout(function () {\n return _this.onWindowResized();\n }, _this.props.speed));\n } else {\n _this.onWindowResized();\n }\n });\n _this.ro.observe(_this.list);\n document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll(\".slick-slide\"), function (slide) {\n slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;\n slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;\n });\n if (window.addEventListener) {\n window.addEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.attachEvent(\"onresize\", _this.onWindowResized);\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"componentWillUnmount\", function () {\n if (_this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n }\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n }\n if (_this.callbackTimers.length) {\n _this.callbackTimers.forEach(function (timer) {\n return clearTimeout(timer);\n });\n _this.callbackTimers = [];\n }\n if (window.addEventListener) {\n window.removeEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.detachEvent(\"onresize\", _this.onWindowResized);\n }\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n _this.ro.disconnect();\n });\n _defineProperty(_assertThisInitialized(_this), \"componentDidUpdate\", function (prevProps) {\n _this.checkImagesLoad();\n _this.props.onReInit && _this.props.onReInit();\n if (_this.props.lazyLoad) {\n var slidesToLoad = getOnDemandLazySlides(_objectSpread(_objectSpread({}, _this.props), _this.state));\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n }\n // if (this.props.onLazyLoad) {\n // this.props.onLazyLoad([leftMostSlide])\n // }\n _this.adaptHeight();\n var spec = _objectSpread(_objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props), _this.state);\n var setTrackStyle = _this.didPropsChange(prevProps);\n setTrackStyle && _this.updateState(spec, setTrackStyle, function () {\n if (_this.state.currentSlide >= React.Children.count(_this.props.children)) {\n _this.changeSlide({\n message: \"index\",\n index: React.Children.count(_this.props.children) - _this.props.slidesToShow,\n currentSlide: _this.state.currentSlide\n });\n }\n if (prevProps.autoplay !== _this.props.autoplay || prevProps.autoplaySpeed !== _this.props.autoplaySpeed) {\n if (!prevProps.autoplay && _this.props.autoplay) {\n _this.autoPlay(\"playing\");\n } else if (_this.props.autoplay) {\n _this.autoPlay(\"update\");\n } else {\n _this.pause(\"paused\");\n }\n }\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"onWindowResized\", function (setTrackStyle) {\n if (_this.debouncedResize) _this.debouncedResize.cancel();\n _this.debouncedResize = debounce(50, function () {\n return _this.resizeWindow(setTrackStyle);\n });\n _this.debouncedResize();\n });\n _defineProperty(_assertThisInitialized(_this), \"resizeWindow\", function () {\n var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var isTrackMounted = Boolean(_this.track && _this.track.node);\n // prevent warning: setting state on unmounted component (server side rendering)\n if (!isTrackMounted) return;\n var spec = _objectSpread(_objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props), _this.state);\n _this.updateState(spec, setTrackStyle, function () {\n if (_this.props.autoplay) _this.autoPlay(\"update\");else _this.pause(\"paused\");\n });\n // animating state should be cleared while resizing, otherwise autoplay stops working\n _this.setState({\n animating: false\n });\n clearTimeout(_this.animationEndCallback);\n delete _this.animationEndCallback;\n });\n _defineProperty(_assertThisInitialized(_this), \"updateState\", function (spec, setTrackStyle, callback) {\n var updatedState = initializedState(spec);\n spec = _objectSpread(_objectSpread(_objectSpread({}, spec), updatedState), {}, {\n slideIndex: updatedState.currentSlide\n });\n var targetLeft = getTrackLeft(spec);\n spec = _objectSpread(_objectSpread({}, spec), {}, {\n left: targetLeft\n });\n var trackStyle = getTrackCSS(spec);\n if (setTrackStyle || React.Children.count(_this.props.children) !== React.Children.count(spec.children)) {\n updatedState[\"trackStyle\"] = trackStyle;\n }\n _this.setState(updatedState, callback);\n });\n _defineProperty(_assertThisInitialized(_this), \"ssrInit\", function () {\n if (_this.props.variableWidth) {\n var _trackWidth = 0,\n _trackLeft = 0;\n var childrenWidths = [];\n var preClones = getPreClones(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: _this.props.children.length\n }));\n var postClones = getPostClones(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: _this.props.children.length\n }));\n _this.props.children.forEach(function (child) {\n childrenWidths.push(child.props.style.width);\n _trackWidth += child.props.style.width;\n });\n for (var i = 0; i < preClones; i++) {\n _trackLeft += childrenWidths[childrenWidths.length - 1 - i];\n _trackWidth += childrenWidths[childrenWidths.length - 1 - i];\n }\n for (var _i = 0; _i < postClones; _i++) {\n _trackWidth += childrenWidths[_i];\n }\n for (var _i2 = 0; _i2 < _this.state.currentSlide; _i2++) {\n _trackLeft += childrenWidths[_i2];\n }\n var _trackStyle = {\n width: _trackWidth + \"px\",\n left: -_trackLeft + \"px\"\n };\n if (_this.props.centerMode) {\n var currentWidth = \"\".concat(childrenWidths[_this.state.currentSlide], \"px\");\n _trackStyle.left = \"calc(\".concat(_trackStyle.left, \" + (100% - \").concat(currentWidth, \") / 2 ) \");\n }\n return {\n trackStyle: _trackStyle\n };\n }\n var childrenCount = React.Children.count(_this.props.children);\n var spec = _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: childrenCount\n });\n var slideCount = getPreClones(spec) + getPostClones(spec) + childrenCount;\n var trackWidth = 100 / _this.props.slidesToShow * slideCount;\n var slideWidth = 100 / slideCount;\n var trackLeft = -slideWidth * (getPreClones(spec) + _this.state.currentSlide) * trackWidth / 100;\n if (_this.props.centerMode) {\n trackLeft += (100 - slideWidth * trackWidth / 100) / 2;\n }\n var trackStyle = {\n width: trackWidth + \"%\",\n left: trackLeft + \"%\"\n };\n return {\n slideWidth: slideWidth + \"%\",\n trackStyle: trackStyle\n };\n });\n _defineProperty(_assertThisInitialized(_this), \"checkImagesLoad\", function () {\n var images = _this.list && _this.list.querySelectorAll && _this.list.querySelectorAll(\".slick-slide img\") || [];\n var imagesCount = images.length,\n loadedCount = 0;\n Array.prototype.forEach.call(images, function (image) {\n var handler = function handler() {\n return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();\n };\n if (!image.onclick) {\n image.onclick = function () {\n return image.parentNode.focus();\n };\n } else {\n var prevClickHandler = image.onclick;\n image.onclick = function (e) {\n prevClickHandler(e);\n image.parentNode.focus();\n };\n }\n if (!image.onload) {\n if (_this.props.lazyLoad) {\n image.onload = function () {\n _this.adaptHeight();\n _this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));\n };\n } else {\n image.onload = handler;\n image.onerror = function () {\n handler();\n _this.props.onLazyLoadError && _this.props.onLazyLoadError();\n };\n }\n }\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"progressiveLazyLoad\", function () {\n var slidesToLoad = [];\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n for (var index = _this.state.currentSlide; index < _this.state.slideCount + getPostClones(spec); index++) {\n if (_this.state.lazyLoadedList.indexOf(index) < 0) {\n slidesToLoad.push(index);\n break;\n }\n }\n for (var _index = _this.state.currentSlide - 1; _index >= -getPreClones(spec); _index--) {\n if (_this.state.lazyLoadedList.indexOf(_index) < 0) {\n slidesToLoad.push(_index);\n break;\n }\n }\n if (slidesToLoad.length > 0) {\n _this.setState(function (state) {\n return {\n lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)\n };\n });\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n } else {\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n delete _this.lazyLoadTimer;\n }\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"slideHandler\", function (index) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var _this$props = _this.props,\n asNavFor = _this$props.asNavFor,\n beforeChange = _this$props.beforeChange,\n onLazyLoad = _this$props.onLazyLoad,\n speed = _this$props.speed,\n afterChange = _this$props.afterChange;\n // capture currentslide before state is updated\n var currentSlide = _this.state.currentSlide;\n var _slideHandler = slideHandler(_objectSpread(_objectSpread(_objectSpread({\n index: index\n }, _this.props), _this.state), {}, {\n trackRef: _this.track,\n useCSS: _this.props.useCSS && !dontAnimate\n })),\n state = _slideHandler.state,\n nextState = _slideHandler.nextState;\n if (!state) return;\n beforeChange && beforeChange(currentSlide, state.currentSlide);\n var slidesToLoad = state.lazyLoadedList.filter(function (value) {\n return _this.state.lazyLoadedList.indexOf(value) < 0;\n });\n onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);\n if (!_this.props.waitForAnimate && _this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n afterChange && afterChange(currentSlide);\n delete _this.animationEndCallback;\n }\n _this.setState(state, function () {\n // asNavForIndex check is to avoid recursive calls of slideHandler in waitForAnimate=false mode\n if (asNavFor && _this.asNavForIndex !== index) {\n _this.asNavForIndex = index;\n asNavFor.innerSlider.slideHandler(index);\n }\n if (!nextState) return;\n _this.animationEndCallback = setTimeout(function () {\n var animating = nextState.animating,\n firstBatch = _objectWithoutProperties(nextState, _excluded);\n _this.setState(firstBatch, function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.setState({\n animating: animating\n });\n }, 10));\n afterChange && afterChange(state.currentSlide);\n delete _this.animationEndCallback;\n });\n }, speed);\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"changeSlide\", function (options) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n var targetSlide = changeSlide(spec, options);\n if (targetSlide !== 0 && !targetSlide) return;\n if (dontAnimate === true) {\n _this.slideHandler(targetSlide, dontAnimate);\n } else {\n _this.slideHandler(targetSlide);\n }\n _this.props.autoplay && _this.autoPlay(\"update\");\n if (_this.props.focusOnSelect) {\n var nodes = _this.list.querySelectorAll(\".slick-current\");\n nodes[0] && nodes[0].focus();\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"clickHandler\", function (e) {\n if (_this.clickable === false) {\n e.stopPropagation();\n e.preventDefault();\n }\n _this.clickable = true;\n });\n _defineProperty(_assertThisInitialized(_this), \"keyHandler\", function (e) {\n var dir = keyHandler(e, _this.props.accessibility, _this.props.rtl);\n dir !== \"\" && _this.changeSlide({\n message: dir\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"selectHandler\", function (options) {\n _this.changeSlide(options);\n });\n _defineProperty(_assertThisInitialized(_this), \"disableBodyScroll\", function () {\n var preventDefault = function preventDefault(e) {\n e = e || window.event;\n if (e.preventDefault) e.preventDefault();\n e.returnValue = false;\n };\n window.ontouchmove = preventDefault;\n });\n _defineProperty(_assertThisInitialized(_this), \"enableBodyScroll\", function () {\n window.ontouchmove = null;\n });\n _defineProperty(_assertThisInitialized(_this), \"swipeStart\", function (e) {\n if (_this.props.verticalSwiping) {\n _this.disableBodyScroll();\n }\n var state = swipeStart(e, _this.props.swipe, _this.props.draggable);\n state !== \"\" && _this.setState(state);\n });\n _defineProperty(_assertThisInitialized(_this), \"swipeMove\", function (e) {\n var state = swipeMove(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n if (state[\"swiping\"]) {\n _this.clickable = false;\n }\n _this.setState(state);\n });\n _defineProperty(_assertThisInitialized(_this), \"swipeEnd\", function (e) {\n var state = swipeEnd(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n var triggerSlideHandler = state[\"triggerSlideHandler\"];\n delete state[\"triggerSlideHandler\"];\n _this.setState(state);\n if (triggerSlideHandler === undefined) return;\n _this.slideHandler(triggerSlideHandler);\n if (_this.props.verticalSwiping) {\n _this.enableBodyScroll();\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"touchEnd\", function (e) {\n _this.swipeEnd(e);\n _this.clickable = true;\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n // this and fellow methods are wrapped in setTimeout\n // to make sure initialize setState has happened before\n // any of such methods are called\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"previous\"\n });\n }, 0));\n });\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"next\"\n });\n }, 0));\n });\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n slide = Number(slide);\n if (isNaN(slide)) return \"\";\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"index\",\n index: slide,\n currentSlide: _this.state.currentSlide\n }, dontAnimate);\n }, 0));\n });\n _defineProperty(_assertThisInitialized(_this), \"play\", function () {\n var nextIndex;\n if (_this.props.rtl) {\n nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;\n } else {\n if (canGoNext(_objectSpread(_objectSpread({}, _this.props), _this.state))) {\n nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;\n } else {\n return false;\n }\n }\n _this.slideHandler(nextIndex);\n });\n _defineProperty(_assertThisInitialized(_this), \"autoPlay\", function (playType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n var autoplaying = _this.state.autoplaying;\n if (playType === \"update\") {\n if (autoplaying === \"hovered\" || autoplaying === \"focused\" || autoplaying === \"paused\") {\n return;\n }\n } else if (playType === \"leave\") {\n if (autoplaying === \"paused\" || autoplaying === \"focused\") {\n return;\n }\n } else if (playType === \"blur\") {\n if (autoplaying === \"paused\" || autoplaying === \"hovered\") {\n return;\n }\n }\n _this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);\n _this.setState({\n autoplaying: \"playing\"\n });\n });\n _defineProperty(_assertThisInitialized(_this), \"pause\", function (pauseType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n _this.autoplayTimer = null;\n }\n var autoplaying = _this.state.autoplaying;\n if (pauseType === \"paused\") {\n _this.setState({\n autoplaying: \"paused\"\n });\n } else if (pauseType === \"focused\") {\n if (autoplaying === \"hovered\" || autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"focused\"\n });\n }\n } else {\n // pauseType is 'hovered'\n if (autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"hovered\"\n });\n }\n }\n });\n _defineProperty(_assertThisInitialized(_this), \"onDotsOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onDotsLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onTrackOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onTrackLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onSlideFocus\", function () {\n return _this.props.autoplay && _this.pause(\"focused\");\n });\n _defineProperty(_assertThisInitialized(_this), \"onSlideBlur\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"focused\" && _this.autoPlay(\"blur\");\n });\n _defineProperty(_assertThisInitialized(_this), \"render\", function () {\n var className = classnames(\"slick-slider\", _this.props.className, {\n \"slick-vertical\": _this.props.vertical,\n \"slick-initialized\": true\n });\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n var trackProps = extractObject(spec, [\"fade\", \"cssEase\", \"speed\", \"infinite\", \"centerMode\", \"focusOnSelect\", \"currentSlide\", \"lazyLoad\", \"lazyLoadedList\", \"rtl\", \"slideWidth\", \"slideHeight\", \"listHeight\", \"vertical\", \"slidesToShow\", \"slidesToScroll\", \"slideCount\", \"trackStyle\", \"variableWidth\", \"unslick\", \"centerPadding\", \"targetSlide\", \"useCSS\"]);\n var pauseOnHover = _this.props.pauseOnHover;\n trackProps = _objectSpread(_objectSpread({}, trackProps), {}, {\n onMouseEnter: pauseOnHover ? _this.onTrackOver : null,\n onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,\n onMouseOver: pauseOnHover ? _this.onTrackOver : null,\n focusOnSelect: _this.props.focusOnSelect && _this.clickable ? _this.selectHandler : null\n });\n var dots;\n if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {\n var dotProps = extractObject(spec, [\"dotsClass\", \"slideCount\", \"slidesToShow\", \"currentSlide\", \"slidesToScroll\", \"clickHandler\", \"children\", \"customPaging\", \"infinite\", \"appendDots\"]);\n var pauseOnDotsHover = _this.props.pauseOnDotsHover;\n dotProps = _objectSpread(_objectSpread({}, dotProps), {}, {\n clickHandler: _this.changeSlide,\n onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,\n onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,\n onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null\n });\n dots = /*#__PURE__*/React.createElement(Dots, dotProps);\n }\n var prevArrow, nextArrow;\n var arrowProps = extractObject(spec, [\"infinite\", \"centerMode\", \"currentSlide\", \"slideCount\", \"slidesToShow\", \"prevArrow\", \"nextArrow\"]);\n arrowProps.clickHandler = _this.changeSlide;\n if (_this.props.arrows) {\n prevArrow = /*#__PURE__*/React.createElement(PrevArrow, arrowProps);\n nextArrow = /*#__PURE__*/React.createElement(NextArrow, arrowProps);\n }\n var verticalHeightStyle = null;\n if (_this.props.vertical) {\n verticalHeightStyle = {\n height: _this.state.listHeight\n };\n }\n var centerPaddingStyle = null;\n if (_this.props.vertical === false) {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: \"0px \" + _this.props.centerPadding\n };\n }\n } else {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: _this.props.centerPadding + \" 0px\"\n };\n }\n }\n var listStyle = _objectSpread(_objectSpread({}, verticalHeightStyle), centerPaddingStyle);\n var touchMove = _this.props.touchMove;\n var listProps = {\n className: \"slick-list\",\n style: listStyle,\n onClick: _this.clickHandler,\n onMouseDown: touchMove ? _this.swipeStart : null,\n onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onMouseUp: touchMove ? _this.swipeEnd : null,\n onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onTouchStart: touchMove ? _this.swipeStart : null,\n onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onTouchEnd: touchMove ? _this.touchEnd : null,\n onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onKeyDown: _this.props.accessibility ? _this.keyHandler : null\n };\n var innerSliderProps = {\n className: className,\n dir: \"ltr\",\n style: _this.props.style\n };\n if (_this.props.unslick) {\n listProps = {\n className: \"slick-list\"\n };\n innerSliderProps = {\n className: className,\n style: _this.props.style\n };\n }\n return /*#__PURE__*/React.createElement(\"div\", innerSliderProps, !_this.props.unslick ? prevArrow : \"\", /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: _this.listRefHandler\n }, listProps), /*#__PURE__*/React.createElement(Track, _extends({\n ref: _this.trackRefHandler\n }, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : \"\", !_this.props.unslick ? dots : \"\");\n });\n _this.list = null;\n _this.track = null;\n _this.state = _objectSpread(_objectSpread({}, initialState), {}, {\n currentSlide: _this.props.initialSlide,\n slideCount: React.Children.count(_this.props.children)\n });\n _this.callbackTimers = [];\n _this.clickable = true;\n _this.debouncedResize = null;\n var ssrState = _this.ssrInit();\n _this.state = _objectSpread(_objectSpread({}, _this.state), ssrState);\n return _this;\n }\n _createClass(InnerSlider, [{\n key: \"didPropsChange\",\n value: function didPropsChange(prevProps) {\n var setTrackStyle = false;\n for (var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++) {\n var key = _Object$keys[_i3];\n // eslint-disable-next-line no-prototype-builtins\n if (!prevProps.hasOwnProperty(key)) {\n setTrackStyle = true;\n break;\n }\n if (_typeof(prevProps[key]) === \"object\" || typeof prevProps[key] === \"function\") {\n continue;\n }\n if (prevProps[key] !== this.props[key]) {\n setTrackStyle = true;\n break;\n }\n }\n return setTrackStyle || React.Children.count(this.props.children) !== React.Children.count(prevProps.children);\n }\n }]);\n return InnerSlider;\n}(React.Component);","import React from \"react\";\nvar defaultProps = {\n accessibility: true,\n adaptiveHeight: false,\n afterChange: null,\n appendDots: function appendDots(dots) {\n return /*#__PURE__*/React.createElement(\"ul\", {\n style: {\n display: \"block\"\n }\n }, dots);\n },\n arrows: true,\n autoplay: false,\n autoplaySpeed: 3000,\n beforeChange: null,\n centerMode: false,\n centerPadding: \"50px\",\n className: \"\",\n cssEase: \"ease\",\n customPaging: function customPaging(i) {\n return /*#__PURE__*/React.createElement(\"button\", null, i + 1);\n },\n dots: false,\n dotsClass: \"slick-dots\",\n draggable: true,\n easing: \"linear\",\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: null,\n nextArrow: null,\n onEdge: null,\n onInit: null,\n onLazyLoadError: null,\n onReInit: null,\n pauseOnDotsHover: false,\n pauseOnFocus: false,\n pauseOnHover: true,\n prevArrow: null,\n responsive: null,\n rows: 1,\n rtl: false,\n slide: \"div\",\n slidesPerRow: 1,\n slidesToScroll: 1,\n slidesToShow: 1,\n speed: 500,\n swipe: true,\n swipeEvent: null,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n waitForAnimate: true\n};\nexport default defaultProps;","import Slider from \"./slider\";\nexport default Slider;","\"use strict\";\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport React from \"react\";\nimport { InnerSlider } from \"./inner-slider\";\nimport json2mq from \"json2mq\";\nimport defaultProps from \"./default-props\";\nimport { canUseDOM } from \"./utils/innerSliderUtils\";\nvar Slider = /*#__PURE__*/function (_React$Component) {\n _inherits(Slider, _React$Component);\n var _super = _createSuper(Slider);\n function Slider(props) {\n var _this;\n _classCallCheck(this, Slider);\n _this = _super.call(this, props);\n _defineProperty(_assertThisInitialized(_this), \"innerSliderRefHandler\", function (ref) {\n return _this.innerSlider = ref;\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n return _this.innerSlider.slickPrev();\n });\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n return _this.innerSlider.slickNext();\n });\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n return _this.innerSlider.slickGoTo(slide, dontAnimate);\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPause\", function () {\n return _this.innerSlider.pause(\"paused\");\n });\n _defineProperty(_assertThisInitialized(_this), \"slickPlay\", function () {\n return _this.innerSlider.autoPlay(\"play\");\n });\n _this.state = {\n breakpoint: null\n };\n _this._responsiveMediaHandlers = [];\n return _this;\n }\n _createClass(Slider, [{\n key: \"media\",\n value: function media(query, handler) {\n // javascript handler for css media query\n var mql = window.matchMedia(query);\n var listener = function listener(_ref) {\n var matches = _ref.matches;\n if (matches) {\n handler();\n }\n };\n mql.addListener(listener);\n listener(mql);\n this._responsiveMediaHandlers.push({\n mql: mql,\n query: query,\n listener: listener\n });\n }\n\n // handles responsive breakpoints\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n // performance monitoring\n //if (process.env.NODE_ENV !== 'production') {\n //const { whyDidYouUpdate } = require('why-did-you-update')\n //whyDidYouUpdate(React)\n //}\n if (this.props.responsive) {\n var breakpoints = this.props.responsive.map(function (breakpt) {\n return breakpt.breakpoint;\n });\n // sort them in increasing order of their numerical value\n breakpoints.sort(function (x, y) {\n return x - y;\n });\n breakpoints.forEach(function (breakpoint, index) {\n // media query for each breakpoint\n var bQuery;\n if (index === 0) {\n bQuery = json2mq({\n minWidth: 0,\n maxWidth: breakpoint\n });\n } else {\n bQuery = json2mq({\n minWidth: breakpoints[index - 1] + 1,\n maxWidth: breakpoint\n });\n }\n // when not using server side rendering\n canUseDOM() && _this2.media(bQuery, function () {\n _this2.setState({\n breakpoint: breakpoint\n });\n });\n });\n\n // Register media query for full screen. Need to support resize from small to large\n // convert javascript object to media query string\n var query = json2mq({\n minWidth: breakpoints.slice(-1)[0]\n });\n canUseDOM() && this.media(query, function () {\n _this2.setState({\n breakpoint: null\n });\n });\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this._responsiveMediaHandlers.forEach(function (obj) {\n obj.mql.removeListener(obj.listener);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n var settings;\n var newProps;\n if (this.state.breakpoint) {\n newProps = this.props.responsive.filter(function (resp) {\n return resp.breakpoint === _this3.state.breakpoint;\n });\n settings = newProps[0].settings === \"unslick\" ? \"unslick\" : _objectSpread(_objectSpread(_objectSpread({}, defaultProps), this.props), newProps[0].settings);\n } else {\n settings = _objectSpread(_objectSpread({}, defaultProps), this.props);\n }\n\n // force scrolling by one if centerMode is on\n if (settings.centerMode) {\n if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToScroll should be equal to 1 in centerMode, you are using \".concat(settings.slidesToScroll));\n }\n settings.slidesToScroll = 1;\n }\n // force showing one slide and scrolling by one if the fade mode is on\n if (settings.fade) {\n if (settings.slidesToShow > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToShow should be equal to 1 when fade is true, you're using \".concat(settings.slidesToShow));\n }\n if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToScroll should be equal to 1 when fade is true, you're using \".concat(settings.slidesToScroll));\n }\n settings.slidesToShow = 1;\n settings.slidesToScroll = 1;\n }\n\n // makes sure that children is an array, even when there is only 1 child\n var children = React.Children.toArray(this.props.children);\n\n // Children may contain false or null, so we should filter them\n // children may also contain string filled with spaces (in certain cases where we use jsx strings)\n children = children.filter(function (child) {\n if (typeof child === \"string\") {\n return !!child.trim();\n }\n return !!child;\n });\n\n // rows and slidesPerRow logic is handled here\n if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) {\n console.warn(\"variableWidth is not supported in case of rows > 1 or slidesPerRow > 1\");\n settings.variableWidth = false;\n }\n var newChildren = [];\n var currentWidth = null;\n for (var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) {\n var newSlide = [];\n for (var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) {\n var row = [];\n for (var k = j; k < j + settings.slidesPerRow; k += 1) {\n if (settings.variableWidth && children[k].props.style) {\n currentWidth = children[k].props.style.width;\n }\n if (k >= children.length) break;\n row.push( /*#__PURE__*/React.cloneElement(children[k], {\n key: 100 * i + 10 * j + k,\n tabIndex: -1,\n style: {\n width: \"\".concat(100 / settings.slidesPerRow, \"%\"),\n display: \"inline-block\"\n }\n }));\n }\n newSlide.push( /*#__PURE__*/React.createElement(\"div\", {\n key: 10 * i + j\n }, row));\n }\n if (settings.variableWidth) {\n newChildren.push( /*#__PURE__*/React.createElement(\"div\", {\n key: i,\n style: {\n width: currentWidth\n }\n }, newSlide));\n } else {\n newChildren.push( /*#__PURE__*/React.createElement(\"div\", {\n key: i\n }, newSlide));\n }\n }\n if (settings === \"unslick\") {\n var className = \"regular slider \" + (this.props.className || \"\");\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className\n }, children);\n } else if (newChildren.length <= settings.slidesToShow) {\n settings.unslick = true;\n }\n return /*#__PURE__*/React.createElement(InnerSlider, _extends({\n style: this.props.style,\n ref: this.innerSliderRefHandler\n }, settings), newChildren);\n }\n }]);\n return Slider;\n}(React.Component);\nexport { Slider as default };","import { unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nconst genCarouselStyle = token => {\n const {\n componentCls,\n antCls,\n carouselArrowSize,\n carouselDotOffset,\n marginXXS\n } = token;\n const arrowOffset = token.calc(carouselArrowSize).mul(-1.25).equal();\n const carouselDotMargin = marginXXS;\n return {\n [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n '.slick-slider': {\n position: 'relative',\n display: 'block',\n boxSizing: 'border-box',\n touchAction: 'pan-y',\n WebkitTouchCallout: 'none',\n WebkitTapHighlightColor: 'transparent',\n '.slick-track, .slick-list': {\n transform: 'translate3d(0, 0, 0)',\n touchAction: 'pan-y'\n }\n },\n '.slick-list': {\n position: 'relative',\n display: 'block',\n margin: 0,\n padding: 0,\n overflow: 'hidden',\n '&:focus': {\n outline: 'none'\n },\n '&.dragging': {\n cursor: 'pointer'\n },\n '.slick-slide': {\n pointerEvents: 'none',\n // https://github.com/ant-design/ant-design/issues/23294\n [`input${antCls}-radio-input, input${antCls}-checkbox-input`]: {\n visibility: 'hidden'\n },\n '&.slick-active': {\n pointerEvents: 'auto',\n [`input${antCls}-radio-input, input${antCls}-checkbox-input`]: {\n visibility: 'visible'\n }\n },\n // fix Carousel content height not match parent node\n // when children is empty node\n // https://github.com/ant-design/ant-design/issues/25878\n '> div > div': {\n verticalAlign: 'bottom'\n }\n }\n },\n '.slick-track': {\n position: 'relative',\n top: 0,\n insetInlineStart: 0,\n display: 'block',\n '&::before, &::after': {\n display: 'table',\n content: '\"\"'\n },\n '&::after': {\n clear: 'both'\n }\n },\n '.slick-slide': {\n display: 'none',\n float: 'left',\n height: '100%',\n minHeight: 1,\n img: {\n display: 'block'\n },\n '&.dragging img': {\n pointerEvents: 'none'\n }\n },\n '.slick-initialized .slick-slide': {\n display: 'block'\n },\n '.slick-vertical .slick-slide': {\n display: 'block',\n height: 'auto'\n },\n '.slick-arrow.slick-hidden': {\n display: 'none'\n },\n // Arrows\n '.slick-prev, .slick-next': {\n position: 'absolute',\n top: '50%',\n display: 'block',\n width: carouselArrowSize,\n height: carouselArrowSize,\n marginTop: token.calc(carouselArrowSize).mul(-1).div(2).equal(),\n padding: 0,\n color: 'transparent',\n fontSize: 0,\n lineHeight: 0,\n background: 'transparent',\n border: 0,\n outline: 'none',\n cursor: 'pointer',\n '&:hover, &:focus': {\n color: 'transparent',\n background: 'transparent',\n outline: 'none',\n '&::before': {\n opacity: 1\n }\n },\n '&.slick-disabled::before': {\n opacity: 0.25\n }\n },\n '.slick-prev': {\n insetInlineStart: arrowOffset,\n '&::before': {\n content: '\"←\"'\n }\n },\n '.slick-next': {\n insetInlineEnd: arrowOffset,\n '&::before': {\n content: '\"→\"'\n }\n },\n // Dots\n '.slick-dots': {\n position: 'absolute',\n insetInlineEnd: 0,\n bottom: 0,\n insetInlineStart: 0,\n zIndex: 15,\n display: 'flex !important',\n justifyContent: 'center',\n paddingInlineStart: 0,\n margin: 0,\n listStyle: 'none',\n '&-bottom': {\n bottom: carouselDotOffset\n },\n '&-top': {\n top: carouselDotOffset,\n bottom: 'auto'\n },\n li: {\n position: 'relative',\n display: 'inline-block',\n flex: '0 1 auto',\n boxSizing: 'content-box',\n width: token.dotWidth,\n height: token.dotHeight,\n marginInline: carouselDotMargin,\n padding: 0,\n textAlign: 'center',\n textIndent: -999,\n verticalAlign: 'top',\n transition: `all ${token.motionDurationSlow}`,\n button: {\n position: 'relative',\n display: 'block',\n width: '100%',\n height: token.dotHeight,\n padding: 0,\n color: 'transparent',\n fontSize: 0,\n background: token.colorBgContainer,\n border: 0,\n borderRadius: token.dotHeight,\n outline: 'none',\n cursor: 'pointer',\n opacity: 0.3,\n transition: `all ${token.motionDurationSlow}`,\n '&: hover, &:focus': {\n opacity: 0.75\n },\n '&::after': {\n position: 'absolute',\n inset: token.calc(carouselDotMargin).mul(-1).equal(),\n content: '\"\"'\n }\n },\n '&.slick-active': {\n width: token.dotActiveWidth,\n '& button': {\n background: token.colorBgContainer,\n opacity: 1\n },\n '&: hover, &:focus': {\n opacity: 1\n }\n }\n }\n }\n })\n };\n};\nconst genCarouselVerticalStyle = token => {\n const {\n componentCls,\n carouselDotOffset,\n marginXXS\n } = token;\n const reverseSizeOfDot = {\n width: token.dotHeight,\n height: token.dotWidth\n };\n return {\n [`${componentCls}-vertical`]: {\n '.slick-dots': {\n top: '50%',\n bottom: 'auto',\n flexDirection: 'column',\n width: token.dotHeight,\n height: 'auto',\n margin: 0,\n transform: 'translateY(-50%)',\n '&-left': {\n insetInlineEnd: 'auto',\n insetInlineStart: carouselDotOffset\n },\n '&-right': {\n insetInlineEnd: carouselDotOffset,\n insetInlineStart: 'auto'\n },\n li: Object.assign(Object.assign({}, reverseSizeOfDot), {\n margin: `${unit(marginXXS)} 0`,\n verticalAlign: 'baseline',\n button: reverseSizeOfDot,\n '&.slick-active': Object.assign(Object.assign({}, reverseSizeOfDot), {\n button: reverseSizeOfDot\n })\n })\n }\n }\n };\n};\nconst genCarouselRtlStyle = token => {\n const {\n componentCls\n } = token;\n return [{\n [`${componentCls}-rtl`]: {\n direction: 'rtl',\n // Dots\n '.slick-dots': {\n [`${componentCls}-rtl&`]: {\n flexDirection: 'row-reverse'\n }\n }\n }\n }, {\n [`${componentCls}-vertical`]: {\n '.slick-dots': {\n [`${componentCls}-rtl&`]: {\n flexDirection: 'column'\n }\n }\n }\n }];\n};\nexport const prepareComponentToken = () => {\n const dotActiveWidth = 24;\n return {\n dotWidth: 16,\n dotHeight: 3,\n dotWidthActive: dotActiveWidth,\n dotActiveWidth\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks('Carousel', token => {\n const {\n controlHeightLG,\n controlHeightSM\n } = token;\n const carouselToken = mergeToken(token, {\n carouselArrowSize: token.calc(controlHeightLG).div(2).equal(),\n carouselDotOffset: token.calc(controlHeightSM).div(2).equal()\n });\n return [genCarouselStyle(carouselToken), genCarouselVerticalStyle(carouselToken), genCarouselRtlStyle(carouselToken)];\n}, prepareComponentToken, {\n deprecatedTokens: [['dotWidthActive', 'dotActiveWidth']]\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 * as React from 'react';\nimport SlickCarousel from '@ant-design/react-slick';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nconst Carousel = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n dots = true,\n arrows = false,\n draggable = false,\n waitForAnimate = false,\n dotPosition = 'bottom',\n vertical = dotPosition === 'left' || dotPosition === 'right',\n rootClassName,\n className: customClassName,\n style,\n id\n } = props,\n otherProps = __rest(props, [\"dots\", \"arrows\", \"draggable\", \"waitForAnimate\", \"dotPosition\", \"vertical\", \"rootClassName\", \"className\", \"style\", \"id\"]);\n const {\n getPrefixCls,\n direction,\n carousel\n } = React.useContext(ConfigContext);\n const slickRef = React.useRef();\n const goTo = function (slide) {\n let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n slickRef.current.slickGoTo(slide, dontAnimate);\n };\n React.useImperativeHandle(ref, () => ({\n goTo,\n autoPlay: slickRef.current.innerSlider.autoPlay,\n innerSlider: slickRef.current.innerSlider,\n prev: slickRef.current.slickPrev,\n next: slickRef.current.slickNext\n }), [slickRef.current]);\n const prevCount = React.useRef(React.Children.count(props.children));\n React.useEffect(() => {\n if (prevCount.current !== React.Children.count(props.children)) {\n goTo(props.initialSlide || 0, false);\n prevCount.current = React.Children.count(props.children);\n }\n }, [props.children]);\n const newProps = Object.assign({\n vertical,\n className: classNames(customClassName, carousel === null || carousel === void 0 ? void 0 : carousel.className),\n style: Object.assign(Object.assign({}, carousel === null || carousel === void 0 ? void 0 : carousel.style), style)\n }, otherProps);\n if (newProps.effect === 'fade') {\n newProps.fade = true;\n }\n const prefixCls = getPrefixCls('carousel', newProps.prefixCls);\n const dotsClass = 'slick-dots';\n const enableDots = !!dots;\n const dsClass = classNames(dotsClass, `${dotsClass}-${dotPosition}`, typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n const className = classNames(prefixCls, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-vertical`]: newProps.vertical\n }, hashId, cssVarCls, rootClassName);\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"div\", {\n className: className,\n id: id\n }, /*#__PURE__*/React.createElement(SlickCarousel, Object.assign({\n ref: slickRef\n }, newProps, {\n dots: enableDots,\n dotsClass: dsClass,\n arrows: arrows,\n draggable: draggable,\n verticalSwiping: vertical,\n waitForAnimate: waitForAnimate\n }))));\n});\nif (process.env.NODE_ENV !== 'production') {\n Carousel.displayName = 'Carousel';\n}\nexport default Carousel;","// This icon file is generated automatically.\nvar VerticalAlignTopOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z\" } }] }, \"name\": \"vertical-align-top\", \"theme\": \"outlined\" };\nexport default VerticalAlignTopOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport VerticalAlignTopOutlinedSvg from \"@ant-design/icons-svg/es/asn/VerticalAlignTopOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar VerticalAlignTopOutlined = function VerticalAlignTopOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: VerticalAlignTopOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n VerticalAlignTopOutlined.displayName = 'VerticalAlignTopOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(VerticalAlignTopOutlined);","export function isWindow(obj) {\n return obj !== null && obj !== undefined && obj === obj.window;\n}\nexport default function getScroll(target, top) {\n var _a, _b;\n if (typeof window === 'undefined') {\n return 0;\n }\n const method = top ? 'scrollTop' : 'scrollLeft';\n let result = 0;\n if (isWindow(target)) {\n result = target[top ? 'pageYOffset' : 'pageXOffset'];\n } else if (target instanceof Document) {\n result = target.documentElement[method];\n } else if (target instanceof HTMLElement) {\n result = target[method];\n } else if (target) {\n // According to the type inference, the `target` is `never` type.\n // Since we configured the loose mode type checking, and supports mocking the target with such shape below::\n // `{ documentElement: { scrollLeft: 200, scrollTop: 400 } }`,\n // the program may falls into this branch.\n // Check the corresponding tests for details. Don't sure what is the real scenario this happens.\n result = target[method];\n }\n if (target && !isWindow(target) && typeof result !== 'number') {\n result = (_b = ((_a = target.ownerDocument) !== null && _a !== void 0 ? _a : target).documentElement) === null || _b === void 0 ? void 0 : _b[method];\n }\n return result;\n}","// eslint-disable-next-line import/prefer-default-export\nexport function easeInOutCubic(t, b, c, d) {\n const cc = c - b;\n t /= d / 2;\n if (t < 1) {\n return cc / 2 * t * t * t + b;\n }\n // eslint-disable-next-line no-return-assign\n return cc / 2 * ((t -= 2) * t * t + 2) + b;\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport raf from \"rc-util/es/raf\";\nfunction throttleByAnimationFrame(fn) {\n let requestId;\n const later = args => () => {\n requestId = null;\n fn.apply(void 0, _toConsumableArray(args));\n };\n const throttled = function () {\n if (requestId == null) {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n requestId = raf(later(args));\n }\n };\n throttled.cancel = () => {\n raf.cancel(requestId);\n requestId = null;\n };\n return throttled;\n}\nexport default throttleByAnimationFrame;","import React from 'react';\nconst FloatButtonGroupContext = /*#__PURE__*/React.createContext(undefined);\nexport const {\n Provider: FloatButtonGroupProvider\n} = FloatButtonGroupContext;\nexport default FloatButtonGroupContext;","import { Keyframes, unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genPresetColor, genStyleHooks, mergeToken } from '../../theme/internal';\nconst antStatusProcessing = new Keyframes('antStatusProcessing', {\n '0%': {\n transform: 'scale(0.8)',\n opacity: 0.5\n },\n '100%': {\n transform: 'scale(2.4)',\n opacity: 0\n }\n});\nconst antZoomBadgeIn = new Keyframes('antZoomBadgeIn', {\n '0%': {\n transform: 'scale(0) translate(50%, -50%)',\n opacity: 0\n },\n '100%': {\n transform: 'scale(1) translate(50%, -50%)'\n }\n});\nconst antZoomBadgeOut = new Keyframes('antZoomBadgeOut', {\n '0%': {\n transform: 'scale(1) translate(50%, -50%)'\n },\n '100%': {\n transform: 'scale(0) translate(50%, -50%)',\n opacity: 0\n }\n});\nconst antNoWrapperZoomBadgeIn = new Keyframes('antNoWrapperZoomBadgeIn', {\n '0%': {\n transform: 'scale(0)',\n opacity: 0\n },\n '100%': {\n transform: 'scale(1)'\n }\n});\nconst antNoWrapperZoomBadgeOut = new Keyframes('antNoWrapperZoomBadgeOut', {\n '0%': {\n transform: 'scale(1)'\n },\n '100%': {\n transform: 'scale(0)',\n opacity: 0\n }\n});\nconst antBadgeLoadingCircle = new Keyframes('antBadgeLoadingCircle', {\n '0%': {\n transformOrigin: '50%'\n },\n '100%': {\n transform: 'translate(50%, -50%) rotate(360deg)',\n transformOrigin: '50%'\n }\n});\nconst genSharedBadgeStyle = token => {\n const {\n componentCls,\n iconCls,\n antCls,\n badgeShadowSize,\n motionDurationSlow,\n textFontSize,\n textFontSizeSM,\n statusSize,\n dotSize,\n textFontWeight,\n indicatorHeight,\n indicatorHeightSM,\n marginXS,\n calc\n } = token;\n const numberPrefixCls = `${antCls}-scroll-number`;\n const colorPreset = genPresetColor(token, (colorKey, _ref) => {\n let {\n darkColor\n } = _ref;\n return {\n [`&${componentCls} ${componentCls}-color-${colorKey}`]: {\n background: darkColor,\n [`&:not(${componentCls}-count)`]: {\n color: darkColor\n }\n }\n };\n });\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'relative',\n display: 'inline-block',\n width: 'fit-content',\n lineHeight: 1,\n [`${componentCls}-count`]: {\n zIndex: token.indicatorZIndex,\n minWidth: indicatorHeight,\n height: indicatorHeight,\n color: token.badgeTextColor,\n fontWeight: textFontWeight,\n fontSize: textFontSize,\n lineHeight: unit(indicatorHeight),\n whiteSpace: 'nowrap',\n textAlign: 'center',\n background: token.badgeColor,\n borderRadius: calc(indicatorHeight).div(2).equal(),\n boxShadow: `0 0 0 ${unit(badgeShadowSize)} ${token.badgeShadowColor}`,\n transition: `background ${token.motionDurationMid}`,\n a: {\n color: token.badgeTextColor\n },\n 'a:hover': {\n color: token.badgeTextColor\n },\n 'a:hover &': {\n background: token.badgeColorHover\n }\n },\n [`${componentCls}-count-sm`]: {\n minWidth: indicatorHeightSM,\n height: indicatorHeightSM,\n fontSize: textFontSizeSM,\n lineHeight: unit(indicatorHeightSM),\n borderRadius: calc(indicatorHeightSM).div(2).equal()\n },\n [`${componentCls}-multiple-words`]: {\n padding: `0 ${unit(token.paddingXS)}`,\n bdi: {\n unicodeBidi: 'plaintext'\n }\n },\n [`${componentCls}-dot`]: {\n zIndex: token.indicatorZIndex,\n width: dotSize,\n minWidth: dotSize,\n height: dotSize,\n background: token.badgeColor,\n borderRadius: '100%',\n boxShadow: `0 0 0 ${unit(badgeShadowSize)} ${token.badgeShadowColor}`\n },\n [`${componentCls}-dot${numberPrefixCls}`]: {\n transition: `background ${motionDurationSlow}`\n },\n [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: {\n position: 'absolute',\n top: 0,\n insetInlineEnd: 0,\n transform: 'translate(50%, -50%)',\n transformOrigin: '100% 0%',\n [`&${iconCls}-spin`]: {\n animationName: antBadgeLoadingCircle,\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear'\n }\n },\n [`&${componentCls}-status`]: {\n lineHeight: 'inherit',\n verticalAlign: 'baseline',\n [`${componentCls}-status-dot`]: {\n position: 'relative',\n top: -1,\n // Magic number, but seems better experience\n display: 'inline-block',\n width: statusSize,\n height: statusSize,\n verticalAlign: 'middle',\n borderRadius: '50%'\n },\n [`${componentCls}-status-success`]: {\n backgroundColor: token.colorSuccess\n },\n [`${componentCls}-status-processing`]: {\n overflow: 'visible',\n color: token.colorPrimary,\n backgroundColor: token.colorPrimary,\n '&::after': {\n position: 'absolute',\n top: 0,\n insetInlineStart: 0,\n width: '100%',\n height: '100%',\n borderWidth: badgeShadowSize,\n borderStyle: 'solid',\n borderColor: 'inherit',\n borderRadius: '50%',\n animationName: antStatusProcessing,\n animationDuration: token.badgeProcessingDuration,\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n content: '\"\"'\n }\n },\n [`${componentCls}-status-default`]: {\n backgroundColor: token.colorTextPlaceholder\n },\n [`${componentCls}-status-error`]: {\n backgroundColor: token.colorError\n },\n [`${componentCls}-status-warning`]: {\n backgroundColor: token.colorWarning\n },\n [`${componentCls}-status-text`]: {\n marginInlineStart: marginXS,\n color: token.colorText,\n fontSize: token.fontSize\n }\n }\n }), colorPreset), {\n [`${componentCls}-zoom-appear, ${componentCls}-zoom-enter`]: {\n animationName: antZoomBadgeIn,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack,\n animationFillMode: 'both'\n },\n [`${componentCls}-zoom-leave`]: {\n animationName: antZoomBadgeOut,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack,\n animationFillMode: 'both'\n },\n [`&${componentCls}-not-a-wrapper`]: {\n [`${componentCls}-zoom-appear, ${componentCls}-zoom-enter`]: {\n animationName: antNoWrapperZoomBadgeIn,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack\n },\n [`${componentCls}-zoom-leave`]: {\n animationName: antNoWrapperZoomBadgeOut,\n animationDuration: token.motionDurationSlow,\n animationTimingFunction: token.motionEaseOutBack\n },\n [`&:not(${componentCls}-status)`]: {\n verticalAlign: 'middle'\n },\n [`${numberPrefixCls}-custom-component, ${componentCls}-count`]: {\n transform: 'none'\n },\n [`${numberPrefixCls}-custom-component, ${numberPrefixCls}`]: {\n position: 'relative',\n top: 'auto',\n display: 'block',\n transformOrigin: '50% 50%'\n }\n },\n [`${numberPrefixCls}`]: {\n overflow: 'hidden',\n [`${numberPrefixCls}-only`]: {\n position: 'relative',\n display: 'inline-block',\n height: indicatorHeight,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseOutBack}`,\n WebkitTransformStyle: 'preserve-3d',\n WebkitBackfaceVisibility: 'hidden',\n [`> p${numberPrefixCls}-only-unit`]: {\n height: indicatorHeight,\n margin: 0,\n WebkitTransformStyle: 'preserve-3d',\n WebkitBackfaceVisibility: 'hidden'\n }\n },\n [`${numberPrefixCls}-symbol`]: {\n verticalAlign: 'top'\n }\n },\n // ====================== RTL =======================\n '&-rtl': {\n direction: 'rtl',\n [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: {\n transform: 'translate(-50%, -50%)'\n }\n }\n })\n };\n};\n// ============================== Export ==============================\nexport const prepareToken = token => {\n const {\n fontHeight,\n lineWidth,\n marginXS,\n colorBorderBg\n } = token;\n const badgeFontHeight = fontHeight;\n const badgeShadowSize = lineWidth;\n const badgeTextColor = token.colorBgContainer;\n const badgeColor = token.colorError;\n const badgeColorHover = token.colorErrorHover;\n const badgeToken = mergeToken(token, {\n badgeFontHeight,\n badgeShadowSize,\n badgeTextColor,\n badgeColor,\n badgeColorHover,\n badgeShadowColor: colorBorderBg,\n badgeProcessingDuration: '1.2s',\n badgeRibbonOffset: marginXS,\n // Follow token just by Design. Not related with token\n badgeRibbonCornerTransform: 'scaleY(0.75)',\n badgeRibbonCornerFilter: `brightness(75%)`\n });\n return badgeToken;\n};\nexport const prepareComponentToken = token => {\n const {\n fontSize,\n lineHeight,\n fontSizeSM,\n lineWidth\n } = token;\n return {\n indicatorZIndex: 'auto',\n indicatorHeight: Math.round(fontSize * lineHeight) - 2 * lineWidth,\n indicatorHeightSM: fontSize,\n dotSize: fontSizeSM / 2,\n textFontSize: fontSizeSM,\n textFontSizeSM: fontSizeSM,\n textFontWeight: 'normal',\n statusSize: fontSizeSM / 2\n };\n};\nexport default genStyleHooks('Badge', token => {\n const badgeToken = prepareToken(token);\n return genSharedBadgeStyle(badgeToken);\n}, prepareComponentToken);","import { unit } from '@ant-design/cssinjs';\nimport { prepareComponentToken, prepareToken } from '.';\nimport { resetComponent } from '../../style';\nimport { genPresetColor, genStyleHooks } from '../../theme/internal';\n// ============================== Ribbon ==============================\nconst genRibbonStyle = token => {\n const {\n antCls,\n badgeFontHeight,\n marginXS,\n badgeRibbonOffset,\n calc\n } = token;\n const ribbonPrefixCls = `${antCls}-ribbon`;\n const ribbonWrapperPrefixCls = `${antCls}-ribbon-wrapper`;\n const statusRibbonPreset = genPresetColor(token, (colorKey, _ref) => {\n let {\n darkColor\n } = _ref;\n return {\n [`&${ribbonPrefixCls}-color-${colorKey}`]: {\n background: darkColor,\n color: darkColor\n }\n };\n });\n return {\n [`${ribbonWrapperPrefixCls}`]: {\n position: 'relative'\n },\n [`${ribbonPrefixCls}`]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'absolute',\n top: marginXS,\n padding: `0 ${unit(token.paddingXS)}`,\n color: token.colorPrimary,\n lineHeight: unit(badgeFontHeight),\n whiteSpace: 'nowrap',\n backgroundColor: token.colorPrimary,\n borderRadius: token.borderRadiusSM,\n [`${ribbonPrefixCls}-text`]: {\n color: token.colorTextLightSolid\n },\n [`${ribbonPrefixCls}-corner`]: {\n position: 'absolute',\n top: '100%',\n width: badgeRibbonOffset,\n height: badgeRibbonOffset,\n color: 'currentcolor',\n border: `${unit(calc(badgeRibbonOffset).div(2).equal())} solid`,\n transform: token.badgeRibbonCornerTransform,\n transformOrigin: 'top',\n filter: token.badgeRibbonCornerFilter\n }\n }), statusRibbonPreset), {\n [`&${ribbonPrefixCls}-placement-end`]: {\n insetInlineEnd: calc(badgeRibbonOffset).mul(-1).equal(),\n borderEndEndRadius: 0,\n [`${ribbonPrefixCls}-corner`]: {\n insetInlineEnd: 0,\n borderInlineEndColor: 'transparent',\n borderBlockEndColor: 'transparent'\n }\n },\n [`&${ribbonPrefixCls}-placement-start`]: {\n insetInlineStart: calc(badgeRibbonOffset).mul(-1).equal(),\n borderEndStartRadius: 0,\n [`${ribbonPrefixCls}-corner`]: {\n insetInlineStart: 0,\n borderBlockEndColor: 'transparent',\n borderInlineStartColor: 'transparent'\n }\n },\n // ====================== RTL =======================\n '&-rtl': {\n direction: 'rtl'\n }\n })\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks(['Badge', 'Ribbon'], token => {\n const badgeToken = prepareToken(token);\n return genRibbonStyle(badgeToken);\n}, prepareComponentToken);","\"use client\";\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { isPresetColor } from '../_util/colors';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style/ribbon';\nconst Ribbon = props => {\n const {\n className,\n prefixCls: customizePrefixCls,\n style,\n color,\n children,\n text,\n placement = 'end',\n rootClassName\n } = props;\n const {\n getPrefixCls,\n direction\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('ribbon', customizePrefixCls);\n const wrapperCls = `${prefixCls}-wrapper`;\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, wrapperCls);\n const colorInPreset = isPresetColor(color, false);\n const ribbonCls = classNames(prefixCls, `${prefixCls}-placement-${placement}`, {\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-color-${color}`]: colorInPreset\n }, className);\n const colorStyle = {};\n const cornerColorStyle = {};\n if (color && !colorInPreset) {\n colorStyle.background = color;\n cornerColorStyle.color = color;\n }\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(wrapperCls, rootClassName, hashId, cssVarCls)\n }, children, /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(ribbonCls, hashId),\n style: Object.assign(Object.assign({}, colorStyle), style)\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-text`\n }, text), /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-corner`,\n style: cornerColorStyle\n }))));\n};\nif (process.env.NODE_ENV !== 'production') {\n Ribbon.displayName = 'Ribbon';\n}\nexport default Ribbon;","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nfunction UnitNumber(_ref) {\n let {\n prefixCls,\n value,\n current,\n offset = 0\n } = _ref;\n let style;\n if (offset) {\n style = {\n position: 'absolute',\n top: `${offset}00%`,\n left: 0\n };\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n style: style,\n className: classNames(`${prefixCls}-only-unit`, {\n current\n })\n }, value);\n}\nfunction getOffset(start, end, unit) {\n let index = start;\n let offset = 0;\n while ((index + 10) % 10 !== end) {\n index += unit;\n offset += unit;\n }\n return offset;\n}\nexport default function SingleNumber(props) {\n const {\n prefixCls,\n count: originCount,\n value: originValue\n } = props;\n const value = Number(originValue);\n const count = Math.abs(originCount);\n const [prevValue, setPrevValue] = React.useState(value);\n const [prevCount, setPrevCount] = React.useState(count);\n // ============================= Events =============================\n const onTransitionEnd = () => {\n setPrevValue(value);\n setPrevCount(count);\n };\n // Fallback if transition events are not supported\n React.useEffect(() => {\n const timeout = setTimeout(() => {\n onTransitionEnd();\n }, 1000);\n return () => {\n clearTimeout(timeout);\n };\n }, [value]);\n // ============================= Render =============================\n // Render unit list\n let unitNodes;\n let offsetStyle;\n if (prevValue === value || Number.isNaN(value) || Number.isNaN(prevValue)) {\n // Nothing to change\n unitNodes = [/*#__PURE__*/React.createElement(UnitNumber, Object.assign({}, props, {\n key: value,\n current: true\n }))];\n offsetStyle = {\n transition: 'none'\n };\n } else {\n unitNodes = [];\n // Fill basic number units\n const end = value + 10;\n const unitNumberList = [];\n for (let index = value; index <= end; index += 1) {\n unitNumberList.push(index);\n }\n // Fill with number unit nodes\n const prevIndex = unitNumberList.findIndex(n => n % 10 === prevValue);\n unitNodes = unitNumberList.map((n, index) => {\n const singleUnit = n % 10;\n return /*#__PURE__*/React.createElement(UnitNumber, Object.assign({}, props, {\n key: n,\n value: singleUnit,\n offset: index - prevIndex,\n current: index === prevIndex\n }));\n });\n // Calculate container offset value\n const unit = prevCount < count ? 1 : -1;\n offsetStyle = {\n transform: `translateY(${-getOffset(prevValue, value, unit)}00%)`\n };\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-only`,\n style: offsetStyle,\n onTransitionEnd: onTransitionEnd\n }, unitNodes);\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 classNames from 'classnames';\nimport * as React from 'react';\nimport { cloneElement } from '../_util/reactNode';\nimport { ConfigContext } from '../config-provider';\nimport SingleNumber from './SingleNumber';\nconst ScrollNumber = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls: customizePrefixCls,\n count,\n className,\n motionClassName,\n style,\n title,\n show,\n component: Component = 'sup',\n children\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"count\", \"className\", \"motionClassName\", \"style\", \"title\", \"show\", \"component\", \"children\"]);\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('scroll-number', customizePrefixCls);\n // ============================ Render ============================\n const newProps = Object.assign(Object.assign({}, restProps), {\n 'data-show': show,\n style,\n className: classNames(prefixCls, className, motionClassName),\n title: title\n });\n // Only integer need motion\n let numberNodes = count;\n if (count && Number(count) % 1 === 0) {\n const numberList = String(count).split('');\n numberNodes = /*#__PURE__*/React.createElement(\"bdi\", null, numberList.map((num, i) => ( /*#__PURE__*/React.createElement(SingleNumber, {\n prefixCls: prefixCls,\n count: Number(count),\n value: num,\n // eslint-disable-next-line react/no-array-index-key\n key: numberList.length - i\n }))));\n }\n // allow specify the border\n // mock border-color by box-shadow for compatible with old usage:\n // \n \n
\n )} */}\n \n {tabData && tabData?.map((item, index) =>\n
\n \n
\n )}\n \n
\n handleTabClick(item.key)}\n >\n
\n\n \n {item.title}\n {/* */}\n
\n \n HK$\n \n {item.plan}\n \n
\n {activeTab === item.key ?\n \n \n {t(\"quote.choosed\")}\n
\n :\n \n {t(\"quote.choose2\")}\n
}\n \n {initialValueDetailsParent.label}\n
\n \n {/* {item.priceList.filter((p) => p.productCode === initData.traveType) */}\n {initialValueDetailsParent?.priceList?.filter((p) => p.productCode === initData.traveType).map((i, k) =>\n <>\n
\n {initialValueDetails?.map((it, idx) =>\n {i.benefitLimitCN ? Number(i.benefitLimitCN[0]) ? `HK$${formatNum(i.benefitLimitCN)}` : lang==='zh'?i.benefitLimitCN:i.benefitLimit: '--'}
\n \n )}\n \n
\n )}\n \n {it.label}\n
\n \n\n {it.priceList?.filter((p) => p.productCode === initData.traveType).map((i, k) =>\n <>\n
\n {i.benefitLimitCN ? Number(i.benefitLimitCN[0]) ? `HK$${formatNum(i.benefitLimitCN)}` : lang==='zh'?i.benefitLimitCN:i.benefitLimit : '--'}
\n \n )}\n \n {/* header */}\n
\n\n {/* content */}\n {/* \n {items.map((item, idx) => {\n return (\n handleTabClick(item.key)}\n >\n {/* {needMobileBtn && idx !== 0 && (\n lastFun(item.key, e)} />\n )} */}\n {iconNormal && iconNormal ? (\n nextFun(item.key, e)} />\n )} */}\n {/* {needMobileBtn&&} */}\n
\n );\n })}\n \n {iconPosition == \"left\" && (\n
\n ) : (\n \n
\n )}\n {iconPosition == \"right\" && (\n {getIcon(item.key)}
\n {item.label}\n \n {item.label}{\" \"}\n
\n )}\n {getIcon(item.key)}
\n {item.label}
\n )}\n {/* {needMobileBtn && idx !== items?.length - 1 && (\n */}\n
*/}\n \n );\n};\n\nTabPlus.defaultProps = {\n defaultActiveKey: \"0\",\n onChange: null,\n items: [],\n position: \"top\",\n iconNormal: false,\n iconActive: false,\n iconPosition: \"left\",\n};\n\nexport default TabPlus;\n","export default __webpack_public_path__ + \"./imgs/webSite_logo.a2da3f.png\";","import React from 'react';\nimport HeaderHomeAgent from '@/components/HeaderAgent';\nimport GlobalLanguage from '@/components/GlobalLanguage';\nimport webSiteLogo from '@/assets/img/webSite_logo.png';\nimport Styles from './index.less';\n\nconst HomeHeader = () => {\n return (\n \n
\n {/* {items[key] && items[key]?.children}
\n \n
\n );\n}\n\nexport default HomeHeader;","export default __webpack_public_path__ + \"./imgs/check_icon.a239a4.png\";","export default __webpack_public_path__ + \"./imgs/planFeatures_icon_1.ad2758.png\";","export default __webpack_public_path__ + \"./imgs/planFeatures_icon_2.6d5e18.png\";","export default __webpack_public_path__ + \"./imgs/planFeatures_icon_3.0983d6.png\";","export default __webpack_public_path__ + \"./imgs/planFeatures_icon_4.ce12d9.png\";","export default __webpack_public_path__ + \"./imgs/planFeatures_icon_5.f5628f.png\";","export default __webpack_public_path__ + \"./imgs/planFeatures_icon_6.cd1b3e.png\";","export default __webpack_public_path__ + \"./imgs/planIntro_icon_1.f38519.png\";","export default __webpack_public_path__ + \"./imgs/planIntro_icon_2.0930f2.png\";","export default __webpack_public_path__ + \"./imgs/planIntro_icon_4.6e3e41.png\";","export default __webpack_public_path__ + \"./imgs/planIntro_icon_3.95ecf1.png\";","export default __webpack_public_path__ + \"./imgs/file_icon_1.d68574.png\";","export default __webpack_public_path__ + \"./imgs/file_icon_2.74a58b.png\";","import planFeaturesIcon_1 from '@/assets/img/home/planFeatures_icon_1.png';\nimport planFeaturesIcon_2 from '@/assets/img/home/planFeatures_icon_2.png';\nimport planFeaturesIcon_3 from '@/assets/img/home/planFeatures_icon_3.png';\nimport planFeaturesIcon_4 from '@/assets/img/home/planFeatures_icon_4.png';\nimport planFeaturesIcon_5 from '@/assets/img/home/planFeatures_icon_5.png';\nimport planFeaturesIcon_6 from '@/assets/img/home/planFeatures_icon_6.png';\nimport planIntro_icon_1 from '@/assets/img/home/planIntro_icon_1.png';\nimport planIntro_icon_2 from '@/assets/img/home/planIntro_icon_2.png';\nimport planIntro_icon_3 from '@/assets/img/home/planIntro_icon_3.png';\nimport planIntro_icon_4 from '@/assets/img/home/planIntro_icon_4.png';\nimport file_icon_1 from '@/assets/img/home/file_icon_1.png';\nimport file_icon_2 from '@/assets/img/home/file_icon_2.png';\nimport i18n from \"i18next\";\nexport const planFeaturesData = ([\n {\n logo: planFeaturesIcon_1,\n titleCN: '旅程不似預期？幫您趕上變化',\n title: \"Trip Not Going As Planned? We've Got You Covered\",\n descCN: '保障因惡劣天氣﹑天然災難導致的航班延誤﹑額外住宿費用﹑旅行團取消等。',\n desc: 'Cover flight delays, additional accommodation expenses, tour cancellations, and more caused by adverse weather conditions, natural disasters, etc.',\n },\n {\n logo: planFeaturesIcon_2,\n titleCN: '意外受傷，頭暈身㷫無有怕',\n title: 'Relief for Accidents & Illness',\n descCN: '全球醫療費用保障高達 HK$1,600,000，同時保障回港後 90 天內的醫療費用。',\n desc: 'Worldwide medical expenses benefit HK$1,600,000 with follow-up medical expenses incurred within 90 days after returning to Hong Kong.',\n },\n {\n logo: planFeaturesIcon_3,\n titleCN: '唔見嘢？唔使急',\n title: \"Lost Your Belongings? Don't Panic\",\n descCN: '保障涵蓋行李、手提電話、手提電腦、平板電腦及個人財物等等於旅程期間因意外遺失或破損所引致的損失',\n desc: 'Cover the accident of or damage to baggage, mobile phone, laptop computer, tablet computer and personal property and more suffered during the journey.',\n },\n {\n logo: planFeaturesIcon_4,\n titleCN: '俾您盡情上山下海',\n title: 'Worry-Free Exploration and Adventure',\n descCN: '保障消閒及非專業性質的運動，包括滑雪及其他冬季運動、潛水、跳傘及笨豬跳及業餘馬拉松等。',\n desc: 'Cover leisure and non-professional sports activities, including skiing and other winter sports, diving, parachuting, bungee jumping, marathon for leisure and more.',\n },\n {\n logo: planFeaturesIcon_5,\n titleCN: '放心享受自駕旅程',\n title: 'Enjoy Your Self-Driving Journey With Peace of Mind',\n descCN: '如租用車輛於旅程期間發生意外或在停泊時遭損毀或被偷竊，受保人將獲支付該租用車輛的汽車保險保單自負額。',\n desc: 'Reimburse the rental vehicle insurance excess or deductible and/or non-operation, charge charged by the licensed vehicle rental company due to car accident, parking damage or theft of a rental vehicle during the journey. ',\n },\n {\n logo: planFeaturesIcon_6,\n titleCN: '多人同行，保費更抵',\n title: 'Affordable Premium for Group Travel',\n descCN: '公司客戶投保全年保障的「個人」組別，保費可享低至75折優惠。',\n desc: 'Enjoy up to 25% off for corporate clients enrolling in the \"Individual\" package of Annual Cover.',\n }\n]);\n\nexport const planIntroData = ([\n {\n logo: planIntro_icon_1,\n titleCN: '環球計劃（1）',\n title: 'Worldwide Plan (1)',\n descCN: '全面保障，安心之選',\n desc: 'All-round Protection, Worry-Free Option',\n // medicalPremium: 1500000,\n // personAccidentPremium: 10000,\n // travelCancelPremium: 1500,\n // luggagePremium: 50000,\n guarantees: [\n {\n labelCN: '醫療費用保障',\n label: 'Medical Expenses Benefit',\n value: '1600000',\n },\n {\n labelCN: '個人意外保障',\n label: 'Personal Accident Benefit',\n value: '1600000',\n },\n {\n labelCN: '個人責任保障',\n label: 'Personal Liability Benefit',\n value: '3000000',\n },\n {\n labelCN: '旅程阻礙保障',\n label: 'Trip Interruption Benefit',\n value: '50000',\n showTooltip: true,\n tooltipCN: '賠償縮短旅程、行程改道、當地旅遊團取消、缺席旅遊活動及因超額訂票導致未能登上公共交通工具時所引致的相關費用。',\n tooltip: 'Cover relevant expenses for trip curtailment, re-routing, missed travel event, cancellation of local tour, failure of boarding public conveyance due to overbooking.',\n },\n {\n labelCN: '旅程取消保障',\n label: 'Trip Cancellation Benefit',\n value: '50000',\n showTooltip: true,\n tooltipCN: '賠償因受保兒童（及其同行受保父母）需要出席學校面試或公開考試，但日期被重新編排至旅程預定期間時所招致的損失。',\n tooltip: 'Cover if the insured child (and his/her parent insured in the journey) has to attend a school interview or public examination in person being rescheduled to a date within the scheduled travel period.',\n },\n {\n labelCN: '行李保障',\n label: 'Baggage Benefit',\n value: '25000',\n showTooltip: true,\n tooltipCN: '涵蓋行李、手提電話、手提電腦、平板電腦及個人財物等等於旅程期間因意外遺失或破損所引致的損失。',\n tooltip: 'Cover the accident of or damage to baggage, mobile phone, laptop computer, tablet computer and personal property and more suffered during the journey.',\n },\n {\n labelCN: '租車自負額保障',\n label: 'Rental Vehicle Excess Protection Benefit',\n value: '25000',\n },\n ]\n },\n {\n logo: planIntro_icon_2,\n titleCN: '環球計劃（2）',\n title: 'Worldwide Plan (2)',\n descCN: '升級保障，周全之選',\n desc: 'Advanced Protection, Comprehensive Protection',\n guarantees: [\n {\n labelCN: '醫療費用保障',\n label: 'Medical Expenses Benefit',\n value: '800000',\n },\n {\n labelCN: '個人意外保障',\n label: 'Personal Accident Benefit',\n value: '800000',\n },\n {\n labelCN: '個人責任保障',\n label: 'Personal Liability Benefit',\n value: '2000000',\n },\n {\n labelCN: '旅程阻礙保障',\n label: 'Trip Interruption Benefit',\n value: '25000',\n showTooltip: true,\n tooltipCN: '賠償縮短旅程、行程改道、當地旅遊團取消、缺席旅遊活動及因超額訂票導致未能登上公共交通工具時所引致的相關費用。',\n tooltip: 'Cover relevant expenses for trip curtailment, re-routing, missed travel event, cancellation of local tour, failure of boarding public conveyance due to overbooking.',\n },\n {\n labelCN: '旅程取消保障',\n label: 'Trip Cancellation Benefit',\n value: '20000',\n showTooltip: true,\n tooltipCN: '賠償因受保兒童（及其同行受保父母）需要出席學校面試或公開考試，但日期被重新編排至旅程預定期間時所招致的損失。',\n tooltip: 'Cover if the insured child (and his/her parent insured in the journey) has to attend a school interview or public examination in person being rescheduled to a date within the scheduled travel period.',\n },\n {\n labelCN: '行李保障',\n label: 'Baggage Benefit',\n value: '15000',\n showTooltip: true,\n tooltipCN: '涵蓋行李、手提電話、手提電腦、平板電腦及個人財物等等於旅程期間因意外遺失或破損所引致的損失。',\n tooltip: 'Cover the accident of or damage to baggage, mobile phone, laptop computer, tablet computer and personal property and more suffered during the journey.',\n },\n {\n labelCN: '租車自負額保障',\n label: 'Rental Vehicle Excess Protection Benefit',\n value: '15000',\n },\n ]\n },\n {\n logo: planIntro_icon_2,\n titleCN: '環球計劃（3）',\n title: 'Worldwide Plan (3)',\n descCN: '標準保障，經濟之選',\n desc: 'Standard Protection, Affordable Alternative',\n guarantees: [\n {\n labelCN: '醫療費用保障',\n label: 'Medical Expenses Benefit',\n value: '400000',\n },\n {\n labelCN: '個人意外保障',\n label: 'Personal Accident Benefit',\n value: '400000',\n },\n {\n labelCN: '個人責任保障',\n label: 'Personal Liability Benefit',\n value: '1000000',\n },\n {\n labelCN: '旅程阻礙保障',\n label: 'Trip Interruption Benefit',\n value: '5000',\n showTooltip: true,\n tooltipCN: '賠償縮短旅程及行程改道的相關費用。',\n tooltip: 'Cover relevant expenses for trip curtailment and re-routing.',\n },\n {\n labelCN: '旅程取消保障',\n label: 'Trip Cancellation Benefit',\n value: '5000',\n showTooltip: true,\n tooltipCN: '賠償因受保兒童（及其同行受保父母）需要出席學校面試或公開考試，但日期被重新編排至旅程預定期間時所招致的損失。',\n tooltip: 'Cover if the insured child (and his/her parent insured in the journey) has to attend a school interview or public examination in person being rescheduled to a date within the scheduled travel period.',\n },\n {\n labelCN: '行李保障',\n label: 'Baggage Benefit',\n value: '5000',\n showTooltip: true,\n tooltipCN: '涵蓋行李、手提電話、手提電腦、平板電腦及個人財物等等於旅程期間因意外遺失或破損所引致的損失。',\n tooltip: 'Cover the accident of or damage to baggage, mobile phone, laptop computer, tablet computer and personal property and more suffered during the journey.',\n },\n {\n labelCN: '租車自負額保障',\n label: 'Rental Vehicle Excess Protection Benefit',\n value: '-',\n },\n ]\n },\n {\n logo: planIntro_icon_4,\n titleCN: '郵輪計劃',\n title: 'Cruise Plan',\n descCN: '為郵輪旅行度身訂造的保障',\n desc: 'Tailored Cruise Travel Protection',\n guarantees: [\n {\n labelCN: '醫療費用保障',\n label: 'Medical Expenses Benefit',\n value: '1600000',\n },\n {\n labelCN: '個人意外保障',\n label: 'Personal Accident Benefit',\n value: '1600000',\n },\n {\n labelCN: '個人責任保障',\n label: 'Personal Liability Benefit',\n value: '3000000',\n },\n {\n labelCN: '旅程阻礙保障',\n label: 'Trip Interruption Benefit',\n value: '80000',\n showTooltip: true,\n tooltipCN: '賠償縮短旅程、行程改道、當地旅遊團取消、缺席旅遊活動及因超額訂票導致未能登上公共交通工具時所引致的相關費用。',\n tooltip: 'Cover relevant expenses for trip curtailment, re-routing, missed travel event, cancellation of local tour, failure of boarding public conveyance due to overbooking.',\n },\n {\n labelCN: '旅程取消保障',\n label: 'Trip Cancellation Benefit',\n value: '80000',\n showTooltip: true,\n tooltipCN: '賠償因受保兒童（及其同行受保父母）需要出席學校面試或公開考試，但日期被重新編排至旅程預定期間時所招致的損失。',\n tooltip: 'Cover if the insured child (and his/her parent insured in the journey) has to attend a school interview or public examination in person being rescheduled to a date within the scheduled travel period.',\n },\n {\n labelCN: '行李保障',\n label: 'Baggage Benefit',\n value: '25000',\n showTooltip: true,\n tooltipCN: '涵蓋行李、手提電話、手提電腦、平板電腦及個人財物等等於旅程期間因意外遺失或破損所引致的損失。',\n tooltip: 'Cover the accident of or damage to baggage, mobile phone, laptop computer, tablet computer and personal property and more suffered during the journey.',\n },\n {\n labelCN: '租車自負額保障',\n label: 'Rental Vehicle Excess Protection Benefit',\n value: '25000',\n },\n ]\n }\n])\n\nexport const faqsData = ({\n 'Application Related': [\n {\n questionCN: '我打算投保「智遨遊」單次旅程保障，如果我與我的配偶、子女、父母、朋友（及他們的家屬）一同外遊，我們是否需要各自投保旅遊保險？',\n question: 'I am planning to enrol with my spouse, son and father, plus my friend and his family, do we need to enrol travel insurance separately for each family?',\n answersCN: [\n \"不需要。「智遨遊」可以接受為同一個旅程同一份保單最多30位受保人（無須家庭關係）一同投保。\",\n ],\n answers: [\n \"No. This is not necessary. TravelElite allows you to enrol upon to 30 insured person together in the same policy for the same journey regardless of family relationship.\",\n ],\n },\n {\n questionCN: '投保人、受保人及受益人有什麼分別？',\n question: 'What is the difference between an applicant, an insured person and a beneficiary?',\n answersCN: [\n \"投保人（即保單持有人）是指於保險證明書（適用於單次旅程保障）或保單（適用於全年保障）上的證書持有人或保單上的保單持有人，而保險證明書上或保單上的受保人，則指受保險保單所保障的人士。另外，受益人是指在受保人不幸身故後有權領取相關賠償的人士。\",\n ],\n answers: [\n \"An applicant (i.e. policyholder) means a person named as the certificate holder in the certificate of insurance (for Single-trip Cover) or the policyholder in the policy schedule (for Annual Cover), while an insured person named in the certificate of insurance or the policy schedule is a person who is covered by the insurance policy. A beneficiary is a person who has the right to receive the benefits of the insurance policy upon the death of the insured person.\",\n ],\n },\n {\n questionCN: '「智遨遊」的最長保障期是多久？可於出發前多少天投保？',\n question: 'What is the maximum coverage period for TravelElite? When can I enrol in the plan prior to the departure date? ',\n answersCN: [\n \"單次旅程保障: 每次旅程最長保障期為180天（來回旅程）及每次旅程最長保障期為10天（單段旅程），您可於出發前 180 天內投保。\",\n \"全年保障: 受保期1年內旅程次數不限,每次旅程最長保障期為90天。您可於保單生效日前1年內投保 （只適用於從AIG或Zurich轉移過來的保單）或於保單生效日前180天內投保（其他情況）。\",\n ],\n answers: [\n \"For Single-trip Cover, the coverage period for “Round-trip” is up to 180 days per journey and the coverage period for “One-way trip” is 10 days per journey. You can enrol within 180 days prior to the departure date.\",\n \"For Annual Cover, the period of insurance is 1 year with unlimited no. of journey and up to 90 days per journey. You can enrol within 1 year prior to the policy effective date (for AIG or Zurich migration policy only) or within 180 days prior to the policy effective date (for other cases).\",\n ]\n },\n {\n questionCN: '計劃有投保及受保年齡的限制嗎？',\n question: 'Is there any age limit for the applicant and insured person?',\n answersCN: [\n \"投保人的年齡必須為 18 歲或以上。18 歲以下的兒童必須獲家長或監護人同意方可單獨受保。\",\n \"單次旅程保障的受保年齡為 6 星期或以上。\",\n \"全年保障的受保年齡為6星期至75歲,可續保至80 歲。\"\n ],\n answers: [\n \"The applicant must be 18 years old or above. Child under the Age of 18 must obtain consent from the parent or legal guardian in order to be insured individually.\",\n \"For Single-trip Cover, enrolment age is 6 weeks or above.\",\n \"For Annual Cover, enrolment age is from 6 weeks to 75 years, and renewable up to age 80.\"\n ],\n },\n {\n questionCN: '我可否於抵達目的地時才投保「智遨遊」？',\n question: 'Can I enrol in \"TravelElite\" upon arrival at destination?',\n answersCN: [\n \"您必須於香港境內辦妥離境手續前投保「智遨遊」並完成付款。\",\n ],\n answers: [\n \"You have to enrol in TravelElite with the premium fully paid before immigration clearance when departing Hong Kong. \",\n ]\n },\n {\n questionCN: '如果我要到外地公幹，投保「智遨遊」適合嗎？',\n question: 'Can I enrol in \"TravelElite\" for business trip?',\n answersCN: [\n \"適合，「智遨遊」適用於消閒或公幹（只限行政及文職）性質的旅程。\",\n ],\n answers: [\n \"Yes, this policy is valid for the purpose of leisure travel or business travel (limited to administrative and clerical works only). \",\n ],\n },\n {\n questionCN: '如果我的旅程涉及乘搭郵輪，我可以投保甚麼計劃？',\n question: 'If my journey includes cruise tour, which plan should I enrol in?',\n answersCN: [\n \"如果您的旅程包括郵輪旅遊，您可以投保單次旅程保障的郵輪計劃，除享基本保障外，還涵蓋遊輪指定保障如郵輪旅程取消及阻礙保障、岸上觀光取消保障及衛星電話費用保障。\",\n \"如果您準備投保全年保障當中既有一般旅遊也有郵輪旅遊，您可以投保全年保障的郵輪計劃，為您的一般旅行提供基本保障外，還涵蓋遊輪指定保障如郵輪旅程取消及阻礙保障、岸上觀光取消保障及衛星電話費用保障，讓您全年全方位得到保障。\"\n ],\n answers: [\n \"If your journey includes cruise tour, you can enrol Single-trip Cover - Cruise Plan which provides both basic benefits and cruise-specific benefits e.g. Cruise Cancellation and Interruption Benefit, Shore Excursion Cancellation Benefit and Satellite Phone Expenses Benefit.\",\n \"If you plan to have Annual Cover and may have some general travel plans and some cruise travel plans in the year, you can enrol Annual Cover - Cruise Plan which provides all-round coverages for both general travel plans (with basic benefits) and cruise travel plans (with cruise-specific benefits e.g. Cruise Cancellation and Interruption Benefit, Shore Excursion Cancellation Benefit and Satellite Phone Expenses Benefit) throughout the year.\"\n ],\n },\n {\n questionCN: '如果我的航班在 12 月 1 日凌晨 00:30由香港起飛，但我會在11 月 30 日 23:00在香港機場完成離境手續，而我的回程航班會在12 月 10 日 00:05 (12 月 9日夜晚) 抵達香港，我應如何選擇「旅程日期」(即保單生效日期及屆滿日期)？',\n question: 'How should I choose the \"Period of Travel\" (ie. effective date and expiry date of the policy) if my flight departs at 00:30 on 1 Dec from Hong Kong, but I will complete the immigration departure clearance procedure at Hong Kong Airport at 23:00 on 30 November, and my return flight arrive Hong Kong at 00:05 on 10 Dec (9 Dec night)?',\n answersCN: [\n \"您可以根據由公共交通工具供應商（例如: 航空公司）提供的行程內所訂明已安排乘搭的公共交通工具（例如: 飛機）之預定啟程及預定抵達時間來選擇保單的生效日期及屆滿日期。就上述情況，您可以選擇12 月1 日至12 月 10 日為「旅程日期」。\",\n ],\n answers: [\n \"You can refer to the scheduled time of departure and arrival of the arranged Public Conveyance (e.g. flight) as specified in the itinerary supplied to you by the Public Conveyance provider (e.g. airline) to determine the effective date and expiry date of the policy. For above scenario, you can choose 1 Dec – 10 Dec as your \\\"Period of Travel\\\".\",\n ],\n },\n {\n questionCN: '保費表內分別有「同行兒童」及「兒童」不同的保費，「同行兒童」及「兒童」有甚麼分別？',\n question: 'There are \"Accompany Child\" and \"Child\" in the premium table with different premium, what\\'s the difference between \"Child\" and \"Accompany Child\"?',\n answersCN: [\n \"「同行兒童」指未婚、受供養及年齡為6週至17歲的受保兒童，並於整個旅程中與成人或長者同行。如「同行兒童」與成人或長者一同受保於同一保單內，應付保費為「同行兒童」保費。\",\n \"「兒童」指未婚、受供養及年齡為6週至17歲的受保兒童，並於整個旅程中沒有與任何成人或長者同行。如「兒童」沒有與任何成人或長者一同受保於同一保單內，應付保費為「兒童」保費（即與「成人」保費相同）。\",\n \"「同行兒童」與「兒童」的保障相同。\"\n ],\n answers: [\n \"\\\"Accompany Child\\\" means an Insured Person who is a dependent unmarried child who is from the age of 6 weeks to the age of 17 and must be accompanied by an Adult or Elderly during the whole journey. If an \\\"Accompanied Child\\\" being covered with Adult or Elderly in the same policy, premium for \\\"Accompanied Child\\\" is payable.\",\n \"\\\"Child\\\" means an Insured Person who is a dependent unmarried child who is from the age of 6 weeks to the age of 17 and is travelling without Adult or Elderly during the whole journey. If a \\\"Child\\\" being covered without any Adult or Elderly in the same policy, premium for \\\"Child\\\" is payable which is same premium of \\\"Adult\\\" premium.\",\n \"Benefit entitled by \\\"Accompany Child\\\" and \\\"Child\\\" are the same.\"\n ],\n },\n {\n questionCN: '甚麼是「單次旅程保障的單段旅程」?',\n question: 'What\\'s \"One-way Single-trip Cover\"?',\n answersCN: [\n \"「單次旅程保障的單段旅程」由受保人於保險證明書上列明的受保期之起始日期或之後，在起保地點辦妥離境手續起開始，直至保險證明書上列明的受保期之最後一天或為不遲於受保人原定抵達列明於預訂行程中最終目的地國家後10日為止，以較早者為準，之旅程。\",\n \"「因不能避免的延誤所引致自動延長期」不適用於「單次旅程保障的單段旅程」。\"\n ],\n answers: [\n \"\\\"One-way trip Single-trip Cover\\\" means the journey taken by an insured person, which shall commence when the insured person completes the immigration departure clearance procedure at the Place of Origin on or after the commencement date of the Period of Insurance specified in the Certificate of Insurance and ends on the last day of the period of insurance specified in the certificate of insurance or no later than 10 days from scheduled time of arrival at the country of final destination shown on the booking itinerary, whichever is earlier.\",\n \"\\\"Automatic Extension for Unavoidable Delay\\\" is not applicable to \\\"One-way Single-trip Cover\\\".\"\n ],\n }\n ],\n 'Coverage Related': [\n // {\n // questionCN: '長者及小童的保障有分別嗎？',\n // question: 'What is the difference if the coverage for the elderly and children?',\n // answersHtmlCN: `\n // \n 
\n
\n \n
\n \n //
`,\n // answersHtml: `\n // 除以下保障外，長者及小童可獲得「智遨遊」提供的相同保障。
\n // - \n //
- \n // 「醫療費用保障」：\n // 「長者」（即年齡為70歲以上的受保人）: 第1部分「醫療費用保障」應付之最高賠償額為第1部分「醫療費用保障」的最高賠償額的50%。\n // \n //
- \n // 「個人意外保障」：\n // 「同行兒童」（即未婚、受供養及年齡為6週至17歲的受保兒童，並於整個旅程中與一名成人或長者同行）或「兒童」（即未婚、受供養及年齡為6週至17歲的受保兒童，並於整個旅程中沒有與任何成人或長者同行）: 第4部分「個人意外保障」應付之最高賠償額為為第4.2分項「其他意外保障」的最高賠償額為限。\n //「長者」（即年齡為70歲以上的受保人）: 第4部分「個人意外保障」應付之最高賠償額為為第4.2分項「其他意外保障」的最高賠償額之50%為限。\n // \n //
- \n // 「個人錢財保障」：\n // 不適用於年齡為10歲以下的受保人。\n // \n //
\n //
`,\n // },\n {\n questionCN: '投保「智遨遊」後，我的手提電話、平板電腦和手提電腦於旅程期間被盜，是否在保障範圍之內？',\n question: 'Will I be covered if my mobile phone, tablet computer and laptop computer being stolen during the journey after enrolling TravelElite?',\n answersCN: [\n \"是，「行李保障」涵蓋於旅程期間因盜竊、搶劫、爆竊或意外令受保人的手提電話、平板電腦和手提電腦的遺失、破損或毀壞。賠償額須受限於所選計劃下每名受保人每次旅程之最高賠償額。\",\n \"每名受保人在同一個旅程內只可獲保障1部手提電話。\",\n \"每名受保人在同一個旅程內只可獲保障1部平板電腦或1部手提電腦。\",\n \"如受保人就手提電話遺失提出索償，須提供載有國際行動裝置辨識碼(IMEI)、序號及機型號碼／型號、購買日期及購買款項之正式收據。如手提電話破損或毀壞，有關維修服務需經由官方授權服務支援中心提供。\"\n ],\n answers: [\n \"Yes, \\\"Baggage Benefit\\\" covers loss or physical breakage of, or damage to mobile phone, tablet computer and laptop computer resulting from theft, robbery, burglary, accident during the journey. The payable amount is subject to the maximum benefit limit per insured person per journey of the plan selected.\",\n \"Only one mobile phone for each insured person will be covered in the same journey.\",\n \"Only one tablet computer or one laptop computer for each insured person will be covered in the same journey.\",\n \"If the insured person would like to claim the loss of mobile phone, he/she is able to provide the original receipt for the purchase of the mobile phone showing its International Mobile Equipment Identity (IMEI), Serial Number and Model Number, the date of purchase and the price paid. For damage of the mobile phone, the relevant repair services should be provided by an official authorised service support centre.\"\n ],\n },\n {\n questionCN: '如果我在旅遊後返抵香港時，寄艙行李延誤 3 小時，是否在保障範圍之內？',\n question: 'Will I be covered if my checked-in baggage is delayed for 3 hours after I have returned to HK?',\n answersCN: [\n \"此情況不屬保障範圍之內。行李延誤保障只適用於受保人在抵達海外目的地後 6 小時或以上仍未取得寄艙行李的延誤情況，並不包括返抵香港或抵達最終目的地的行李延誤。\",\n ],\n answers: [\n \"No, the above situation will not be covered. “Baggage Delay Benefit” is only payable if the checked-in baggage is delayed for at least 6 hours after the insured person’s arrival at a destination overseas. Any loss which occurs after the insured person has returned to Hong Kong or reached his/her final destination will be excluded.\",\n ],\n },\n {\n questionCN: '如果我到北海道滑雪，是否在保險的保障範圍內？那些運動受此保險所保障？',\n question: 'Will I be covered if I go skiing in Hokkaido? What kinds of sports activities are covered?',\n answersCN: [\n \"是，「智遨遊」保障消閒及非專業性質的運動，包括滑雪及其他冬季運動、45米水深範圍內潛水、由教練或培訓員指導跳傘、高空彈簧跳繩（常稱笨豬跳）、在海拔 5 千米或以下進行高山遠足，以及各種水上活動。\",\n ],\n answers: [\n \"Yes, TravelElite covers leisure and non-professional sports activities including skiing and other winter sports, diving to a depth not greater than 45 metres below sea level, parachuting with instructor/trainer, bungee jumping, trekking at an altitude limit not greater than 5,000 metres above sea level, and all water sports.\",\n ],\n },\n {\n questionCN: '如果在投保「智遨遊」後，香港特別行政區政府向該旅遊目的地發出外遊警示，而我決定取消旅行是否在保障範圍內？',\n question: 'Will I be covered if I cancel the trip to the planned destination due to the Outbound Travel Alert (\"OTA\") issued by HKSAR upon enrolment of TravelElite?',\n answersCN: [\n \"是，如保險證明書（適用於單次旅程保障及多次旅程保障）或保單（適用於全年保障）簽發緊接 24 小時後，香港特別行政區政府向旅遊目的地發出外遊警示，導致該旅程於預定出發日前7 天內需要取消，將可按外遊警示伸延保障之「旅程取消保障」項目賠償。\",\n ],\n answers: [\n \"Yes, if the OTA is issued to the destination by HKSAR at least 24 hours after the certificate of insurance (for Single-trip Cover and Multi-trip Cover) or the Policy (for Annual Cover) is issued, and the travel arrangement has to cancel within 7 days before the scheduled date of departure of the journey, the benefit shall be payable according to the OTA Extension of the “Trip Cancellation Benefit”.\",\n ],\n },\n {\n questionCN: '如果我於旅遊時遇到惡劣天氣而令航班延誤，要另租酒店留在當地一晚，是否在保障範圍內？',\n question: 'If my flight is delayed due to adverse weather and I have to pay for one night hotel accommodation, will I be covered?',\n answersCN: [\n \"「智遨遊」保障範圍包括因惡劣天氣導致旅程延誤達連續6 小時或以上而產生的額外海外住宿費用。\",\n ],\n answers: [\n \"TravelElite covers the additional accommodation costs incurred overseas due to travel delay of at least 6 consecutive hours caused by adverse weather.\",\n ],\n },\n {\n questionCN: '「旅程取消保障」的保障範圍包括甚麼？',\n question: 'What is the coverage of \"Trip Cancellation Benefit\"?',\n answersHtmlCN: `\n Except the following coverage, the elderly and children are entitled to the same benefits in \"Travel Smart\".
\n // - \n //
- \n // \"Medical Expenses Benefit\": \n // For an Elderly (means an insured person aged above 70): the maximum amount of benefit payable shall be 50% of the benefit limit applicable to Section 1 (Medical Expenses Benefit).\n // \n //
- \n // \"Personal Accident Benefit\": \n // For an Accompany Child (means a dependent unmarried child insured who is from the age of 6 weeks to the age of 17 and must be accompanied by an Adult or Elderly during the whole journey) or Child (means a dependent unmarried child insured who is from the age of 6 weeks to the age of 17 and is travelling without an Adult or Elderly during the whole journey): the maximum limit of benefit payable shall be the maximum limit under Subsection 4.2 (Other Accidents Benefit).\n //For an Elderly (means an insured person aged above 70), the maximum limit of benefit payable shall be 50% of the maximum limit under Subsection 4.2 (Other Accidents Benefit).\n // \n //
- \n // \"Personal Money Benefit\": \n // Not applicable to an insured person aged below 10.\n // \n //
\n
`,\n answersHtml: `\n 如因發生以下情況，「旅程取消保障」保障受保人已預先支付及未曾使用並且不能從任何來源退回的交通票據、住宿、旅行團或旅遊活動（例如: 主題公園、博物館、演唱會、音樂劇或觀賞性的運動賽事）入場券的損失：
\n - \n
- \n 於旅程預定出發日期前90天內發生以下事項: \n
- \n
- 受保人、直屬家庭成員、緊密業務夥伴、外傭或同行夥伴身故、遇上嚴重身體受傷或患上嚴重疾病；或 \n
- 受保人須出任審判證人、陪審員或遭強制隔離（惟有關出任審判證人、陪審員或遭強制隔離的公告或命令必須於 (a) 保險證明書之繕發日（適用於單次旅程保障）; 或 (b) (i) 保單繕發日或 (ii) 受保人或為受保人確認任何旅遊安排當日，以較遲者為準（適用於全年保障）後，才送達受保人）；或 \n
\n - \n 於旅程預定出發日期前7天內發生以下事項： \n
- \n
- 已計劃前往的旅程目的地遇上惡劣天氣、天然災難、傳染病、突然爆發涉及已安排乘搭的公共交通工具的工業行動、機場關閉、恐怖主義活動、暴動或內亂；或 \n
- 受保人或同行夥伴於香港的主要住所因火災、水浸、爆竊或天然災難而導致嚴重損毀；或 \n
- 受保於本公司指定寵物保險保單的受保人寵物身故；或 \n
- 香港特別行政區政府保安局對旅程目的地發出外遊警示（按外遊警示伸延保障賠償）；或 \n
\n - \n 受保人作為受保兒童，或受保兒童的父母/法定監護人及同行夥伴，而該受保兒童需要親身到場出席被重新安排至旅程的預定期間進行的學校面試或公開考試。 \n \n
\n
`\n },\n {\n questionCN: '「旅程阻礙保障」中「縮短旅程保障」的保障範圍包括甚麽？',\n question: 'What is the coverage of \"Trip Curtailment\" under \"Trip Interruption Benefit\"?',\n answersHtmlCN: `\n \"Trip Cancellation Benefit\" covers the loss of the prepaid and unused portion of the travel ticket, accommodation, tour package or admission tickets to travel event (e.g. theme park, museum, concert, musical or sport-related ornamental performance) which is forfeited and irrecoverable if the following event occurs:
\n - \n
- \n within 90 days prior to the scheduled departure date of the Journey: \n
- \n
- death, serious bodily injury or serious sickness of the insured person, immediate family member, close business partner, foreign domestic helper or travel companion; or \n
- duty of the insured person to comply with a witness summons, jury service or compulsory quarantine (provided that the notice or order of such witness summons, jury service or compulsory quarantine is served on the insured person after (a) the issue date of the Certificate of Insurance (for Single-trip Cover), or (b) (i) the issue date of the policy or (ii) the date when any travel arrangement for the journey are confirmed by or for the benefit of the insured person, whichever is later (for Annual Cover); or \n
\n - \n within 7 days prior to the scheduled date of departure of the Journey: \n
- \n
- adverse weather condition, natural disaster, infectious disease, unanticipated outbreak of industrial action involving the arranged public conveyance, closure of airport, act of terrorist, riot or civil commotion at the planned destination of the journey; or \n
- severe damage to the insured person or travel companion’s principal home in Hong Kong arising from fire, flood, burglary or natural disaster; or \n
- death of the insured person’s pet which is covered by Blue Cross’ designated pet insurance; or \n
- Security Bureau of The Government of the Hong Kong Special Administrative Region issued Outbound Travel Alert for the planned destination (payable according to Outbound Travel Alert Extension); or \n
\n - \n the insured child or the insured person (who is a parent or legal guardian and a travel companion of an insured child) needs to attend a school interview or public examination in person which has been rescheduled to a date falling within the scheduled travel period. \n \n
\n
`,\n answersHtml: `\n 於旅程期間如因發生以下情況直接引致受保人無可避免地必須縮短旅程及返回起保地點（即香港）:
\n - \n
- 受保人、直屬家庭成員、緊密業務夥伴、外傭或同行夥伴身故、遇上嚴重身體受傷或患上嚴重疾病；或 \n
- 受保人以付費乘客身份乘搭的公共交通工具、或由旅行社安排的任何機械性推動的車輛或船艦遭騎劫；或 \n
- 已計劃前往的旅程目的地遇上惡劣天氣、天然災難、傳染病、突然爆發涉及已安排乘搭的公共交通工具的工業行動、機場關閉、恐怖主義活動、暴動或內亂；或 \n
- 受保人或同行夥伴於香港的主要住所因火災、水浸、爆竊或天然災難而導致嚴重損毀； \n
- 受保於本公司指定寵物保險保單的受保人寵物身故；或 \n
- 香港特別行政區政府保安局對旅程目的地發出外遊警示（按外遊警示伸延保障賠償）； \n
「縮短旅程保障」將支付：
\n - \n
- 就受阻的旅程日數每整日計，按比例賠償受保人已預先支付及未曾使用並且不能從任何來源退回的交通票據、住宿、旅行團或旅遊活動（例如: 主題公園、博物館、演唱會、音樂劇或觀賞性的運動賽事）入場券的損失；及 \n
- 直接返回起保地點而無可避免地所產生之合理額外公共交通工具費用。 \n
\n
`,\n },\n {\n questionCN: '「旅程阻礙保障」中「行程改道保障」的保障範圍包括甚麽？',\n question: 'What is the coverage of \"Re-routing\" under \"Trip Interruption Benefit\"?',\n answersHtmlCN: `\n In the occurrence of the following incidents during the journey that directly lead to the insured person to abandon the journey inevitably and return to the place of origin (i.e. Hong Kong):
\n - \n
- death, serious bodily Injury or serious sickness of the insured person, immediate family member, foreign domestic helper, close business partner or travel companion; or \n
- hijack of public conveyance or any a mechanically propelled vehicles and vessels arranged by a travel agency; or \n
- adverse weather condition, natural disaster, infectious disease, unanticipated outbreak of industrial action involving the arranged public conveyance, closure of airport, act of terrorist, riot or civil commotion at the planned destination; or \n
- severe damage to the insured person or travel companion's principal home in Hong Kong arising from fire, flood, burglary or natural disaster; or \n
- death of the insured person’s pet which is covered by Blue Cross’ designated pet insurance; or \n
- Security Bureau of The Government of the Hong Kong Special Administrative Region issued Outbound Travel Alert for the planned destination (payable according to Outbound Travel Alert Extension); \n
\"Trip Curtailment Benefit\" will reimburse:
\n - \n
- a.\tthe loss of the prepaid and unused portion of the travel ticket, accommodation, tour package or admission tickets to travel event (e.g. theme park, museum, concert, musical or sport-related ornamental performance) which is forfeited and irrecoverable for each complete day on pro-rata basis; and \n
- the additional public conveyance expenses reasonably and inevitably incurred for direct returning to the Place of Origin. \n
\n
`,\n answersHtml: `\n 於旅程期間如因發生以下情況直接引致受保人的旅程於開始後遇到阻礙而不能繼續其原定行程並需作改道以繼續前往原本已計劃的旅程目的地或返回起保地點（即香港）:
\n - \n
- 惡劣天氣； \n
- 天然災難； \n
- 傳染病； \n
- 突然爆發涉及已安排乘搭的公共交通工具的工業行動； \n
- 機場關閉； \n
- 恐怖主義活動； \n
- 暴動或內亂； \n
- 受保人或同行夥伴遇上嚴重身體受傷或患上嚴重疾病；或 \n
- 香港特別行政區政府保安局對旅程目的地發出外遊警示（按外遊警示伸延保障賠償）； \n
「行程改道保障」將支付：
\n - \n
- 純粹因要繼續前往原本已計劃的旅程目的地或返回起保地點而改道並無可避免地所產生之合理額外公共交通工具費用及／或住宿費用；或 \n
- 就受阻的旅程日數每整日計，按比例賠償受保人已預先支付及未曾使用並且不能從任何來源退回的交通票據、住宿、旅行團或旅遊活動（例如: 主題公園、博物館、演唱會、音樂劇或觀賞性的運動賽事）入場券的損失。 \n
\n
`,\n },\n {\n questionCN: '「旅程阻礙保障」還有甚麼其他保障？',\n question: 'What\\'s other benefits will be provided under \"Trip Interruption Benefit\"? ',\n answersHtmlCN: `\n In the occurrence of the following incidents during the journey which prevents the insured person from continuing with his original itinerary after the journey has begun and the insured person is inevitably required to re-route solely for the purpose of continuing his journey to the original planned destination or returning to the place of origin (i.e. Hong Kong):
\n - \n
- adverse weather condition; \n
- natural disaster; \n
- Infectious Disease; \n
- unanticipated outbreak of industrial action involving the arranged public conveyance; \n
- closure of airport; \n
- act of terrorist; \n
- riot or civil commotion; \n
- serious bodily injury or serious sickness of the insured person or travel companion; or \n
- Security Bureau of The Government of the Hong Kong Special Administrative Region issued Outbound Travel Alert for the planned destination (payable according to Outbound Travel Alert Extension); \n
\"Re-routing Benefit\" will reimburse:
\n - \n
- the additional public conveyance and/or accommodation expenses reasonably and inevitably incurred outside of the place of origin solely for the purpose of continuing the journey to the original planned destination or returning to the place of origin; or \n
- the loss of the prepaid and unused portion of the travel ticket, accommodation, tour package or admission tickets to travel event (e.g. theme park, museum, concert, musical or sport-related ornamental performance) which is forfeited and irrecoverable for each complete day on pro-rata basis. \n
\n
`,\n answersHtml: `\n 除包括「縮短旅程保障」及「行程改道保障」外，「旅程阻礙保障」的保障範圍亦伸延至以下：
\n - \n
- \n 當地旅遊團取消保障\n
- \n
- 如當旅遊景點因(i)當地旅遊承辦商倒閉或 (ii)不可預測的嚴重破壞而關閉當地旅遊景點，賠償已預先支付並且不能從任何來源退回的當地旅遊團費用。 \n
\n - \n 超額訂票\n
- \n
- 賠償因超額訂票導致未能在旅程中登上公共交通工具時所引致的額外住宿及膳食費用。 \n
\n - \n 特別津貼 – 指定服務提供者倒閉\n
- \n
- 因應住宿、私家車或汽車屋租用服務提供者倒閉而需購買替代服務提供特別津貼。 \n
\n
\n
`,\n },\n ],\n 'Claims Related': [\n {\n questionCN: '我需於何時以及如何申請索償？',\n question: 'When and how should I file the claims?',\n answersCN: [\n \"您需於事發後 30 天內以書面通知或透過 Blue Cross HK App 或 藍十字網站內 24/7 運作的「智」易Claims 網上平台遞交索償申請，只需 3 個簡單步驟（輸入、上傳及確認）便可完成，賠償款項將自動轉賬至您的戶口，大大縮短索償申請的時間。\",\n \"有關「個人責任」索償 ，受保人須就可能會導致法律責任⼀事即時以書面通知藍十字，並提供一切所需文件。\",\n ],\n answers: [\n \"The claim must be submitted within 30 days after the occurrence of any event in writing or through our 24/7 Smart eClaims online platform on Blue Cross HK App or Blue Cross website with 3 simple steps (Input, Upload and Confirm). The service significantly shortens the claim processing time so that the claim payment will be settled faster via autopay. \",\n \"For claim under Personal Liability Benefit, written notice of the event giving rise to the legal liability must be given to Blue Cross immediately together with required documents. \",\n ],\n },\n {\n questionCN: '如果遇到旅程延誤，需要提供那些文件申請索償？',\n question: 'What claim documents should I provide for travel delay?',\n answersCN: [\n \"您需要提供的文件包括登機證、機票或交通票據副本，以及由航空公司或公共交通機構發出的證明信，信內須列明延誤原因及延誤期。有關額外交通及海外住宿費用，需提供由相關服務提供者或任何其他替代旅行安排服務提供者發出的正式收據，以及已預付而未使用的旅程安排的退款證明。\",\n ],\n answers: [\n \"Copy of boarding pass, air/travel ticket, and confirmation from the airlines or public conveyances stating the reason and duration of delay should be provided. For additional travel and overseas accommodation expenses, provision of original receipt(s) issued by the relevant service providers and any other providers of alternative travel arrangement as well as refund proof of original prepaid and unused travel arrangement are also required. \",\n ],\n },\n {\n questionCN: '如果我於旅遊時遇到搶劫而遺失旅遊證件，我應該怎樣做？',\n question: 'What should I do if my travel documents are lost due to robbery during the journey?',\n answersCN: [\n \"受保人必須於發現遺失旅遊證件後 24 小時內向當地警方報案並取回報案紀錄，連同回港後補領旅遊證件費用的收據正本遞交索償申請。\",\n ],\n answers: [\n \"Insured person must report to the local police within 24 hours upon discovery of loss, and provide the original report from local police as well as the receipts of travel document replacement in order to submit a claim.\",\n ],\n },\n ],\n 'Renewal Cancellation Related': [\n {\n questionCN: '全年保障可不可以提前取消保單及申請退款?',\n question: 'Can I cancel the policy and get a refund for Annual Cover?',\n answersCN: [\n \"保單持有人可於任何時候向藍十字發出不少於7天通知以取消保單。在未有於受保期內提出任何索償之前提下，保單持有人可獲得退還部分保費，退還的價值相等於已付的保費在扣除藍十字按保單已生效的受保期及短期保費率所計算出的應收保費後的餘額。而每張保單最低保費金額為HK$500。\",\n ],\n answers: [\n \"The policyholder may cancel the policy at any time by giving no less than 7 days’ prior written notice to Blue Cross. Provided that no claim has been made during the period of insurance, the policyholder shall be entitled to a partial refund of premium equivalent to the actual premium paid for that period of insurance less the premium to be charged as calculated at the Blue Cross’ short period rates for the period of insurance has been in force. The minimum premium of each policy is HK$500.\",\n ],\n },\n {\n questionCN: '全年保障怎樣安排續保?',\n question: 'How to renew policy of Annual Cover?',\n answersCN: [\n \"全年保障可按年續保，但需經核保程序審批。續保通知書將於保單到期前30至45天內透過電郵或郵寄發送，客戶需於到期日前繳交續保保費，否則保單將於到期當天會自動取消，並不作另行通知。\",\n ],\n answers: [\n \"Annual Cover can be renewed annually, subject to underwriting approval. The renewal notice will be sent to your designated email address or by post within 30 – 45 days before policy expiry. Customer shall settle the renewal premium before expiry date, otherwise the policy will be automatically lapsed on the expiry date without further notice. \",\n ],\n },\n ],\n});\n\nexport const fileData = ([\n {\n logo: file_icon_2,\n title: i18n.t(\"home.InsureCard.Product\"),\n link: PRODUCT_LEAFLET_EN,\n linkCN: PRODUCT_LEAFLET_ZH,\n },\n {\n logo: file_icon_1,\n title: i18n.t(\"home.InsureCard.Other\"),\n link: TERMS_CONDITIONS,\n linkCN: TERMS_CONDITIONS,\n },\n])\n\nexport const faqsTabs = [\n {\n key: \"Application Related\",\n labelCN: \"有關投保事宜\",\n label: \"Application Related\",\n },\n {\n key: \"Coverage Related\",\n labelCN: \"有關保障事宜\",\n label: \"Coverage Related\",\n },\n {\n key: \"Claims Related\",\n labelCN: \"有關索償事宜\",\n label: \"Claims Related\",\n },\n {\n key: \"Renewal Cancellation Related\",\n labelCN: \"有關續保／取消事宜\",\n label: \"Renewal/Cancellation Related\",\n },\n];","import React, { useState, useEffect } from 'react';\nimport { Tabs, Form, Button } from 'antd';\nimport { useNavigate, useLocation } from \"react-router-dom\";\nimport dayjs from 'dayjs';\nimport { add, subtract, multiply, divide } from 'accurate-core';\nimport { getCurLangField, toFixedFun, getCurLang, formatNum, refreshPmInfo } from '@/utils';\nimport checkIcon from '@/assets/img/home/check_icon.png';\nimport { fileData } from '../../constants';\nimport InsuredTypeSelect from '../InsuredTypeSelect';\nimport RangeDatePicker from '../RangeDatePicker';\nimport { referralLinkDetails } from '@/store/referralLinkInfo/index';\nimport Styles from './index.less';\nimport { useTranslation } from \"react-i18next\";\nimport { useSearchParams } from 'react-router-dom';\nimport { dateFormatVal, dateFormatValCN } from \"@/config/commonUtil.js\";\n\nimport { useSelector, useDispatch } from 'react-redux';\nimport { premiumInfo, premiumDiscountListInfo, setPremiumInfo } from '@/store/premiumInfo';\nimport classNames from 'classnames';\n\nconst groupDiscount = {\n // o-1: 0, 2: 10%, 3-4: 15%, 5-10: 20%, >10: 25%\n 1: 0,\n 2: 0.1,\n 3: 0.15,\n 4: 0.15,\n 5: 0.2,\n 6: 0.2,\n 7: 0.2,\n 8: 0.2,\n 9: 0.2,\n 10: 0.2,\n}\n\nconst InsureCard = (props) => {\n const { t } = useTranslation();\n const [searchParams] = useSearchParams();\n const { callbackCurType, premiumList, productPlans, benefitTree } = props;\n const [form] = Form.useForm();\n const navigate = useNavigate();\n const location = useLocation();\n const urlParams = new URLSearchParams(location.search);\n const clientType = urlParams.get('clientType'); // 詳情過來的客戶類型 如果是公司類型 就不顯示家庭選項\n\n const [curType, setCurType] = useState('AST');\n const [curSingleType, setCurSingleType] = useState('RoundTrip'); // 單次旅程類型 往返還是單次\n const [curProduct, setCurProduct] = useState('W2');\n const [days, setDays] = useState(5); // 要加當天\n const [premiumObj, setPremiumObj] = useState({originalPrice: 0, discountedPrice: 0});\n\n //獲取客戶詳情頁跳轉來的參數\n const [ProspectClientId] = useState(searchParams.get('ProspectClientId')); \n const [clientId] = useState(searchParams.get('clientId')); \n \n // referralLink相關\n const referralLinkInfo = useSelector(referralLinkDetails);\n\n useEffect(()=>{\n callbackCurType(curType);\n },[curType])\n\n useEffect(()=>{\n // 切換單次旅游的往返或者單程選項 也要重置計劃選項\n setCurProduct(curSingleType === 'RoundTrip' ? 'W2' : 'O2');\n },[curSingleType])\n\n // 用插件加減乘除 和toFixedFun是爲了解決精度 一分錢誤差問題\n const calcPremium = () => {\n const { InsuredObj = {} } = form.getFieldsValue();\n const { insuredType = 'individual', adults = 1, elderly = 0, children = 0 } = InsuredObj;\n // 成人的保費列表\n let adultPremiumNewList = premiumList?.filter(p => p.productCode === curType && p.planCode === curProduct && p.package === \"Adult\") ?? [];\n // 長者的保費列表\n let elderlyPremiumNewList = premiumList?.filter(p => p.productCode === curType && p.planCode === curProduct && p.package === \"Elderly\") ?? [];\n // 小童的保費列表\n let childPremiumNewList = premiumList?.filter(p => p.productCode === curType && p.planCode === curProduct && p.package === \"Child\") ?? [];\n if(curType === 'AAT') {\n //全年 insuredDays為-1\n adultPremiumNewList = adultPremiumNewList.filter(p => p.insuredDays === -1);\n elderlyPremiumNewList = elderlyPremiumNewList.filter(p => p.insuredDays === -1);\n childPremiumNewList = childPremiumNewList.filter(p => p.insuredDays === -1);\n } else {\n adultPremiumNewList = adultPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\n elderlyPremiumNewList = elderlyPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\n childPremiumNewList = childPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\n }\n const adultPremiumAmount = adultPremiumNewList?.[0]?.premiumAmount ?? 0;\n const elderlyPremiumAmount = elderlyPremiumNewList?.[0]?.premiumAmount ?? 0;\n const childPremiumAmount = childPremiumNewList?.[0]?.premiumAmount ?? 0;\n let originalPrice = 0;\n if(adults + elderly < 1) {\n // 如果全部都是小童 就用成人的價格計算\n originalPrice = toFixedFun(multiply(children, adultPremiumAmount));\n } else {\n // 其他情況 成人數量*成人價格 + 長者數量*長者價格 + 小童數量*小童價格\n originalPrice = toFixedFun(add(add(multiply(adults, adultPremiumAmount), multiply(elderly, elderlyPremiumAmount)), multiply(children, childPremiumAmount)));\n }\n console.log('成人價格', adultPremiumAmount, '長者價格', elderlyPremiumAmount, '小童價格', childPremiumAmount);\n let discountedPrice = originalPrice;\n if(insuredType === 'company' && curType === 'AAT') {\n // 公司團體優惠 折扣根據成年人+長者的人數來確定\n // discountedPrice = discountedPrice - ( discountedPrice * (groupDiscount[adults + elderly] ?? 0.25));\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, groupDiscount[adults + elderly] ?? 0.25))));\n }\n if ((adults + elderly + children) >= 10 && curType === 'AST' && curSingleType === 'RoundTrip') {\n // 單次來回 人數總合大於等於10 可以有10%的團體折扣\n // discountedPrice = discountedPrice - ( discountedPrice * 0.1);\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, 0.1))));\n }\n // 保費優惠 动态获取\n // discountedPrice = Number(discountedPrice - ( discountedPrice * 0.15)).toFixed(2);\n \n const premiumRate = divide((pmInfo[curType] ?? pmInfo['*'] ?? 0), 100);\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, premiumRate)))).toFixed(2);\n // referralLink進來需要把銷售折扣也算上\n if(Object.keys(referralLinkInfo).length > 0 ) {\n let discRate = curType === 'AAT' ? referralLinkInfo?.salesDiscountByProduct?.AAT : referralLinkInfo?.salesDiscountByProduct?.AST;\n // discountedPrice = discountedPrice - ( discountedPrice * (discRate ?? 0) / 100);\n discountedPrice = toFixedFun(subtract(discountedPrice, toFixedFun(multiply(discountedPrice, divide((discRate ?? 0), 100)))));\n }\n setPremiumObj({ originalPrice, discountedPrice });\n }\n\n const dispatch = useDispatch();\n const pmInfo = useSelector(premiumInfo);\n const premiumDiscountList = useSelector(premiumDiscountListInfo);\n const [rates, setRates] = useState(0);\n useEffect(()=>{\n // 中英文显示不一样\n const tmpRate = pmInfo[curType] ?? pmInfo['*'] ?? 0;\n let ratesNum = getCurLang() == 'zh' ? (tmpRate ? subtract(100, tmpRate) : 0) : (tmpRate ?? 0);\n if(getCurLang() == 'zh' && ratesNum % 10 === 0) {\n ratesNum = ratesNum / 10; // 90折顯示成9折\n }\n setRates(ratesNum);\n }, [pmInfo, curType])\n\n useEffect(() => {\n // 計算費用\n calcPremium();\n }, [curType, curProduct, days, premiumList, referralLinkInfo, pmInfo])\n\n // 旅程生效日期\n const [effectiveDate, setEffectiveDate] = useState();\n useEffect(() => {\n // 生效日期變化，需要重新匹配對應的保費折扣值，存到store裏面\n refreshPmInfo({\n effectiveDate,\n premiumDiscountList,\n pmInfo,\n setPremiumInfo,\n dispatch,\n })\n }, [effectiveDate, premiumDiscountList])\n\n useEffect(() => {\n // dayjs().startOf('day')獲取的是當天零點的時間 由於日期選擇器也是計算的零點 這樣寫統一就不會有計算誤差\n const startDay = dayjs().startOf('day').add(12, 'days');\n const endDay = startDay.add(4, 'days');\n form.setFieldsValue({\n InsuredObj: {\n insuredType: clientType === 'C' ? 'company' : 'individual',\n adults: 1,\n elderly: 0,\n children: 0,\n },\n travelDate: [startDay, endDay],\n });\n setEffectiveDate(startDay.format('YYYY-MM-DD'));\n }, [])\n\n useEffect(() => {\n if(pmInfo?.isSCodeHolder) {\n // 手動切換到全年保障\n handleTypeChange('AAT');\n }\n }, [pmInfo.isSCodeHolder])\n\n const handleInsure = () => {\n // 拼接旅遊類型（單次全年）、旅遊日期、受保類型（個人 家庭 公司）、人數、兒童人數、旅遊計劃（環球 中國 郵輪）\n const { travelDate, InsuredObj } = form.getFieldsValue();\n const [start, end] = travelDate;\n const { insuredType = 'individual', adults = 1, elderly = 0, children = 0 } = InsuredObj; \n const url = `traveType=${curType}&singleType=${curSingleType}&travelStartDate=${start?.format(dateFormatValCN)}&travelEndDate=${end?.format(dateFormatValCN)}&protectType=${insuredType}&adultCount=${adults}&elderlyCount=${elderly}&childCount=${children}&travelPlan=${curProduct}&ProspectClientId=${ProspectClientId}&clientId=${clientId}`\n const lang = getCurLang();\n navigate(`/${lang}/quote?${url}${clientType === 'C' ? '&clientType=C' : ''}`);\n }\n\n const handleTypeChange = (t) => {\n setCurType(t);\n // 重置表單數據\n setCurProduct((t === 'AST' && curSingleType === 'OneWay') ? 'O2' : 'W2');\n setDays(5);\n const startDay = t === 'AST' ? dayjs().startOf('day').add(12, 'days') : dayjs().startOf('day').add(1, 'days');\n const endDay = t === 'AST' ? startDay.add(4, 'days') : dayjs().startOf('day').add(1, 'year');\n form.setFieldsValue({\n InsuredObj: {\n insuredType: clientType === 'C' ? 'company' : 'individual',\n adults: 1,\n elderly: 0,\n children: 0,\n },\n travelDate: [startDay, endDay],\n });\n setEffectiveDate(startDay.format('YYYY-MM-DD'));\n }\n\n const handleProductChange = (p) => {\n setCurProduct(p);\n if(p === 'PC' && curType === 'AST' && days > 90) {\n // 單次旅遊 中國計劃 時間天數超過90天 重新設置為默認時間 和默認天數\n const startDay = dayjs().startOf('day').add(12, 'days');\n const endDay = startDay.add(4, 'days');\n form.setFieldsValue({\n travelDate: [startDay, endDay],\n });\n setEffectiveDate(startDay.format('YYYY-MM-DD'));\n setDays(5);\n }\n }\n\n const handleFieldsChange = (changedFields) => {\n if(changedFields?.[0].name?.includes('travelDate')) {\n const [startDate, endDate] = changedFields[0].value ?? [];\n const ds = endDate.diff(startDate, 'day') + 1;\n setTimeout(() => {\n setDays(ds); // 不這麽寫的話 在ipad或者mobile下，先點擊結束時間選擇一個時間后 點別的地方 日期沒更新\n }, 50);\n if(curType === 'AAT') {\n const end = startDate.subtract(1, 'day').add(1, 'year');\n form.setFieldsValue({\n travelDate: [startDate, end],\n });\n }\n setEffectiveDate(startDate.format('YYYY-MM-DD'));\n } else if(changedFields?.[0].name?.includes('InsuredObj')) {\n // 重新計算一下費用\n calcPremium();\n }\n }\n\n const getMedicalBenefit = () => {\n const medical = benefitTree?.filter(b => b.benefitCode === 'TravelElite_V241119_1')?.[0] ?? {};\n // 單次的單程跟往返的planCode不一樣 比較planCode後面的數字一樣也行\n const amount = medical?.benefitLimits?.filter(b => b.productCode === curType && (b.planCode === curProduct || b.planCode?.[1] === curProduct?.[1]))?.[0]?.benefitLimit ?? 0;\n return formatNum(amount);\n }\n\n const getAccidentBenefit = () => {\n const accident = benefitTree?.filter(b => b.benefitCode === 'TravelElite_V241119_2')?.[0] ?? {};\n // 單次的單程跟往返的planCode不一樣 比較planCode後面的數字一樣也行\n const amount = accident?.benefitLimits?.filter(b => b.productCode === curType && (b.planCode === curProduct || b.planCode?.[1] === curProduct?.[1]))?.[0]?.benefitLimit ?? 0;\n return formatNum(amount);\n }\n\n const productTabContent = (planDesc, planName) => (\n Apart from \"Trip Curtailment\" and \"Re-routing\", \"Trip Interruption Benefit\" also covers the following:
\n - \n
- \n Cancellation of Local Tour \n
- \n
- Reimburse the forfeited and irrecoverable expense of local tour in the event of (i) the closure of local tour operator due to bankruptcy; or (ii) the closure of the tourist spot due to unpredictable serious destruction. \n
\n - \n Overbooking\n
- \n
- Reimburse the additional accommodation and meal expenses for the failure of boarding the public conveyance due to overbooking. \n
\n - \n Special Allowance - Closure of Designated Service Providers \n
- \n
- Offer a special allowance for purchasing alternative services in the event of the closure of the accommodation, private car or motorhome rental service providers due to its bankruptcy. \n
\n
\n
\n )\n\n const typeItems = [\n {\n key: 'AST',\n label: t(\"home.InsureCard.SingleTrip\"),\n },\n {\n key: 'AAT',\n label: t(\"home.InsureCard.YearRound\"),\n },\n ];\n\n const productItems = () => {\n return productPlans?.filter(p => p.productCode === curType)?.[0]?.plans?.filter(plan => {\n if(curType === 'AAT') {\n return true;\n } else {\n return plan.journeyType === curSingleType;\n }\n })?.map(plan => ({\n key: plan.planCode,\n label: plan[getCurLangField('planName')],\n children: productTabContent(plan[getCurLangField('planDesc')], plan[getCurLangField('planName')]),\n }));\n };\n\n return (\n \n
\n {planName}
\n {Boolean(planDesc) ? planDesc : t(\"home.InsureCard.Upgrade\")}
\n \n
\n \n {t(\"home.InsureCard.Limit1\")}\n HK${getMedicalBenefit()}\n
\n \n {t(\"home.InsureCard.Limit2\")}\n HK${getAccidentBenefit()}\n
\n \n
\n \n HK$\n = 10000 ? Styles.smallFont : ''}>{premiumObj.discountedPrice}\n
\n HK${premiumObj.originalPrice}
\n \n origin, align: 'center' }}\n className={Styles.typeTabWrapper}\n activeKey={curType}\n items={pmInfo?.isSCodeHolder ? typeItems.filter(t => t.key !== 'AST') : typeItems}\n onChange={handleTypeChange}\n />\n \n \n \n origin, align: 'center' }}\n />\n
\n );\n }\n \n export default InsureCard;","import React, { useState } from 'react';\nimport Icons from \"@/components/ui/Icons/Icons\";\nimport { faqsData } from '../../constants';\nimport { getCurLangField } from '@/utils';\nimport Styles from './index.less';\n\nconst downLine = {t(\"home.Travel\")}
\n {\n pmInfo?.isSCodeHolder && (\n{t(\"home.sCodeTips\")}
\n )\n }\n{t('home.InsureCard.totalDays',{days: days}) }
\n )\n }\n \n \n {t(\"home.InsureCard.insurance\")}\n \n {\n rates != 0 && \n
\n \n 
\n {t(\"home.InsureCard.premium\",{rates})}\n
\n }\n \n {\n fileData.map((f,index) => (\n
\n {window.open(f[getCurLangField('link')], \"_blank\");}}>\n 
\n {f[getCurLangField('title')]}\n
\n ))\n }\n \n {/* 头部 */}\n
\n );\n}\n\nconst FaqsCom = ({faqTab}) => {\n return (\n \n
\n {/* 内容区域 */}\n {title}
\n \n {isContentVisible ? upLine : downLine }\n
\n \n {children}\n
\n \n {\n faqsData[faqTab].map((d, index) => (\n \n {\n d?.[getCurLangField('ansTips')] && (\n
\n );\n }\n \n export default FaqsCom;","import React, { useState, useRef, useEffect } from 'react';\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Carousel, FloatButton, Tooltip, Tabs } from 'antd';\r\nimport { DownloadOutlined, UpOutlined } from '@ant-design/icons';\r\nimport { useThrottleFn } from 'ahooks';\r\nimport { formatNum, getCurLangField, getCurLang } from '@/utils';\r\nimport useMediaChange from '@/hooks/useMediaChange';\r\nimport planIntro_img1 from '@/assets/img/home/planIntro_bg1.png';\r\nimport planIntro_arrow from '@/assets/img/home/planIntro_arrow.png';\r\nimport insureBenefits_icon1 from '@/assets/img/home/insureBenefits_icon_1.png';\r\nimport tipsIcon from '@/assets/img/tipsIcon.png';\r\nimport Icons from \"@/components/ui/Icons/Icons\";\r\nimport TabPlus from \"@/components/others/TabPlus/TabPlus\";\r\nimport HomeHeader from './components/HomeHeader';\r\nimport InsureCard from './components/InsureCard';\r\nimport FaqsCom from './components/FaqsCom';\r\nimport { planFeaturesData, planIntroData, fileData, faqsTabs } from './constants';\r\nimport { fetchPremiumData, fetchProductsPlan, fetchBenefits } from './service';\r\nimport Styles from './index.less';\r\n\r\nimport { useSelector } from 'react-redux';\r\nimport { premiumInfo } from '@/store/premiumInfo';\r\nimport { subtract } from 'accurate-core';\r\n\r\nconst Home = () => {\r\n const [curType, setCurType] = useState(''); \r\n const pmInfo = useSelector(premiumInfo);\r\n const [rates, setRates] = useState(0);\r\n\r\n useEffect(()=>{\r\n // 中英文显示不一样\r\n const tmpRate = pmInfo[curType] ?? pmInfo['*'] ?? 0;\r\n let ratesNum = getCurLang() == 'zh' ? (tmpRate ? subtract(100, tmpRate) : 0) : (tmpRate ?? 0);\r\n if(getCurLang() == 'zh' && ratesNum % 10 === 0) {\r\n ratesNum = ratesNum / 10; // 90折顯示成9折\r\n }\r\n setRates(ratesNum);\r\n }, [pmInfo, curType])\r\n\r\n const { t } = useTranslation();\r\n const [isMobile, isMiniMobile] = useMediaChange();\r\n const [currentTab, setCurrentTab] = useState(\"planFeatures\");\r\n const [faqTab, setFaqTab] = useState('Application Related');\r\n\r\n // tab滑動到相關内容 sticky到頂部等相關\r\n const tabPlusRef = useRef(null);\r\n const planRef = useRef(null);\r\n const stepsRef = useRef(null);\r\n const guaranteeDetailsRef = useRef(null);\r\n const planSummaryRef = useRef(null);\r\n const [fixedTheHeader, setFixedTheHeader] = useState(false);\r\n const [activeTab, setActiveTab] = useState(null);\r\n\r\n const [productPlans, setProductPlans] = useState([]); // 產品及對應的旅遊計劃數據\r\n const [premiumList, setPremiumList] = useState([]); // 保費數據\r\n const [benefitTree, setBenefitTree] = useState([]); // 保障數據\r\n useEffect(() => {\r\n fetchPremiumData({ productCodes: ['AAT', 'AST'] }).then(res => {\r\n if(res.status === 200) {\r\n setPremiumList(res.data ?? []);\r\n }\r\n })\r\n fetchProductsPlan({}).then(res => {\r\n if(res.status === 200) {\r\n setProductPlans(res.data ?? []);\r\n }\r\n })\r\n fetchBenefits({}).then(res => {\r\n if(res.status === 200) {\r\n setBenefitTree(res.data ?? []);\r\n }\r\n })\r\n }, []);\r\n\r\n const { run: handleScroll } = useThrottleFn(\r\n () => {\r\n const scrollTop = isMobile ? (window.scrollY || document.documentElement.scrollTop) : document.getElementById('contentScroll').scrollTop;\r\n if (scrollTop >= tabPlusRef?.current?.offsetTop) {\r\n setFixedTheHeader(true);\r\n } else {\r\n setFixedTheHeader(false);\r\n }\r\n },\r\n { wait: 100 },\r\n );\r\n \r\n useEffect(() => {\r\n const contentScroll = document.getElementById('contentScroll');\r\n if(isMobile) {\r\n window.addEventListener(\"scroll\", handleScroll);\r\n } else {\r\n contentScroll.addEventListener(\"scroll\", handleScroll);\r\n }\r\n return () => {\r\n window.removeEventListener(\"scroll\", handleScroll);\r\n contentScroll.removeEventListener(\"scroll\", handleScroll);\r\n };\r\n }, [isMobile]);\r\n\r\n useEffect(() => {\r\n //滑到某些区域 高亮tab\r\n const iO = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n const seactionId = entry.target.id;\r\n if (entry.isIntersecting) {\r\n setActiveTab(seactionId);\r\n }\r\n });\r\n },\r\n {\r\n threshold: isMiniMobile ? 0.15 : 0.4,\r\n }\r\n );\r\n iO.observe(planRef.current);\r\n iO.observe(stepsRef.current);\r\n iO.observe(guaranteeDetailsRef.current);\r\n iO.observe(planSummaryRef.current);\r\n return () => {\r\n iO.disconnect();\r\n };\r\n }, [activeTab, planRef, stepsRef, guaranteeDetailsRef, planSummaryRef]);\r\n\r\n useEffect(() => {\r\n if (activeTab === \"LearnPagePlanFeatures\") {\r\n setCurrentTab(\"planFeatures\");\r\n } else if (activeTab === \"LearnPagePlanIntro\") {\r\n setCurrentTab(\"planIntro\");\r\n } else if (activeTab === \"LearnPageInsureBenefits\") {\r\n setCurrentTab(\"insureBenefits\");\r\n } else if (activeTab === \"LearnPageFrequentlyQues\") {\r\n setCurrentTab(\"frequentlyQues\");\r\n }\r\n }, [activeTab]);\r\n\r\n const handleToPlan = (id) => {\r\n const dom = document.getElementById(id);\r\n if (dom) {\r\n const blockStr = (id === 'LearnPageInsureBenefits' || id === 'LearnPageFrequentlyQues') ? 'center' : 'start';\r\n dom.scrollIntoView({ behavior: \"smooth\", block: blockStr });\r\n }\r\n };\r\n\r\n const tabs = [\r\n {\r\n key: \"planFeatures\",\r\n label: (\r\n handleToPlan(\"LearnPagePlanFeatures\")}>\r\n {t(\"home.tab.planFeatures\")}\r\n \r\n ),\r\n },\r\n {\r\n key: \"planIntro\",\r\n label: (\r\n handleToPlan(\"LearnPagePlanIntro\")}>\r\n {t(\"home.tab.programIntroduction\")}\r\n \r\n ),\r\n },\r\n {\r\n key: \"insureBenefits\",\r\n label: (\r\n handleToPlan(\"LearnPageInsureBenefits\")}>\r\n {t(\"home.tab.preferentialInsuranceOffers\")}\r\n \r\n ),\r\n },\r\n {\r\n key: \"frequentlyQues\",\r\n label: (\r\n handleToPlan(\"LearnPageFrequentlyQues\")}>\r\n {t(\"home.tab.frequentlyAskedQuestions\")}\r\n \r\n ),\r\n },\r\n ];\r\n\r\n const handleDLfile = (link) => {\r\n window.open(link, \"_blank\");\r\n };\r\n\r\n return (\r\n {d?.[getCurLangField('ansTips')]}
\n )\n }\n {\n d?.[getCurLangField('answers')] && (\n - \n {\n d?.[getCurLangField('answers')]?.map((a,i) => (\n
- {a} \n ))\n }\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n planIntroData.map((p, index) => (\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n {setCurType(value)}} premiumList={premiumList} productPlans={productPlans} benefitTree={benefitTree} />\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setCurrentTab(key);\r\n }}\r\n items={tabs}\r\n />\r\n
\r\n \r\n
\r\n {t(\"home.tourism\")}
\r\n \r\n{t(\"home.Travel\")}
\r\n{t(\"home.moreEnjoyable\")}
\r\n{t(\"home.accompaniesYou\")}
\r\n\r\n {\r\n planFeaturesData.map((f,index) => (\r\n
\r\n \r\n \r\n
\r\n ))\r\n }\r\n {f[getCurLangField('title')]}
\r\n {f[getCurLangField('desc')]}
\r\n \r\n
\r\n \r\n
\r\n {\r\n rates != 0 &&\r\n \r\n
\r\n }\r\n {t(\"home.insuranceNow\")}
\r\n {t(\"home.enjoyOff\",{rates})}\r\n {t(\"home.ProgramIntroduction\")}
\r\n {\r\n isMobile ? (\r\n\r\n
\r\n ))\r\n }\r\n \r\n 
\r\n
\r\n {p[getCurLangField('title')]}
\r\n{p[getCurLangField('desc')]}
\r\n\r\n {\r\n p.guarantees.map((g,i) => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n \r\n {g[getCurLangField('label')]}\r\n {\r\n g.showTooltip && (\r\n \r\n 
\r\n \r\n )\r\n }\r\n
\r\n \r\n {g.value === '-' ? '' : 'HK$'}\r\n {g.value === '-' ? '-' : formatNum(g.value)}\r\n
\r\n \r\n {\r\n planIntroData.map((p, index) => (\r\n
\r\n )\r\n }\r\n \r\n
\r\n ))\r\n }\r\n \r\n \r\n
\r\n {p[getCurLangField('title')]}
\r\n{p[getCurLangField('desc')]}
\r\n\r\n {\r\n p.guarantees.map((g,i) => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n \r\n {g[getCurLangField('label')]}\r\n {\r\n g.showTooltip && (\r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n \r\n {g.value === '-' ? '' : 'HK$'}\r\n {g.value === '-' ? '-' : formatNum(g.value)}\r\n
\r\n \r\n
\r\n {t(\"home.title1\")}
\r\n{t(\"home.title2\")}
\r\n{t(\"home.smallTitle\")}
\r\n\r\n 
\r\n
\r\n \r\n 
\r\n \r\n
\r\n {t(\"home.exampleP1\")}
\r\n \r\n {t(\"home.exampleP2\")}\r\n {t(\"home.exampleP3\")}\r\n
\r\n \r\n {t(\"home.exampleP4\")}{t(\"home.exampleP5\")}\r\n {t(\"home.exampleP6\")}\r\n
\r\n \r\n
\r\n {t(\"home.PreferentialInsuranceOffers\")}
\r\n{t(\"home.PreferentialInsuranceOffersTitle\")}
\r\n\r\n
\r\n \r\n 
\r\n
\r\n {t(\"home.PreferentialInsuranceOffersTitle1\")}
\r\n {t(\"home.PreferentialInsuranceOffersP1\")}
\r\n {t(\"home.PreferentialInsuranceOffersP2\")}
\r\n \r\n \r\n
\r\n {t(\"home.PreferentialInsuranceOffersTitle2\")}
\r\n {t(\"home.PreferentialInsuranceOffersP3\")}
\r\n {t(\"home.PreferentialInsuranceOffersP4\")}
\r\n {t(\"home.questions\")}
\r\n{t(\"home.annualCoverOnly\")}
\r\n )\r\n }\r\n \r\n
\r\n \r\n {t(\"home.download\")}
\r\n\r\n {\r\n fileData.map((f, index) => (\r\n handleDLfile(f[getCurLangField('link')])}\r\n >\r\n 
\r\n
\r\n ))\r\n }\r\n {f[getCurLangField('title')]}
\r\n {t(\"home.downloadButton\")}
\r\n \r\n
\r\n \r\n \r\n { isMobile && ({t(\"home.attention\")}
\r\n {t(\"home.attention1\")}
\r\n {t(\"home.attention2\")}
\r\n \r\n
\r\n \r\n
\r\n {\r\n expand && \r\n <>\r\n {t(\"apply.card.currentlyInsured\")}
\r\n \r\n {t(\"apply.card.productName\")}\r\n
\r\n {\r\n (isMobile && !expand) && \r\n {(isMobile && expand) && {setExpand(false)}} className={classnames('iconfont','icon-up')}>}\r\n {(isMobile && !expand) && {setExpand(true)}} className={classnames('iconfont','icon-down')}>}\r\n
\r\n HK${tabData?.premiumPayableByCustomer}
\r\n }\r\n \r\n {/*
\r\n {\r\n tab == 1 &&\r\n <>\r\n {tabChange(1);}} className={classnames({[Styles.current]: tab == 1})}>{t(\"apply.card.tab1\")}
*/}\r\n {tabChange(2);}} className={classnames({[Styles.current]: tab == 2})}>{t(\"apply.card.premiumDetail\")}
\r\n {tabChange(3);}} className={classnames({[Styles.current]: tab == 3})}>{t(\"apply.card.planOverview\")}
\r\n \r\n
\r\n \r\n
\r\n {t(\"apply.card.premium\")}
\r\n \r\n
\r\n \r\n {t(\"apply.card.grossPremiumAfterProductDiscount\")}\r\n HK${isEmpty(tabData?.grossPAPD)}\r\n
\r\n \r\n {t(\"apply.card.commission\")}\r\n {tabData?.commissionRate}%\r\n
\r\n \r\n {t(\"apply.card.totalCommission\")}\r\n HK${isEmpty(tabData?.commissionAmount)}\r\n
\r\n \r\n
\r\n {t(\"apply.card.discount2\")}
\r\n \r\n
\r\n \r\n
\r\n {\r\n tabData?.salesDiscountRate > 0 && \r\n \r\n {t(\"apply.card.salesDiscount\")}\r\n {\r\n !confirmPage && \r\n
\r\n {tabData?.salesDiscountRate}%\r\n \r\n {t(\"apply.card.fix\")}\r\n
\r\n }\r\n \r\n {t(\"apply.card.salesDiscountAmount\")}\r\n HK${isEmpty(tabData?.salesDiscountAmount)}\r\n
\r\n }\r\n \r\n {t(\"apply.card.deductCommission\")}\r\n HK${isEmpty(tabData?.commissionAfterSalesDiscount)}\r\n
\r\n \r\n {t(\"apply.card.userPayPremium\")}\r\n HK${isEmpty(tabData?.premiumPayableByCustomer)}\r\n
\r\n \r\n
\r\n \r\n }\r\n {\r\n tab == 2 &&\r\n <>\r\n \r\n
\r\n \r\n
\r\n {/* {t(\"apply.card.netPremium\")}
\r\n \r\n HK$\r\n {getFloatTarget(tabData?.lastNetPremium,0)}\r\n .{getFloatTarget(tabData?.lastNetPremium,1)}\r\n
\r\n *[假字]此保費已包含政府指定的收費
*/}\r\n \r\n
\r\n {openModal()}}>{t(\"apply.card.changePlan\")}
\r\n {t(\"apply.card.downLoadPDF\")}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"apply.card.premium\")}
\r\n \r\n
\r\n \r\n {getPlanName(tabData?.protectionCategory, tabData?.planID)}\r\n
\r\n \r\n HK$\r\n {getFloatTarget(tabData?.planPrice, 0)}\r\n .{getFloatTarget(tabData?.planPrice, 1)}\r\n
\r\n \r\n
\r\n {t(\"apply.card.premium\")}
\r\n \r\n HK$\r\n {getFloatTarget(tabData?.premium, 0)}\r\n .{getFloatTarget(tabData?.premium, 1)}\r\n
\r\n \r\n
\r\n {t(\"apply.card.Excellent\")}
\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"apply.card.productDiscount\")}\r\n
\r\n \r\n -\r\n HK$\r\n {getFloatTarget(tabData?.productDiscount, 0)}\r\n .{getFloatTarget(tabData?.productDiscount, 1)}\r\n
\r\n \r\n
\r\n \r\n {t(\"apply.card.PremiumDiscounts\")}\r\n
\r\n \r\n -\r\n HK$\r\n {getFloatTarget(tabData?.premiumDiscount, 0)}\r\n .{getFloatTarget(tabData?.premiumDiscount, 1)}\r\n
\r\n \r\n
\r\n \r\n {t(\"apply.card.salesDiscount\")}\r\n
\r\n \r\n -\r\n HK$\r\n {getFloatTarget(tabData?.salesDiscounts, 0)}\r\n .{getFloatTarget(tabData?.salesDiscounts, 1)}\r\n
\r\n \r\n
\r\n \r\n }\r\n {\r\n tab == 3 &&\r\n <>\r\n \r\n
\r\n \r\n
\r\n {t(\"apply.card.premium1\")}
\r\n \r\n HK$\r\n {getFloatTarget(tabData?.premiumPayableByCustomer, 0)}\r\n .{getFloatTarget(tabData?.premiumPayableByCustomer, 1)}\r\n
\r\n \r\n {t(\"apply.card.loading\")} \r\n \r\n {t(\"apply.card.accordingToThis\")}\r\n \r\n {t(\"apply.card.period\")}\r\n
\r\n \r\n
\r\n {openModal()}}>{t(\"apply.card.changePlan\")}
\r\n {/* {t(\"apply.card.downLoadPDF\")}
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {getPlanName(tabData?.protectionCategory, tabData?.planID)}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"apply.card.TypeCoverage\")}
\r\n \r\n {\r\n tabData?.protectionCategory == 'AAT' && t(\"apply.card.YearRound\")\r\n }\r\n {\r\n (tabData?.protectionCategory == 'AST' && tabData?.journeyType == 'OneWay') && t(\"apply.card.OneWayCoverage\")\r\n }\r\n {\r\n (tabData?.protectionCategory == 'AST' && tabData?.journeyType == 'RoundTrip') && t(\"apply.card.RoundTripCoverage\")\r\n }\r\n
\r\n \r\n
\r\n {t(\"apply.card.numberOfInsured\")}
\r\n {getInsuredType(tabData?.insuredType)} - {tabData?.numberOfInsuredPersons}
\r\n \r\n
\r\n {t(\"apply.card.journeyDate\")}
\r\n {tabData?.travelStartDate} {tabData?.travelEndDate}
\r\n {\r\n tabData?.protectionCategory == 'AST' && \r\n {t(\"apply.card.total1\")}{(moment(tabData?.travelEndDate)).diff(moment(tabData?.travelStartDate), 'days')+1}{t(\"apply.card.total2\")}
\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(\"apply.card.premium2\")}
\r\n \r\n HK$\r\n {getFloatTarget(tabData?.premiumPayableByCustomer, 0)}\r\n .{getFloatTarget(tabData?.premiumPayableByCustomer, 1)}\r\n
\r\n \r\n {t(\"apply.card.loading\")}\r\n \r\n {t(\"apply.card.accordingToThis\")}\r\n \r\n {t(\"apply.card.period\")}\r\n
\r\n \r\n
\r\n {openModal()}}>{t(\"apply.card.changePlan\")}
\r\n {/* {t(\"apply.card.downLoadPDF\")}
*/}\r\n {t(\"apply.card.Q1Title\")}
\r\n {t(\"apply.card.Q2Title\")}
\r\n \r\n
\r\n {t(\"apply.card.leaveCancel\")}
\r\n {t(\"apply.card.leaveOk\")}
\r\n \r\n {/*
\n );\n};\n\nTab.defaultProps = {\n defaultActiveKey: \"0\",\n onChange: null,\n items: [],\n position: \"top\",\n};\n\nexport default Tab;\n","export default __webpack_public_path__ + \"./imgs/searchSmall.4f0f4b.png\";","export default __webpack_public_path__ + \"./imgs/icon_cross_filled.1f17bf.png\";","/**\n * @description FormInput 输入框\n * @params {String} inputValue 输入值\n * @params {String} placeHolder 传入的placeHolder值 默认null\n * @params {String} defaultValue 传入的defaultValue值 默认null\n * @params {Boolean} disabled 是否禁用 默认false\n * @params {Boolean} searchable 是否带有搜索功能 默认false\n * @params {String} prefix 传入的前缀icon或文字 默认null\n * @params {String} suffix 传入的后缀icon或文字 默认null\n * @params {Boolean} delable 是否具有删除功能 默认false\n * @params {String} deleteIcon 指定删除icon 默认null\n * @params {Boolean} delDisabled 是否禁用删除功能 默认false\n * @params {Boolean} error 是否设为error样式 默认false\n * @params {String} type input种类 默认\"\"\n * @params {String} inputValue 输入值 默认\"\"\n * @params {Func} onChange 用户修改input内容触发 默认\"\"\n * @params {Func} onBlur 用户点击input外部触发 默认\"\"\n * @params {Func} onClickInputEle 用户点击整个input触发 默认\"\"\n * @params {Func} onBlurInputEle 用户点击整个input触发 默认\"\"\n */\nimport React, { useState, forwardRef, useEffect } from \"react\";\nimport searchIcon from \"@/assets/imgs/searchSmall.png\";\nimport delIcon from \"@/assets/imgs/icon_cross_filled.png\";\nimport \"./SearchInput.less\";\nconst FormInput = forwardRef((props, ref) => {\n const {\n placeHolder,\n defaultValue,\n disabled,\n searchable,\n prefix,\n suffix,\n delable,\n deleteIcon,\n delDisabled,\n error,\n type,\n onChange,\n onClickInputEle,\n onBlur,\n Value,\n } = props;\n const [inputValue, setInputValue] = useState(Value);\n const [inputActive, setInputActive] = useState(false);\n const [errNow, setErrNow] = useState(false);\n\n useEffect(() => {\n setInputValue(Value);\n }, [Value]);\n\n const isImg = (item) => {\n const arr = item?.split(\"/\") || [];\n return /\\.(png|jpg|jepg|gif|bmp|webp|svg)$/i.test(arr[arr.length - 1]);\n };\n const handleChange = (e) => {\n const { value } = e?.target;\n // if (!value) {\n // value = \"\";\n // }\n // if (limitLang(value)) {\n // setErrNow(true);\n // return;\n // } else {\n // setErrNow(false);\n // }\n setInputValue(value);\n if (onChange) {\n onChange(value);\n }\n };\n const clearValue = () => {\n if (!delDisabled) {\n // setInputValue(\"\");\n onChange && onChange(\"\");\n }\n // delDisabled || \"\";\n // console.log(\"clearValue\");\n // onChange(ref.current.value);\n };\n\n //监听search改变\n useEffect(() => {\n console.log(\"search change\");\n onChange(ref.current.value);\n }, [ref]);\n\n const handleBlur = (e) => {\n if (onBlur) {\n onBlur(e);\n }\n };\n // 限制只能輸入英文\n const limitLang = (value) => {\n const isChi = /^[\\u4E00-\\u9FA5]*$/;\n if (!value) return false;\n return isChi.test(value);\n };\n return (\n */}\r\n
\r\n )\r\n}\r\n\r\nexport default Footer;","import React, { useState,forwardRef,useImperativeHandle, useEffect } from \"react\";\r\nimport classnames from 'classnames';\r\nimport Styles from \"./index.less\";\r\n\r\nconst Gender = (props,ref) => {\r\n const {defaultValue=1,onChange} = props;\r\n const [gender, setGender] = useState(defaultValue);\r\n \r\n const handleChange = () => {\r\n return gender;\r\n }\r\n\r\n useImperativeHandle(ref,()=>{\r\n return {handleChange}\r\n })\r\n\r\n useEffect(()=>{\r\n onChange(gender);\r\n },[gender])\r\n return (\r\n \r\n {/* */}\r\n {/* {t(\"apply.save\")} */}\r\n
\r\n \r\n {/*
\r\n {t(\"apply.sendToUserBtn\")}
*/}\r\n {t(\"apply.nextBtn\")}
\r\n {t(\"apply.fileNo\")} {appNo}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default forwardRef(Gender);","export default __webpack_public_path__ + \"./imgs/rightArrow.78180d.png\";","import { Keyframes } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nconst antSpinMove = new Keyframes('antSpinMove', {\n to: {\n opacity: 1\n }\n});\nconst antRotate = new Keyframes('antRotate', {\n to: {\n transform: 'rotate(405deg)'\n }\n});\nconst genSpinStyle = token => {\n const {\n componentCls,\n calc\n } = token;\n return {\n [`${componentCls}`]: Object.assign(Object.assign({}, resetComponent(token)), {\n position: 'absolute',\n display: 'none',\n color: token.colorPrimary,\n fontSize: 0,\n textAlign: 'center',\n verticalAlign: 'middle',\n opacity: 0,\n transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`,\n '&-spinning': {\n position: 'static',\n display: 'inline-block',\n opacity: 1\n },\n [`${componentCls}-text`]: {\n fontSize: token.fontSize,\n paddingTop: calc(calc(token.dotSize).sub(token.fontSize)).div(2).add(2).equal()\n },\n '&-fullscreen': {\n position: 'fixed',\n width: '100vw',\n height: '100vh',\n backgroundColor: token.colorBgMask,\n zIndex: token.zIndexPopupBase,\n inset: 0,\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n justifyContent: 'center',\n opacity: 0,\n visibility: 'hidden',\n transition: `all ${token.motionDurationMid}`,\n '&-show': {\n opacity: 1,\n visibility: 'visible'\n },\n [`${componentCls}-dot ${componentCls}-dot-item`]: {\n backgroundColor: token.colorWhite\n },\n [`${componentCls}-text`]: {\n color: token.colorTextLightSolid\n }\n },\n '&-nested-loading': {\n position: 'relative',\n [`> div > ${componentCls}`]: {\n position: 'absolute',\n top: 0,\n insetInlineStart: 0,\n zIndex: 4,\n display: 'block',\n width: '100%',\n height: '100%',\n maxHeight: token.contentHeight,\n [`${componentCls}-dot`]: {\n position: 'absolute',\n top: '50%',\n insetInlineStart: '50%',\n margin: calc(token.dotSize).mul(-1).div(2).equal()\n },\n [`${componentCls}-text`]: {\n position: 'absolute',\n top: '50%',\n width: '100%',\n textShadow: `0 1px 2px ${token.colorBgContainer}` // FIXME: shadow\n },\n [`&${componentCls}-show-text ${componentCls}-dot`]: {\n marginTop: calc(token.dotSize).div(2).mul(-1).sub(10).equal()\n },\n '&-sm': {\n [`${componentCls}-dot`]: {\n margin: calc(token.dotSizeSM).mul(-1).div(2).equal()\n },\n [`${componentCls}-text`]: {\n paddingTop: calc(calc(token.dotSizeSM).sub(token.fontSize)).div(2).add(2).equal()\n },\n [`&${componentCls}-show-text ${componentCls}-dot`]: {\n marginTop: calc(token.dotSizeSM).div(2).mul(-1).sub(10).equal()\n }\n },\n '&-lg': {\n [`${componentCls}-dot`]: {\n margin: calc(token.dotSizeLG).mul(-1).div(2).equal()\n },\n [`${componentCls}-text`]: {\n paddingTop: calc(calc(token.dotSizeLG).sub(token.fontSize)).div(2).add(2).equal()\n },\n [`&${componentCls}-show-text ${componentCls}-dot`]: {\n marginTop: calc(token.dotSizeLG).div(2).mul(-1).sub(10).equal()\n }\n }\n },\n [`${componentCls}-container`]: {\n position: 'relative',\n transition: `opacity ${token.motionDurationSlow}`,\n '&::after': {\n position: 'absolute',\n top: 0,\n insetInlineEnd: 0,\n bottom: 0,\n insetInlineStart: 0,\n zIndex: 10,\n width: '100%',\n height: '100%',\n background: token.colorBgContainer,\n opacity: 0,\n transition: `all ${token.motionDurationSlow}`,\n content: '\"\"',\n pointerEvents: 'none'\n }\n },\n [`${componentCls}-blur`]: {\n clear: 'both',\n opacity: 0.5,\n userSelect: 'none',\n pointerEvents: 'none',\n [`&::after`]: {\n opacity: 0.4,\n pointerEvents: 'auto'\n }\n }\n },\n // tip\n // ------------------------------\n [`&-tip`]: {\n color: token.spinDotDefault\n },\n // dots\n // ------------------------------\n [`${componentCls}-dot`]: {\n position: 'relative',\n display: 'inline-block',\n fontSize: token.dotSize,\n width: '1em',\n height: '1em',\n '&-item': {\n position: 'absolute',\n display: 'block',\n width: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(),\n height: calc(token.dotSize).sub(calc(token.marginXXS).div(2)).div(2).equal(),\n backgroundColor: token.colorPrimary,\n borderRadius: '100%',\n transform: 'scale(0.75)',\n transformOrigin: '50% 50%',\n opacity: 0.3,\n animationName: antSpinMove,\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear',\n animationDirection: 'alternate',\n '&:nth-child(1)': {\n top: 0,\n insetInlineStart: 0,\n animationDelay: '0s'\n },\n '&:nth-child(2)': {\n top: 0,\n insetInlineEnd: 0,\n animationDelay: '0.4s'\n },\n '&:nth-child(3)': {\n insetInlineEnd: 0,\n bottom: 0,\n animationDelay: '0.8s'\n },\n '&:nth-child(4)': {\n bottom: 0,\n insetInlineStart: 0,\n animationDelay: '1.2s'\n }\n },\n '&-spin': {\n transform: 'rotate(45deg)',\n animationName: antRotate,\n animationDuration: '1.2s',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear'\n }\n },\n // small\n [`&-sm ${componentCls}-dot`]: {\n fontSize: token.dotSizeSM,\n i: {\n width: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal(),\n height: calc(calc(token.dotSizeSM).sub(calc(token.marginXXS).div(2))).div(2).equal()\n }\n },\n // large\n [`&-lg ${componentCls}-dot`]: {\n fontSize: token.dotSizeLG,\n i: {\n width: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal(),\n height: calc(calc(token.dotSizeLG).sub(token.marginXXS)).div(2).equal()\n }\n },\n [`&${componentCls}-show-text ${componentCls}-text`]: {\n display: 'block'\n }\n })\n };\n};\nexport const prepareComponentToken = token => {\n const {\n controlHeightLG,\n controlHeight\n } = token;\n return {\n contentHeight: 400,\n dotSize: controlHeightLG / 2,\n dotSizeSM: controlHeightLG * 0.35,\n dotSizeLG: controlHeight\n };\n};\n// ============================== Export ==============================\nexport default genStyleHooks('Spin', token => {\n const spinToken = mergeToken(token, {\n spinDotDefault: token.colorTextDescription\n });\n return [genSpinStyle(spinToken)];\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 omit from \"rc-util/es/omit\";\nimport { debounce } from 'throttle-debounce';\nimport { cloneElement, isValidElement } from '../_util/reactNode';\nimport { devUseWarning } from '../_util/warning';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style/index';\nconst SpinSizes = ['small', 'default', 'large'];\n// Render indicator\nlet defaultIndicator = null;\nfunction renderIndicator(prefixCls, props) {\n const {\n indicator\n } = props;\n const dotClassName = `${prefixCls}-dot`;\n // should not be render default indicator when indicator value is null\n if (indicator === null) {\n return null;\n }\n if (isValidElement(indicator)) {\n return cloneElement(indicator, {\n className: classNames(indicator.props.className, dotClassName)\n });\n }\n if (isValidElement(defaultIndicator)) {\n return cloneElement(defaultIndicator, {\n className: classNames(defaultIndicator.props.className, dotClassName)\n });\n }\n return /*#__PURE__*/React.createElement(\"span\", {\n className: classNames(dotClassName, `${prefixCls}-dot-spin`)\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: `${prefixCls}-dot-item`,\n key: 1\n }), /*#__PURE__*/React.createElement(\"i\", {\n className: `${prefixCls}-dot-item`,\n key: 2\n }), /*#__PURE__*/React.createElement(\"i\", {\n className: `${prefixCls}-dot-item`,\n key: 3\n }), /*#__PURE__*/React.createElement(\"i\", {\n className: `${prefixCls}-dot-item`,\n key: 4\n }));\n}\nfunction shouldDelay(spinning, delay) {\n return !!spinning && !!delay && !isNaN(Number(delay));\n}\nconst Spin = props => {\n const {\n prefixCls: customizePrefixCls,\n spinning: customSpinning = true,\n delay = 0,\n className,\n rootClassName,\n size = 'default',\n tip,\n wrapperClassName,\n style,\n children,\n fullscreen = false\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"spinning\", \"delay\", \"className\", \"rootClassName\", \"size\", \"tip\", \"wrapperClassName\", \"style\", \"children\", \"fullscreen\"]);\n const {\n getPrefixCls\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('spin', customizePrefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n const [spinning, setSpinning] = React.useState(() => customSpinning && !shouldDelay(customSpinning, delay));\n React.useEffect(() => {\n if (customSpinning) {\n const showSpinning = debounce(delay, () => {\n setSpinning(true);\n });\n showSpinning();\n return () => {\n var _a;\n (_a = showSpinning === null || showSpinning === void 0 ? void 0 : showSpinning.cancel) === null || _a === void 0 ? void 0 : _a.call(showSpinning);\n };\n }\n setSpinning(false);\n }, [delay, customSpinning]);\n const isNestedPattern = React.useMemo(() => typeof children !== 'undefined' && !fullscreen, [children, fullscreen]);\n if (process.env.NODE_ENV !== 'production') {\n const warning = devUseWarning('Spin');\n process.env.NODE_ENV !== \"production\" ? warning(!tip || isNestedPattern || fullscreen, 'usage', '`tip` only work in nest or fullscreen pattern.') : void 0;\n }\n const {\n direction,\n spin\n } = React.useContext(ConfigContext);\n const spinClassName = classNames(prefixCls, spin === null || spin === void 0 ? void 0 : spin.className, {\n [`${prefixCls}-sm`]: size === 'small',\n [`${prefixCls}-lg`]: size === 'large',\n [`${prefixCls}-spinning`]: spinning,\n [`${prefixCls}-show-text`]: !!tip,\n [`${prefixCls}-fullscreen`]: fullscreen,\n [`${prefixCls}-fullscreen-show`]: fullscreen && spinning,\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, className, rootClassName, hashId, cssVarCls);\n const containerClassName = classNames(`${prefixCls}-container`, {\n [`${prefixCls}-blur`]: spinning\n });\n // fix https://fb.me/react-unknown-prop\n const divProps = omit(restProps, ['indicator']);\n const mergedStyle = Object.assign(Object.assign({}, spin === null || spin === void 0 ? void 0 : spin.style), style);\n const spinElement = /*#__PURE__*/React.createElement(\"div\", Object.assign({}, divProps, {\n style: mergedStyle,\n className: spinClassName,\n \"aria-live\": \"polite\",\n \"aria-busy\": spinning\n }), renderIndicator(prefixCls, props), tip && (isNestedPattern || fullscreen) ? ( /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-text`\n }, tip)) : null);\n if (isNestedPattern) {\n return wrapCSSVar( /*#__PURE__*/React.createElement(\"div\", Object.assign({}, divProps, {\n className: classNames(`${prefixCls}-nested-loading`, wrapperClassName, hashId, cssVarCls)\n }), spinning && /*#__PURE__*/React.createElement(\"div\", {\n key: \"loading\"\n }, spinElement), /*#__PURE__*/React.createElement(\"div\", {\n className: containerClassName,\n key: \"container\"\n }, children)));\n }\n return wrapCSSVar(spinElement);\n};\nSpin.setDefaultIndicator = indicator => {\n defaultIndicator = indicator;\n};\nif (process.env.NODE_ENV !== 'production') {\n Spin.displayName = 'Spin';\n}\nexport default Spin;","// This icon file is generated automatically.\nvar DoubleLeftOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z\" } }] }, \"name\": \"double-left\", \"theme\": \"outlined\" };\nexport default DoubleLeftOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport DoubleLeftOutlinedSvg from \"@ant-design/icons-svg/es/asn/DoubleLeftOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar DoubleLeftOutlined = function DoubleLeftOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: DoubleLeftOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n DoubleLeftOutlined.displayName = 'DoubleLeftOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(DoubleLeftOutlined);","// This icon file is generated automatically.\nvar DoubleRightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z\" } }] }, \"name\": \"double-right\", \"theme\": \"outlined\" };\nexport default DoubleRightOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport DoubleRightOutlinedSvg from \"@ant-design/icons-svg/es/asn/DoubleRightOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar DoubleRightOutlined = function DoubleRightOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: DoubleRightOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n DoubleRightOutlined.displayName = 'DoubleRightOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(DoubleRightOutlined);","// This icon file is generated automatically.\nvar LeftOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z\" } }] }, \"name\": \"left\", \"theme\": \"outlined\" };\nexport default LeftOutlined;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport LeftOutlinedSvg from \"@ant-design/icons-svg/es/asn/LeftOutlined\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar LeftOutlined = function LeftOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: LeftOutlinedSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n LeftOutlined.displayName = 'LeftOutlined';\n}\nexport default /*#__PURE__*/React.forwardRef(LeftOutlined);","var locale = {\n // Options\n items_per_page: '条/页',\n jump_to: '跳至',\n jump_to_confirm: '确定',\n page: '页',\n // Pagination\n prev_page: '上一页',\n next_page: '下一页',\n prev_5: '向前 5 页',\n next_5: '向后 5 页',\n prev_3: '向前 3 页',\n next_3: '向后 3 页',\n page_size: '页码'\n};\nexport default locale;","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport KEYCODE from \"rc-util/es/KeyCode\";\nimport React from 'react';\nvar defaultPageSizeOptions = ['10', '20', '50', '100'];\nvar Options = function Options(props) {\n var _props$pageSizeOption = props.pageSizeOptions,\n pageSizeOptions = _props$pageSizeOption === void 0 ? defaultPageSizeOptions : _props$pageSizeOption,\n locale = props.locale,\n changeSize = props.changeSize,\n pageSize = props.pageSize,\n goButton = props.goButton,\n quickGo = props.quickGo,\n rootPrefixCls = props.rootPrefixCls,\n Select = props.selectComponentClass,\n selectPrefixCls = props.selectPrefixCls,\n disabled = props.disabled,\n buildOptionText = props.buildOptionText;\n var _React$useState = React.useState(''),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n goInputText = _React$useState2[0],\n setGoInputText = _React$useState2[1];\n var getValidValue = function getValidValue() {\n return !goInputText || Number.isNaN(goInputText) ? undefined : Number(goInputText);\n };\n var mergeBuildOptionText = typeof buildOptionText === 'function' ? buildOptionText : function (value) {\n return \"\".concat(value, \" \").concat(locale.items_per_page);\n };\n var changeSizeHandle = function changeSizeHandle(value) {\n changeSize === null || changeSize === void 0 || changeSize(Number(value));\n };\n var handleChange = function handleChange(e) {\n setGoInputText(e.target.value);\n };\n var handleBlur = function handleBlur(e) {\n if (goButton || goInputText === '') {\n return;\n }\n setGoInputText('');\n if (e.relatedTarget && (e.relatedTarget.className.indexOf(\"\".concat(rootPrefixCls, \"-item-link\")) >= 0 || e.relatedTarget.className.indexOf(\"\".concat(rootPrefixCls, \"-item\")) >= 0)) {\n return;\n }\n quickGo === null || quickGo === void 0 || quickGo(getValidValue());\n };\n var go = function go(e) {\n if (goInputText === '') {\n return;\n }\n if (e.keyCode === KEYCODE.ENTER || e.type === 'click') {\n setGoInputText('');\n quickGo === null || quickGo === void 0 || quickGo(getValidValue());\n }\n };\n var getPageSizeOptions = function getPageSizeOptions() {\n if (pageSizeOptions.some(function (option) {\n return option.toString() === pageSize.toString();\n })) {\n return pageSizeOptions;\n }\n return pageSizeOptions.concat([pageSize.toString()]).sort(function (a, b) {\n var numberA = Number.isNaN(Number(a)) ? 0 : Number(a);\n var numberB = Number.isNaN(Number(b)) ? 0 : Number(b);\n return numberA - numberB;\n });\n };\n // ============== cls ==============\n var prefixCls = \"\".concat(rootPrefixCls, \"-options\");\n\n // ============== render ==============\n\n if (!changeSize && !quickGo) {\n return null;\n }\n var changeSelect = null;\n var goInput = null;\n var gotoButton = null;\n if (changeSize && Select) {\n var options = getPageSizeOptions().map(function (opt, i) {\n return /*#__PURE__*/React.createElement(Select.Option, {\n key: i,\n value: opt.toString()\n }, mergeBuildOptionText(opt));\n });\n changeSelect = /*#__PURE__*/React.createElement(Select, {\n disabled: disabled,\n prefixCls: selectPrefixCls,\n showSearch: false,\n className: \"\".concat(prefixCls, \"-size-changer\"),\n optionLabelProp: \"children\",\n popupMatchSelectWidth: false,\n value: (pageSize || pageSizeOptions[0]).toString(),\n onChange: changeSizeHandle,\n getPopupContainer: function getPopupContainer(triggerNode) {\n return triggerNode.parentNode;\n },\n \"aria-label\": locale.page_size,\n defaultOpen: false\n }, options);\n }\n if (quickGo) {\n if (goButton) {\n gotoButton = typeof goButton === 'boolean' ? /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: go,\n onKeyUp: go,\n disabled: disabled,\n className: \"\".concat(prefixCls, \"-quick-jumper-button\")\n }, locale.jump_to_confirm) : /*#__PURE__*/React.createElement(\"span\", {\n onClick: go,\n onKeyUp: go\n }, goButton);\n }\n goInput = /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-quick-jumper\")\n }, locale.jump_to, /*#__PURE__*/React.createElement(\"input\", {\n disabled: disabled,\n type: \"text\",\n value: goInputText,\n onChange: handleChange,\n onKeyUp: go,\n onBlur: handleBlur,\n \"aria-label\": locale.page\n }), locale.page, gotoButton);\n }\n return /*#__PURE__*/React.createElement(\"li\", {\n className: prefixCls\n }, changeSelect, goInput);\n};\nif (process.env.NODE_ENV !== 'production') {\n Options.displayName = 'Options';\n}\nexport default Options;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n/* eslint react/prop-types: 0 */\nimport classNames from 'classnames';\nimport React from 'react';\nvar Pager = function Pager(props) {\n var _classNames;\n var rootPrefixCls = props.rootPrefixCls,\n page = props.page,\n active = props.active,\n className = props.className,\n showTitle = props.showTitle,\n onClick = props.onClick,\n onKeyPress = props.onKeyPress,\n itemRender = props.itemRender;\n var prefixCls = \"\".concat(rootPrefixCls, \"-item\");\n var cls = classNames(prefixCls, \"\".concat(prefixCls, \"-\").concat(page), (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-active\"), active), _defineProperty(_classNames, \"\".concat(prefixCls, \"-disabled\"), !page), _classNames), className);\n var handleClick = function handleClick() {\n onClick(page);\n };\n var handleKeyPress = function handleKeyPress(e) {\n onKeyPress(e, onClick, page);\n };\n var pager = itemRender(page, 'page', /*#__PURE__*/React.createElement(\"a\", {\n rel: \"nofollow\"\n }, page));\n return pager ? /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? String(page) : null,\n className: cls,\n onClick: handleClick,\n onKeyDown: handleKeyPress,\n tabIndex: 0\n }, pager) : null;\n};\nif (process.env.NODE_ENV !== 'production') {\n Pager.displayName = 'Pager';\n}\nexport default Pager;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport warning from \"rc-util/es/warning\";\nimport React, { useEffect } from 'react';\nimport zhCN from \"./locale/zh_CN\";\nimport Options from \"./Options\";\nimport Pager from \"./Pager\";\nvar defaultItemRender = function defaultItemRender(page, type, element) {\n return element;\n};\nfunction noop() {}\nfunction isInteger(v) {\n var value = Number(v);\n return typeof value === 'number' && !Number.isNaN(value) && isFinite(value) && Math.floor(value) === value;\n}\nfunction calculatePage(p, pageSize, total) {\n var _pageSize = typeof p === 'undefined' ? pageSize : p;\n return Math.floor((total - 1) / _pageSize) + 1;\n}\nvar Pagination = function Pagination(props) {\n var _classNames5;\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-pagination' : _props$prefixCls,\n _props$selectPrefixCl = props.selectPrefixCls,\n selectPrefixCls = _props$selectPrefixCl === void 0 ? 'rc-select' : _props$selectPrefixCl,\n className = props.className,\n selectComponentClass = props.selectComponentClass,\n currentProp = props.current,\n _props$defaultCurrent = props.defaultCurrent,\n defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent,\n _props$total = props.total,\n total = _props$total === void 0 ? 0 : _props$total,\n pageSizeProp = props.pageSize,\n _props$defaultPageSiz = props.defaultPageSize,\n defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz,\n _props$onChange = props.onChange,\n onChange = _props$onChange === void 0 ? noop : _props$onChange,\n hideOnSinglePage = props.hideOnSinglePage,\n _props$showPrevNextJu = props.showPrevNextJumpers,\n showPrevNextJumpers = _props$showPrevNextJu === void 0 ? true : _props$showPrevNextJu,\n showQuickJumper = props.showQuickJumper,\n showLessItems = props.showLessItems,\n _props$showTitle = props.showTitle,\n showTitle = _props$showTitle === void 0 ? true : _props$showTitle,\n _props$onShowSizeChan = props.onShowSizeChange,\n onShowSizeChange = _props$onShowSizeChan === void 0 ? noop : _props$onShowSizeChan,\n _props$locale = props.locale,\n locale = _props$locale === void 0 ? zhCN : _props$locale,\n style = props.style,\n _props$totalBoundaryS = props.totalBoundaryShowSizeChanger,\n totalBoundaryShowSizeChanger = _props$totalBoundaryS === void 0 ? 50 : _props$totalBoundaryS,\n disabled = props.disabled,\n simple = props.simple,\n showTotal = props.showTotal,\n showSizeChangerProp = props.showSizeChanger,\n pageSizeOptions = props.pageSizeOptions,\n _props$itemRender = props.itemRender,\n itemRender = _props$itemRender === void 0 ? defaultItemRender : _props$itemRender,\n jumpPrevIcon = props.jumpPrevIcon,\n jumpNextIcon = props.jumpNextIcon,\n prevIcon = props.prevIcon,\n nextIcon = props.nextIcon;\n var paginationRef = React.useRef(null);\n var _useMergedState = useMergedState(10, {\n value: pageSizeProp,\n defaultValue: defaultPageSize\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n pageSize = _useMergedState2[0],\n setPageSize = _useMergedState2[1];\n var _useMergedState3 = useMergedState(1, {\n value: currentProp,\n defaultValue: defaultCurrent,\n postState: function postState(c) {\n return Math.max(1, Math.min(c, calculatePage(undefined, pageSize, total)));\n }\n }),\n _useMergedState4 = _slicedToArray(_useMergedState3, 2),\n current = _useMergedState4[0],\n setCurrent = _useMergedState4[1];\n var _React$useState = React.useState(current),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n internalInputVal = _React$useState2[0],\n setInternalInputVal = _React$useState2[1];\n useEffect(function () {\n setInternalInputVal(current);\n }, [current]);\n var hasOnChange = onChange !== noop;\n var hasCurrent = ('current' in props);\n if (process.env.NODE_ENV !== 'production') {\n warning(hasCurrent ? hasOnChange : true, 'You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.');\n }\n var jumpPrevPage = Math.max(1, current - (showLessItems ? 3 : 5));\n var jumpNextPage = Math.min(calculatePage(undefined, pageSize, total), current + (showLessItems ? 3 : 5));\n function getItemIcon(icon, label) {\n var iconNode = icon || /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n \"aria-label\": label,\n className: \"\".concat(prefixCls, \"-item-link\")\n });\n if (typeof icon === 'function') {\n iconNode = /*#__PURE__*/React.createElement(icon, _objectSpread({}, props));\n }\n return iconNode;\n }\n function getValidValue(e) {\n var inputValue = e.target.value;\n var allPages = calculatePage(undefined, pageSize, total);\n var value;\n if (inputValue === '') {\n value = inputValue;\n } else if (Number.isNaN(Number(inputValue))) {\n value = internalInputVal;\n } else if (inputValue >= allPages) {\n value = allPages;\n } else {\n value = Number(inputValue);\n }\n return value;\n }\n function isValid(page) {\n return isInteger(page) && page !== current && isInteger(total) && total > 0;\n }\n var shouldDisplayQuickJumper = total > pageSize ? showQuickJumper : false;\n\n /**\n * prevent \"up arrow\" key reseting cursor position within textbox\n * @see https://stackoverflow.com/a/1081114\n */\n function handleKeyDown(event) {\n if (event.keyCode === KeyCode.UP || event.keyCode === KeyCode.DOWN) {\n event.preventDefault();\n }\n }\n function handleKeyUp(event) {\n var value = getValidValue(event);\n if (value !== internalInputVal) {\n setInternalInputVal(value);\n }\n switch (event.keyCode) {\n case KeyCode.ENTER:\n handleChange(value);\n break;\n case KeyCode.UP:\n handleChange(value - 1);\n break;\n case KeyCode.DOWN:\n handleChange(value + 1);\n break;\n default:\n break;\n }\n }\n function handleBlur(event) {\n handleChange(getValidValue(event));\n }\n function changePageSize(size) {\n var newCurrent = calculatePage(size, pageSize, total);\n var nextCurrent = current > newCurrent && newCurrent !== 0 ? newCurrent : current;\n setPageSize(size);\n setInternalInputVal(nextCurrent);\n onShowSizeChange === null || onShowSizeChange === void 0 || onShowSizeChange(current, size);\n setCurrent(nextCurrent);\n onChange === null || onChange === void 0 || onChange(nextCurrent, size);\n }\n function handleChange(page) {\n if (isValid(page) && !disabled) {\n var currentPage = calculatePage(undefined, pageSize, total);\n var newPage = page;\n if (page > currentPage) {\n newPage = currentPage;\n } else if (page < 1) {\n newPage = 1;\n }\n if (newPage !== internalInputVal) {\n setInternalInputVal(newPage);\n }\n setCurrent(newPage);\n onChange === null || onChange === void 0 || onChange(newPage, pageSize);\n return newPage;\n }\n return current;\n }\n var hasPrev = current > 1;\n var hasNext = current < calculatePage(undefined, pageSize, total);\n var showSizeChanger = showSizeChangerProp !== null && showSizeChangerProp !== void 0 ? showSizeChangerProp : total > totalBoundaryShowSizeChanger;\n function prevHandle() {\n if (hasPrev) handleChange(current - 1);\n }\n function nextHandle() {\n if (hasNext) handleChange(current + 1);\n }\n function jumpPrevHandle() {\n handleChange(jumpPrevPage);\n }\n function jumpNextHandle() {\n handleChange(jumpNextPage);\n }\n function runIfEnter(event, callback) {\n if (event.key === 'Enter' || event.charCode === KeyCode.ENTER || event.keyCode === KeyCode.ENTER) {\n for (var _len = arguments.length, restParams = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n restParams[_key - 2] = arguments[_key];\n }\n callback.apply(void 0, restParams);\n }\n }\n function runIfEnterPrev(event) {\n runIfEnter(event, prevHandle);\n }\n function runIfEnterNext(event) {\n runIfEnter(event, nextHandle);\n }\n function runIfEnterJumpPrev(event) {\n runIfEnter(event, jumpPrevHandle);\n }\n function runIfEnterJumpNext(event) {\n runIfEnter(event, jumpNextHandle);\n }\n function renderPrev(prevPage) {\n var prevButton = itemRender(prevPage, 'prev', getItemIcon(prevIcon, 'prev page'));\n return /*#__PURE__*/React.isValidElement(prevButton) ? /*#__PURE__*/React.cloneElement(prevButton, {\n disabled: !hasPrev\n }) : prevButton;\n }\n function renderNext(nextPage) {\n var nextButton = itemRender(nextPage, 'next', getItemIcon(nextIcon, 'next page'));\n return /*#__PURE__*/React.isValidElement(nextButton) ? /*#__PURE__*/React.cloneElement(nextButton, {\n disabled: !hasNext\n }) : nextButton;\n }\n function handleGoTO(event) {\n if (event.type === 'click' || event.keyCode === KeyCode.ENTER) {\n handleChange(internalInputVal);\n }\n }\n var jumpPrev = null;\n var dataOrAriaAttributeProps = pickAttrs(props, {\n aria: true,\n data: true\n });\n var totalText = showTotal && /*#__PURE__*/React.createElement(\"li\", {\n className: \"\".concat(prefixCls, \"-total-text\")\n }, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize]));\n var jumpNext = null;\n var allPages = calculatePage(undefined, pageSize, total);\n\n // ================== Render ==================\n // When hideOnSinglePage is true and there is only 1 page, hide the pager\n if (hideOnSinglePage && total <= pageSize) {\n return null;\n }\n var pagerList = [];\n var pagerProps = {\n rootPrefixCls: prefixCls,\n onClick: handleChange,\n onKeyPress: runIfEnter,\n showTitle: showTitle,\n itemRender: itemRender,\n page: -1\n };\n var prevPage = current - 1 > 0 ? current - 1 : 0;\n var nextPage = current + 1 < allPages ? current + 1 : allPages;\n var goButton = showQuickJumper && showQuickJumper.goButton;\n\n // ================== Simple ==================\n // FIXME: ts type\n var gotoButton = goButton;\n var simplePager = null;\n if (simple) {\n // ====== Simple quick jump ======\n if (goButton) {\n if (typeof goButton === 'boolean') {\n gotoButton = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: handleGoTO,\n onKeyUp: handleGoTO\n }, locale.jump_to_confirm);\n } else {\n gotoButton = /*#__PURE__*/React.createElement(\"span\", {\n onClick: handleGoTO,\n onKeyUp: handleGoTO\n }, goButton);\n }\n gotoButton = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? \"\".concat(locale.jump_to).concat(current, \"/\").concat(allPages) : null,\n className: \"\".concat(prefixCls, \"-simple-pager\")\n }, gotoButton);\n }\n simplePager = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? \"\".concat(current, \"/\").concat(allPages) : null,\n className: \"\".concat(prefixCls, \"-simple-pager\")\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: internalInputVal,\n disabled: disabled,\n onKeyDown: handleKeyDown,\n onKeyUp: handleKeyUp,\n onChange: handleKeyUp,\n onBlur: handleBlur,\n size: 3\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-slash\")\n }, \"/\"), allPages);\n }\n\n // ====================== Normal ======================\n var pageBufferSize = showLessItems ? 1 : 2;\n if (allPages <= 3 + pageBufferSize * 2) {\n if (!allPages) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: \"noPager\",\n page: 1,\n className: \"\".concat(prefixCls, \"-item-disabled\")\n })));\n }\n for (var i = 1; i <= allPages; i += 1) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: i,\n page: i,\n active: current === i\n })));\n }\n } else {\n var prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5;\n var nextItemTitle = showLessItems ? locale.next_3 : locale.next_5;\n var jumpPrevContent = itemRender(jumpPrevPage, 'jump-prev', getItemIcon(jumpPrevIcon, 'prev page'));\n var jumpNextContent = itemRender(jumpNextPage, 'jump-next', getItemIcon(jumpNextIcon, 'next page'));\n if (showPrevNextJumpers) {\n jumpPrev = jumpPrevContent ? /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? prevItemTitle : null,\n key: \"prev\",\n onClick: jumpPrevHandle,\n tabIndex: 0,\n onKeyDown: runIfEnterJumpPrev,\n className: classNames(\"\".concat(prefixCls, \"-jump-prev\"), _defineProperty({}, \"\".concat(prefixCls, \"-jump-prev-custom-icon\"), !!jumpPrevIcon))\n }, jumpPrevContent) : null;\n jumpNext = jumpNextContent ? /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? nextItemTitle : null,\n key: \"next\",\n onClick: jumpNextHandle,\n tabIndex: 0,\n onKeyDown: runIfEnterJumpNext,\n className: classNames(\"\".concat(prefixCls, \"-jump-next\"), _defineProperty({}, \"\".concat(prefixCls, \"-jump-next-custom-icon\"), !!jumpNextIcon))\n }, jumpNextContent) : null;\n }\n var left = Math.max(1, current - pageBufferSize);\n var right = Math.min(current + pageBufferSize, allPages);\n if (current - 1 <= pageBufferSize) {\n right = 1 + pageBufferSize * 2;\n }\n if (allPages - current <= pageBufferSize) {\n left = allPages - pageBufferSize * 2;\n }\n for (var _i = left; _i <= right; _i += 1) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: _i,\n page: _i,\n active: current === _i\n })));\n }\n if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {\n pagerList[0] = /*#__PURE__*/React.cloneElement(pagerList[0], {\n className: classNames(\"\".concat(prefixCls, \"-item-after-jump-prev\"), pagerList[0].props.className)\n });\n pagerList.unshift(jumpPrev);\n }\n if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {\n var lastOne = pagerList[pagerList.length - 1];\n pagerList[pagerList.length - 1] = /*#__PURE__*/React.cloneElement(lastOne, {\n className: classNames(\"\".concat(prefixCls, \"-item-before-jump-next\"), lastOne.props.className)\n });\n pagerList.push(jumpNext);\n }\n if (left !== 1) {\n pagerList.unshift( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: 1,\n page: 1\n })));\n }\n if (right !== allPages) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: allPages,\n page: allPages\n })));\n }\n }\n var prev = renderPrev(prevPage);\n if (prev) {\n var prevDisabled = !hasPrev || !allPages;\n prev = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.prev_page : null,\n onClick: prevHandle,\n tabIndex: prevDisabled ? null : 0,\n onKeyDown: runIfEnterPrev,\n className: classNames(\"\".concat(prefixCls, \"-prev\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), prevDisabled)),\n \"aria-disabled\": prevDisabled\n }, prev);\n }\n var next = renderNext(nextPage);\n if (next) {\n var nextDisabled, nextTabIndex;\n if (simple) {\n nextDisabled = !hasNext;\n nextTabIndex = hasPrev ? 0 : null;\n } else {\n nextDisabled = !hasNext || !allPages;\n nextTabIndex = nextDisabled ? null : 0;\n }\n next = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.next_page : null,\n onClick: nextHandle,\n tabIndex: nextTabIndex,\n onKeyDown: runIfEnterNext,\n className: classNames(\"\".concat(prefixCls, \"-next\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), nextDisabled)),\n \"aria-disabled\": nextDisabled\n }, next);\n }\n var cls = classNames(prefixCls, className, (_classNames5 = {}, _defineProperty(_classNames5, \"\".concat(prefixCls, \"-simple\"), simple), _defineProperty(_classNames5, \"\".concat(prefixCls, \"-disabled\"), disabled), _classNames5));\n return /*#__PURE__*/React.createElement(\"ul\", _extends({\n className: cls,\n style: style,\n ref: paginationRef\n }, dataOrAriaAttributeProps), totalText, prev, simple ? simplePager : pagerList, next, /*#__PURE__*/React.createElement(Options, {\n locale: locale,\n rootPrefixCls: prefixCls,\n disabled: disabled,\n selectComponentClass: selectComponentClass,\n selectPrefixCls: selectPrefixCls,\n changeSize: showSizeChanger ? changePageSize : null,\n pageSize: pageSize,\n pageSizeOptions: pageSizeOptions,\n quickGo: shouldDisplayQuickJumper ? handleChange : null,\n goButton: gotoButton\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n Pagination.displayName = 'Pagination';\n}\nexport default Pagination;","import * as React from 'react';\nexport default function useForceUpdate() {\n const [, forceUpdate] = React.useReducer(x => x + 1, 0);\n return forceUpdate;\n}","\"use client\";\n\nimport { useRef } from 'react';\nimport useLayoutEffect from \"rc-util/es/hooks/useLayoutEffect\";\nimport useForceUpdate from '../../_util/hooks/useForceUpdate';\nimport useResponsiveObserver from '../../_util/responsiveObserver';\nfunction useBreakpoint() {\n let refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n const screensRef = useRef({});\n const forceUpdate = useForceUpdate();\n const responsiveObserver = useResponsiveObserver();\n useLayoutEffect(() => {\n const token = responsiveObserver.subscribe(supportScreens => {\n screensRef.current = supportScreens;\n if (refreshOnChange) {\n forceUpdate();\n }\n });\n return () => responsiveObserver.unsubscribe(token);\n }, []);\n return screensRef.current;\n}\nexport default useBreakpoint;","\"use client\";\n\nimport * as React from 'react';\nimport Select from '../select';\nconst MiniSelect = props => /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {\n showSearch: true,\n size: \"small\"\n}));\nconst MiddleSelect = props => /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {\n showSearch: true,\n size: \"middle\"\n}));\nMiniSelect.Option = Select.Option;\nMiddleSelect.Option = Select.Option;\nexport { MiniSelect, MiddleSelect };","import { unit } from '@ant-design/cssinjs';\nimport { genBasicInputStyle, genInputSmallStyle, initComponentToken, initInputToken } from '../../input/style';\nimport { genFocusOutline, genFocusStyle, resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { genBaseOutlinedStyle, genDisabledStyle } from '../../input/style/variants';\nconst genPaginationDisabledStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-disabled`]: {\n '&, &:hover': {\n cursor: 'not-allowed',\n [`${componentCls}-item-link`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed'\n }\n },\n '&:focus-visible': {\n cursor: 'not-allowed',\n [`${componentCls}-item-link`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed'\n }\n }\n },\n [`&${componentCls}-disabled`]: {\n cursor: 'not-allowed',\n [`${componentCls}-item`]: {\n cursor: 'not-allowed',\n '&:hover, &:active': {\n backgroundColor: 'transparent'\n },\n a: {\n color: token.colorTextDisabled,\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'not-allowed'\n },\n '&-active': {\n borderColor: token.colorBorder,\n backgroundColor: token.itemActiveBgDisabled,\n '&:hover, &:active': {\n backgroundColor: token.itemActiveBgDisabled\n },\n a: {\n color: token.itemActiveColorDisabled\n }\n }\n },\n [`${componentCls}-item-link`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed',\n '&:hover, &:active': {\n backgroundColor: 'transparent'\n },\n [`${componentCls}-simple&`]: {\n backgroundColor: 'transparent',\n '&:hover, &:active': {\n backgroundColor: 'transparent'\n }\n }\n },\n [`${componentCls}-simple-pager`]: {\n color: token.colorTextDisabled\n },\n [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {\n [`${componentCls}-item-link-icon`]: {\n opacity: 0\n },\n [`${componentCls}-item-ellipsis`]: {\n opacity: 1\n }\n }\n },\n [`&${componentCls}-simple`]: {\n [`${componentCls}-prev, ${componentCls}-next`]: {\n [`&${componentCls}-disabled ${componentCls}-item-link`]: {\n '&:hover, &:active': {\n backgroundColor: 'transparent'\n }\n }\n }\n }\n };\n};\nconst genPaginationMiniStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: {\n height: token.itemSizeSM,\n lineHeight: unit(token.itemSizeSM)\n },\n [`&${componentCls}-mini ${componentCls}-item`]: {\n minWidth: token.itemSizeSM,\n height: token.itemSizeSM,\n margin: 0,\n lineHeight: unit(token.calc(token.itemSizeSM).sub(2).equal())\n },\n [`&${componentCls}-mini:not(${componentCls}-disabled) ${componentCls}-item:not(${componentCls}-item-active)`]: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n '&:hover': {\n backgroundColor: token.colorBgTextHover\n },\n '&:active': {\n backgroundColor: token.colorBgTextActive\n }\n },\n [`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {\n minWidth: token.itemSizeSM,\n height: token.itemSizeSM,\n margin: 0,\n lineHeight: unit(token.itemSizeSM)\n },\n [`&${componentCls}-mini:not(${componentCls}-disabled)`]: {\n [`${componentCls}-prev, ${componentCls}-next`]: {\n [`&:hover ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgTextHover\n },\n [`&:active ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgTextActive\n },\n [`&${componentCls}-disabled:hover ${componentCls}-item-link`]: {\n backgroundColor: 'transparent'\n }\n }\n },\n [`\n &${componentCls}-mini ${componentCls}-prev ${componentCls}-item-link,\n &${componentCls}-mini ${componentCls}-next ${componentCls}-item-link\n `]: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n '&::after': {\n height: token.itemSizeSM,\n lineHeight: unit(token.itemSizeSM)\n }\n },\n [`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: {\n height: token.itemSizeSM,\n marginInlineEnd: 0,\n lineHeight: unit(token.itemSizeSM)\n },\n [`&${componentCls}-mini ${componentCls}-options`]: {\n marginInlineStart: token.paginationMiniOptionsMarginInlineStart,\n [`&-size-changer`]: {\n top: token.miniOptionsSizeChangerTop\n },\n [`&-quick-jumper`]: {\n height: token.itemSizeSM,\n lineHeight: unit(token.itemSizeSM),\n input: Object.assign(Object.assign({}, genInputSmallStyle(token)), {\n width: token.paginationMiniQuickJumperInputWidth,\n height: token.controlHeightSM\n })\n }\n }\n };\n};\nconst genPaginationSimpleStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`\n &${componentCls}-simple ${componentCls}-prev,\n &${componentCls}-simple ${componentCls}-next\n `]: {\n height: token.itemSizeSM,\n lineHeight: unit(token.itemSizeSM),\n verticalAlign: 'top',\n [`${componentCls}-item-link`]: {\n height: token.itemSizeSM,\n backgroundColor: 'transparent',\n border: 0,\n '&:hover': {\n backgroundColor: token.colorBgTextHover\n },\n '&:active': {\n backgroundColor: token.colorBgTextActive\n },\n '&::after': {\n height: token.itemSizeSM,\n lineHeight: unit(token.itemSizeSM)\n }\n }\n },\n [`&${componentCls}-simple ${componentCls}-simple-pager`]: {\n display: 'inline-block',\n height: token.itemSizeSM,\n marginInlineEnd: token.marginXS,\n input: {\n boxSizing: 'border-box',\n height: '100%',\n marginInlineEnd: token.marginXS,\n padding: `0 ${unit(token.paginationItemPaddingInline)}`,\n textAlign: 'center',\n backgroundColor: token.itemInputBg,\n border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n borderRadius: token.borderRadius,\n outline: 'none',\n transition: `border-color ${token.motionDurationMid}`,\n color: 'inherit',\n '&:hover': {\n borderColor: token.colorPrimary\n },\n '&:focus': {\n borderColor: token.colorPrimaryHover,\n boxShadow: `${unit(token.inputOutlineOffset)} 0 ${unit(token.controlOutlineWidth)} ${token.controlOutline}`\n },\n '&[disabled]': {\n color: token.colorTextDisabled,\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n cursor: 'not-allowed'\n }\n }\n }\n };\n};\nconst genPaginationJumpStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {\n outline: 0,\n [`${componentCls}-item-container`]: {\n position: 'relative',\n [`${componentCls}-item-link-icon`]: {\n color: token.colorPrimary,\n fontSize: token.fontSizeSM,\n opacity: 0,\n transition: `all ${token.motionDurationMid}`,\n '&-svg': {\n top: 0,\n insetInlineEnd: 0,\n bottom: 0,\n insetInlineStart: 0,\n margin: 'auto'\n }\n },\n [`${componentCls}-item-ellipsis`]: {\n position: 'absolute',\n top: 0,\n insetInlineEnd: 0,\n bottom: 0,\n insetInlineStart: 0,\n display: 'block',\n margin: 'auto',\n color: token.colorTextDisabled,\n fontFamily: 'Arial, Helvetica, sans-serif',\n letterSpacing: token.paginationEllipsisLetterSpacing,\n textAlign: 'center',\n textIndent: token.paginationEllipsisTextIndent,\n opacity: 1,\n transition: `all ${token.motionDurationMid}`\n }\n },\n '&:hover': {\n [`${componentCls}-item-link-icon`]: {\n opacity: 1\n },\n [`${componentCls}-item-ellipsis`]: {\n opacity: 0\n }\n }\n },\n [`\n ${componentCls}-prev,\n ${componentCls}-jump-prev,\n ${componentCls}-jump-next\n `]: {\n marginInlineEnd: token.marginXS\n },\n [`\n ${componentCls}-prev,\n ${componentCls}-next,\n ${componentCls}-jump-prev,\n ${componentCls}-jump-next\n `]: {\n display: 'inline-block',\n minWidth: token.itemSize,\n height: token.itemSize,\n color: token.colorText,\n fontFamily: token.fontFamily,\n lineHeight: `${unit(token.itemSize)}`,\n textAlign: 'center',\n verticalAlign: 'middle',\n listStyle: 'none',\n borderRadius: token.borderRadius,\n cursor: 'pointer',\n transition: `all ${token.motionDurationMid}`\n },\n [`${componentCls}-prev, ${componentCls}-next`]: {\n fontFamily: 'Arial, Helvetica, sans-serif',\n outline: 0,\n button: {\n color: token.colorText,\n cursor: 'pointer',\n userSelect: 'none'\n },\n [`${componentCls}-item-link`]: {\n display: 'block',\n width: '100%',\n height: '100%',\n padding: 0,\n fontSize: token.fontSizeSM,\n textAlign: 'center',\n backgroundColor: 'transparent',\n border: `${unit(token.lineWidth)} ${token.lineType} transparent`,\n borderRadius: token.borderRadius,\n outline: 'none',\n transition: `all ${token.motionDurationMid}`\n },\n [`&:hover ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgTextHover\n },\n [`&:active ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgTextActive\n },\n [`&${componentCls}-disabled:hover`]: {\n [`${componentCls}-item-link`]: {\n backgroundColor: 'transparent'\n }\n }\n },\n [`${componentCls}-slash`]: {\n marginInlineEnd: token.paginationSlashMarginInlineEnd,\n marginInlineStart: token.paginationSlashMarginInlineStart\n },\n [`${componentCls}-options`]: {\n display: 'inline-block',\n marginInlineStart: token.margin,\n verticalAlign: 'middle',\n '&-size-changer.-select': {\n display: 'inline-block',\n width: 'auto'\n },\n '&-quick-jumper': {\n display: 'inline-block',\n height: token.controlHeight,\n marginInlineStart: token.marginXS,\n lineHeight: unit(token.controlHeight),\n verticalAlign: 'top',\n input: Object.assign(Object.assign(Object.assign({}, genBasicInputStyle(token)), genBaseOutlinedStyle(token, {\n borderColor: token.colorBorder,\n hoverBorderColor: token.colorPrimaryHover,\n activeBorderColor: token.colorPrimary,\n activeShadow: token.activeShadow\n })), {\n '&[disabled]': Object.assign({}, genDisabledStyle(token)),\n width: token.calc(token.controlHeightLG).mul(1.25).equal(),\n height: token.controlHeight,\n boxSizing: 'border-box',\n margin: 0,\n marginInlineStart: token.marginXS,\n marginInlineEnd: token.marginXS\n })\n }\n }\n };\n};\nconst genPaginationItemStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-item`]: {\n display: 'inline-block',\n minWidth: token.itemSize,\n height: token.itemSize,\n marginInlineEnd: token.marginXS,\n fontFamily: token.fontFamily,\n lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),\n textAlign: 'center',\n verticalAlign: 'middle',\n listStyle: 'none',\n backgroundColor: 'transparent',\n border: `${unit(token.lineWidth)} ${token.lineType} transparent`,\n borderRadius: token.borderRadius,\n outline: 0,\n cursor: 'pointer',\n userSelect: 'none',\n a: {\n display: 'block',\n padding: `0 ${unit(token.paginationItemPaddingInline)}`,\n color: token.colorText,\n '&:hover': {\n textDecoration: 'none'\n }\n },\n [`&:not(${componentCls}-item-active)`]: {\n '&:hover': {\n transition: `all ${token.motionDurationMid}`,\n backgroundColor: token.colorBgTextHover\n },\n '&:active': {\n backgroundColor: token.colorBgTextActive\n }\n },\n '&-active': {\n fontWeight: token.fontWeightStrong,\n backgroundColor: token.itemActiveBg,\n borderColor: token.colorPrimary,\n a: {\n color: token.colorPrimary\n },\n '&:hover': {\n borderColor: token.colorPrimaryHover\n },\n '&:hover a': {\n color: token.colorPrimaryHover\n }\n }\n }\n };\n};\nconst genPaginationStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n 'ul, ol': {\n margin: 0,\n padding: 0,\n listStyle: 'none'\n },\n '&::after': {\n display: 'block',\n clear: 'both',\n height: 0,\n overflow: 'hidden',\n visibility: 'hidden',\n content: '\"\"'\n },\n [`${componentCls}-total-text`]: {\n display: 'inline-block',\n height: token.itemSize,\n marginInlineEnd: token.marginXS,\n lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),\n verticalAlign: 'middle'\n }\n }), genPaginationItemStyle(token)), genPaginationJumpStyle(token)), genPaginationSimpleStyle(token)), genPaginationMiniStyle(token)), genPaginationDisabledStyle(token)), {\n // media query style\n [`@media only screen and (max-width: ${token.screenLG}px)`]: {\n [`${componentCls}-item`]: {\n '&-after-jump-prev, &-before-jump-next': {\n display: 'none'\n }\n }\n },\n [`@media only screen and (max-width: ${token.screenSM}px)`]: {\n [`${componentCls}-options`]: {\n display: 'none'\n }\n }\n }),\n // rtl style\n [`&${token.componentCls}-rtl`]: {\n direction: 'rtl'\n }\n };\n};\nconst genPaginationFocusStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}:not(${componentCls}-disabled)`]: {\n [`${componentCls}-item`]: Object.assign({}, genFocusStyle(token)),\n [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {\n '&:focus-visible': Object.assign({\n [`${componentCls}-item-link-icon`]: {\n opacity: 1\n },\n [`${componentCls}-item-ellipsis`]: {\n opacity: 0\n }\n }, genFocusOutline(token))\n },\n [`${componentCls}-prev, ${componentCls}-next`]: {\n [`&:focus-visible ${componentCls}-item-link`]: Object.assign({}, genFocusOutline(token))\n }\n }\n };\n};\nexport const prepareComponentToken = token => Object.assign({\n itemBg: token.colorBgContainer,\n itemSize: token.controlHeight,\n itemSizeSM: token.controlHeightSM,\n itemActiveBg: token.colorBgContainer,\n itemLinkBg: token.colorBgContainer,\n itemActiveColorDisabled: token.colorTextDisabled,\n itemActiveBgDisabled: token.controlItemBgActiveDisabled,\n itemInputBg: token.colorBgContainer,\n miniOptionsSizeChangerTop: 0\n}, initComponentToken(token));\nexport const prepareToken = token => mergeToken(token, {\n inputOutlineOffset: 0,\n paginationMiniOptionsMarginInlineStart: token.calc(token.marginXXS).div(2).equal(),\n paginationMiniQuickJumperInputWidth: token.calc(token.controlHeightLG).mul(1.1).equal(),\n paginationItemPaddingInline: token.calc(token.marginXXS).mul(1.5).equal(),\n paginationEllipsisLetterSpacing: token.calc(token.marginXXS).div(2).equal(),\n paginationSlashMarginInlineStart: token.marginXXS,\n paginationSlashMarginInlineEnd: token.marginSM,\n paginationEllipsisTextIndent: '0.13em' // magic for ui experience\n}, initInputToken(token));\n// ============================== Export ==============================\nexport default genStyleHooks('Pagination', token => {\n const paginationToken = prepareToken(token);\n return [genPaginationStyle(paginationToken), genPaginationFocusStyle(paginationToken)];\n}, prepareComponentToken);","import { genSubStyleComponent } from '../../theme/util/genComponentStyleHook';\nimport { prepareComponentToken, prepareToken } from '.';\nimport { unit } from '@ant-design/cssinjs';\nconst genBorderedStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}${componentCls}-bordered${componentCls}-disabled:not(${componentCls}-mini)`]: {\n '&, &:hover': {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder\n }\n },\n '&:focus-visible': {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder\n }\n },\n [`${componentCls}-item, ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n [`&:hover:not(${componentCls}-item-active)`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n a: {\n color: token.colorTextDisabled\n }\n },\n [`&${componentCls}-item-active`]: {\n backgroundColor: token.itemActiveBgDisabled\n }\n },\n [`${componentCls}-prev, ${componentCls}-next`]: {\n '&:hover button': {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n color: token.colorTextDisabled\n },\n [`${componentCls}-item-link`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder\n }\n }\n },\n [`${componentCls}${componentCls}-bordered:not(${componentCls}-mini)`]: {\n [`${componentCls}-prev, ${componentCls}-next`]: {\n '&:hover button': {\n borderColor: token.colorPrimaryHover,\n backgroundColor: token.itemBg\n },\n [`${componentCls}-item-link`]: {\n backgroundColor: token.itemLinkBg,\n borderColor: token.colorBorder\n },\n [`&:hover ${componentCls}-item-link`]: {\n borderColor: token.colorPrimary,\n backgroundColor: token.itemBg,\n color: token.colorPrimary\n },\n [`&${componentCls}-disabled`]: {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder,\n color: token.colorTextDisabled\n }\n }\n },\n [`${componentCls}-item`]: {\n backgroundColor: token.itemBg,\n border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,\n [`&:hover:not(${componentCls}-item-active)`]: {\n borderColor: token.colorPrimary,\n backgroundColor: token.itemBg,\n a: {\n color: token.colorPrimary\n }\n },\n '&-active': {\n borderColor: token.colorPrimary\n }\n }\n }\n };\n};\nexport default genSubStyleComponent(['Pagination', 'bordered'], token => {\n const paginationToken = prepareToken(token);\n return [genBorderedStyle(paginationToken)];\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 DoubleLeftOutlined from \"@ant-design/icons/es/icons/DoubleLeftOutlined\";\nimport DoubleRightOutlined from \"@ant-design/icons/es/icons/DoubleRightOutlined\";\nimport LeftOutlined from \"@ant-design/icons/es/icons/LeftOutlined\";\nimport RightOutlined from \"@ant-design/icons/es/icons/RightOutlined\";\nimport classNames from 'classnames';\nimport RcPagination from 'rc-pagination';\nimport enUS from \"rc-pagination/es/locale/en_US\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport useSize from '../config-provider/hooks/useSize';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport { useLocale } from '../locale';\nimport { MiddleSelect, MiniSelect } from './Select';\nimport useStyle from './style';\nimport { useToken } from '../theme/internal';\nimport BorderedStyle from './style/bordered';\nconst Pagination = props => {\n const {\n prefixCls: customizePrefixCls,\n selectPrefixCls: customizeSelectPrefixCls,\n className,\n rootClassName,\n style,\n size: customizeSize,\n locale: customLocale,\n selectComponentClass,\n responsive,\n showSizeChanger\n } = props,\n restProps = __rest(props, [\"prefixCls\", \"selectPrefixCls\", \"className\", \"rootClassName\", \"style\", \"size\", \"locale\", \"selectComponentClass\", \"responsive\", \"showSizeChanger\"]);\n const {\n xs\n } = useBreakpoint(responsive);\n const [, token] = useToken();\n const {\n getPrefixCls,\n direction,\n pagination = {}\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('pagination', customizePrefixCls);\n // Style\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n const mergedShowSizeChanger = showSizeChanger !== null && showSizeChanger !== void 0 ? showSizeChanger : pagination.showSizeChanger;\n const iconsProps = React.useMemo(() => {\n const ellipsis = /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-item-ellipsis`\n }, \"\\u2022\\u2022\\u2022\");\n const prevIcon = /*#__PURE__*/React.createElement(\"button\", {\n className: `${prefixCls}-item-link`,\n type: \"button\",\n tabIndex: -1\n }, direction === 'rtl' ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null));\n const nextIcon = /*#__PURE__*/React.createElement(\"button\", {\n className: `${prefixCls}-item-link`,\n type: \"button\",\n tabIndex: -1\n }, direction === 'rtl' ? /*#__PURE__*/React.createElement(LeftOutlined, null) : /*#__PURE__*/React.createElement(RightOutlined, null));\n const jumpPrevIcon = /*#__PURE__*/React.createElement(\"a\", {\n className: `${prefixCls}-item-link`\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-item-container`\n }, direction === 'rtl' ? ( /*#__PURE__*/React.createElement(DoubleRightOutlined, {\n className: `${prefixCls}-item-link-icon`\n })) : ( /*#__PURE__*/React.createElement(DoubleLeftOutlined, {\n className: `${prefixCls}-item-link-icon`\n })), ellipsis));\n const jumpNextIcon = /*#__PURE__*/React.createElement(\"a\", {\n className: `${prefixCls}-item-link`\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-item-container`\n }, direction === 'rtl' ? ( /*#__PURE__*/React.createElement(DoubleLeftOutlined, {\n className: `${prefixCls}-item-link-icon`\n })) : ( /*#__PURE__*/React.createElement(DoubleRightOutlined, {\n className: `${prefixCls}-item-link-icon`\n })), ellipsis));\n return {\n prevIcon,\n nextIcon,\n jumpPrevIcon,\n jumpNextIcon\n };\n }, [direction, prefixCls]);\n const [contextLocale] = useLocale('Pagination', enUS);\n const locale = Object.assign(Object.assign({}, contextLocale), customLocale);\n const mergedSize = useSize(customizeSize);\n const isSmall = mergedSize === 'small' || !!(xs && !mergedSize && responsive);\n const selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);\n const extendedClassName = classNames({\n [`${prefixCls}-mini`]: isSmall,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n [`${prefixCls}-bordered`]: token.wireframe\n }, pagination === null || pagination === void 0 ? void 0 : pagination.className, className, rootClassName, hashId, cssVarCls);\n const mergedStyle = Object.assign(Object.assign({}, pagination === null || pagination === void 0 ? void 0 : pagination.style), style);\n return wrapCSSVar( /*#__PURE__*/React.createElement(React.Fragment, null, token.wireframe && /*#__PURE__*/React.createElement(BorderedStyle, {\n prefixCls: prefixCls\n }), /*#__PURE__*/React.createElement(RcPagination, Object.assign({}, iconsProps, restProps, {\n style: mergedStyle,\n prefixCls: prefixCls,\n selectPrefixCls: selectPrefixCls,\n className: extendedClassName,\n selectComponentClass: selectComponentClass || (isSmall ? MiniSelect : MiddleSelect),\n locale: locale,\n showSizeChanger: mergedShowSizeChanger\n }))));\n};\nif (process.env.NODE_ENV !== 'production') {\n Pagination.displayName = 'Pagination';\n}\nexport default Pagination;","\"use client\";\n\nimport Pagination from './Pagination';\nexport default Pagination;","var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nexport default isBrowser;","import { isFunction } from './index';\nimport isBrowser from './isBrowser';\nexport function getTargetElement(target, defaultElement) {\n if (!isBrowser) {\n return undefined;\n }\n if (!target) {\n return defaultElement;\n }\n var targetElement;\n if (isFunction(target)) {\n targetElement = target();\n } else if ('current' in target) {\n targetElement = target.current;\n } else {\n targetElement = target;\n }\n return targetElement;\n}","import { getTargetElement } from '../utils/domTarget';\nvar checkIfAllInShadow = function (targets) {\n return targets.every(function (item) {\n var targetElement = getTargetElement(item);\n if (!targetElement) return false;\n if (targetElement.getRootNode() instanceof ShadowRoot) return true;\n });\n};\nvar getShadow = function (node) {\n if (!node) {\n return document;\n }\n return node.getRootNode();\n};\nvar getDocumentOrShadow = function (target) {\n if (!target || !document.getRootNode) {\n return document;\n }\n var targets = Array.isArray(target) ? target : [target];\n if (checkIfAllInShadow(targets)) {\n return getShadow(getTargetElement(targets[0]));\n }\n return document;\n};\nexport default getDocumentOrShadow;","export default function depsAreSame(oldDeps, deps) {\n if (oldDeps === deps) return true;\n for (var i = 0; i < oldDeps.length; i++) {\n if (!Object.is(oldDeps[i], deps[i])) return false;\n }\n return true;\n}","import { useRef } from 'react';\nimport useUnmount from '../useUnmount';\nimport depsAreSame from './depsAreSame';\nimport { getTargetElement } from './domTarget';\nvar createEffectWithTarget = function (useEffectType) {\n /**\n *\n * @param effect\n * @param deps\n * @param target target should compare ref.current vs ref.current, dom vs dom, ()=>dom vs ()=>dom\n */\n var useEffectWithTarget = function (effect, deps, target) {\n var hasInitRef = useRef(false);\n var lastElementRef = useRef([]);\n var lastDepsRef = useRef([]);\n var unLoadRef = useRef();\n useEffectType(function () {\n var _a;\n var targets = Array.isArray(target) ? target : [target];\n var els = targets.map(function (item) {\n return getTargetElement(item);\n });\n // init run\n if (!hasInitRef.current) {\n hasInitRef.current = true;\n lastElementRef.current = els;\n lastDepsRef.current = deps;\n unLoadRef.current = effect();\n return;\n }\n if (els.length !== lastElementRef.current.length || !depsAreSame(els, lastElementRef.current) || !depsAreSame(deps, lastDepsRef.current)) {\n (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);\n lastElementRef.current = els;\n lastDepsRef.current = deps;\n unLoadRef.current = effect();\n }\n });\n useUnmount(function () {\n var _a;\n (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);\n // for react-refresh\n hasInitRef.current = false;\n });\n };\n return useEffectWithTarget;\n};\nexport default createEffectWithTarget;","import { useEffect } from 'react';\nimport createEffectWithTarget from './createEffectWithTarget';\nvar useEffectWithTarget = createEffectWithTarget(useEffect);\nexport default useEffectWithTarget;","import useLatest from '../useLatest';\nimport { getTargetElement } from '../utils/domTarget';\nimport getDocumentOrShadow from '../utils/getDocumentOrShadow';\nimport useEffectWithTarget from '../utils/useEffectWithTarget';\nexport default function useClickAway(onClickAway, target, eventName) {\n if (eventName === void 0) {\n eventName = 'click';\n }\n var onClickAwayRef = useLatest(onClickAway);\n useEffectWithTarget(function () {\n var handler = function (event) {\n var targets = Array.isArray(target) ? target : [target];\n if (targets.some(function (item) {\n var targetElement = getTargetElement(item);\n return !targetElement || targetElement.contains(event.target);\n })) {\n return;\n }\n onClickAwayRef.current(event);\n };\n var documentOrShadow = getDocumentOrShadow(target);\n var eventNames = Array.isArray(eventName) ? eventName : [eventName];\n eventNames.forEach(function (event) {\n return documentOrShadow.addEventListener(event, handler);\n });\n return function () {\n eventNames.forEach(function (event) {\n return documentOrShadow.removeEventListener(event, handler);\n });\n };\n }, Array.isArray(eventName) ? eventName : [eventName], target);\n}","import { __read, __spreadArray } from \"tslib\";\nimport debounce from 'lodash/debounce';\nimport { useMemo } from 'react';\nimport useLatest from '../useLatest';\nimport useUnmount from '../useUnmount';\nimport { isFunction } from '../utils';\nimport isDev from '../utils/isDev';\nfunction useDebounceFn(fn, options) {\n var _a;\n if (isDev) {\n if (!isFunction(fn)) {\n console.error(\"useDebounceFn expected parameter is a function, got \".concat(typeof fn));\n }\n }\n var fnRef = useLatest(fn);\n var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1000;\n var debounced = useMemo(function () {\n return debounce(function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n return fnRef.current.apply(fnRef, __spreadArray([], __read(args), false));\n }, wait, options);\n }, []);\n useUnmount(function () {\n debounced.cancel();\n });\n return {\n run: debounced,\n cancel: debounced.cancel,\n flush: debounced.flush\n };\n}\nexport default useDebounceFn;","import React from \"react\";\nimport \"./Tab.less\";\n/**\n * tab切换\n defaultActiveKey,默认激活tabContent内容区\n items, 要显示的内容\n onChange, 点击tab导航后出发的函数\n position, 导航列所在的位置可选值为 top，bottom,left,right \n width, tab组件的宽度，默认是500px\n tabNavWidth, tab中导航子项的宽度\n */\nconst Tab = ({ defaultActiveKey, items, onChange, position }) => {\n const handleTabClick = (key) => {\n if (onChange) {\n onChange(key);\n }\n };\n\n return (\n {setGender(1)}} className={classnames({[Styles.current]: gender==1})}>\r\n \r\n 男\r\n
\r\n {setGender(2)}} className={classnames({[Styles.current]: gender==2})}>\r\n \r\n 女\r\n
\r\n \n {/* header */}\n
\n\n {/* content */}\n \n {items.map((item) => (\n handleTabClick(item.key)}\n >\n
\n ))}\n {item.label}
\n \n
\n \n {items[defaultActiveKey] && items[defaultActiveKey]?.children}\n
\n \n {prefix}\n
\n ))}\n \n {suffix}\n
\n ))}\n \n );\n});\nFormInput.defaultProps = {\n delDisabled: false,\n};\nexport default FormInput;\n","export default __webpack_public_path__ + \"./imgs/search_no-result.3a1a48.png\";","import React from 'react';\nimport Icons from \"@/components/ui/Icons/Icons\";\nimport Styles from './style.less';\n\n/**\n * @description ClientItem\n * @param {Boolean} isProspect 是否是潛在客戶 默認是\n */\n\nconst bgMap = {\n M: Styles.blue,\n MALE: Styles.blue,\n F: Styles.pink,\n FEMALE: Styles.pink,\n COMPANY: Styles.gold,\n};\n\nconst ClientItem = (props) => {\n const { isProspect = true, clientInfo={}, curSelected, setCurSelected } = props;\n\n return (\n \n
\n \n {clientInfo.clientType === 'C' ? clientInfo?.companyName?.slice(0,1) : clientInfo?.surname?.slice(0,1)}\n
\n \n \n {clientInfo.clientType === 'C' ? clientInfo?.companyName :`${clientInfo.surname} ${clientInfo.givenName}`}\n \n {\n clientInfo.clientType === 'C' && (\n {`${clientInfo.surname} ${clientInfo.givenName}`}\n )\n }\n
\n \n
\n \n
\n \n );\n};\nexport default ClientItem;","import React, { useState } from \"react\";\nimport \"./CheckBox.less\";\n\n/**\n *描述\n * label checkbox对应的描述文字\n * checked 勾选的状态\n * onChange checkbox变化时候执行的回调\n * disabled 控制是否被禁止\n * icon checkbox也可以是传递icon去当文字描述\n * size checkbox默认的大小，默认是 normal\n * labelFontSize label文字大小 normal对应16px\n */\n\nconst Checkbox = ({\n label,\n checked,\n onChange,\n disabled,\n icon,\n size,\n labelFontSize,\n checkValue,\n position,\n uncheckValue\n}) => {\n const handleCheckboxChange = (e) => {\n // console.log(\"handleCheckBoxChange\", e.target.value);\n onChange && onChange(e);\n };\n return (\n \n \n {icon && {icon}}\n {label}\n \n )}\n
\n \n );\n};\n\nCheckbox.defaultProps = {\n label: \"默认label\",\n size: \"normal\",\n labelFontSize: \"normal\",\n disabled: false,\n onChange: undefined,\n position:undefined,\n checked: false,\n};\n\nexport default Checkbox;\n","import React, { useState, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Icons from \"@/components/ui/Icons/Icons\";\nimport Checkbox from '@/components/ui/CheckBox/CheckBox';\nimport Styles from './style.less';\n\nconst downLine = \n {/* 头部 */}\n
\n );\n}\n\nconst timeSortOptions = (t) => ([\n {label: t('common.fromNewToOld'), value: 'DESC'},\n {label: t('common.fromOldToNew'), value: 'ASC'},\n]);\n\nconst clientTypeOptions = (t) => ([\n {label: t('customer.individualClient'), value: 'I'},\n {label: t('customer.corporateClient'), value: 'C'},\n {label: t('customer.all'), value: 'ALL'},\n]);\n\nconst FilterDropDown = (props) => {\n const {\n timeSort, handleTimeSort,\n clientType, handleChangeClientType,\n isTimeSort = false, isProspect = true,\n selectedClientTypes = [], setSelectedClientTypes,\n selectedProductTypes = [], setSelectedProductTypes,\n productOptions,\n } = props;\n const { t } = useTranslation();\n\n\n // 阻止filter盒子内點擊事件冒泡，導致篩選項隱藏\n const handleBoxClick = (event) => {\n event.stopPropagation();\n };\n\n if(isTimeSort) {\n return (\n \n
\n {/* 内容区域 */}\n {title}
\n \n {isContentVisible ? downLine : upLine }\n
\n \n {children}\n
\n \n
\n )\n }\n return isProspect ? (\n - \n {\n timeSortOptions(t)?.map(item => (\n
- handleTimeSort(item.value)} key={item.value}>\n \n {item.label}\n \n {\n timeSort === item.value ? (\n
\n
\n ) : (\n - \n {\n clientTypeOptions(t)?.map(item => (\n
- handleChangeClientType(item.value)} key={item.value}>\n \n {item.label}\n \n {\n clientType === item.value ? (\n
\n \n {\n clientTypeOptions(t)?.filter(item => item.value !== 'ALL')?.map(item => (\n s.value)?.includes(item.value)}\n onChange={(e) => {\n if(e.target.checked) {\n setSelectedClientTypes?.([...selectedClientTypes, item]);\n } else {\n const newSelected = selectedClientTypes?.filter(s => s.value !== item.value);\n setSelectedClientTypes?.(newSelected);\n }\n }}\n />\n ))\n }\n \n \n {\n productOptions?.map(item => (\n s.value)?.includes(item.value)}\n onChange={(e) => {\n if(e.target.checked) {\n setSelectedProductTypes?.([...selectedProductTypes, item]);\n } else {\n const newSelected = selectedProductTypes?.filter(s => s.value !== item.value);\n setSelectedProductTypes?.(newSelected);\n }\n }}\n />\n ))\n }\n \n
\n );\n};\nexport default FilterDropDown;","import React, { useState, useRef, useEffect } from 'react';\nimport { Pagination, Button, Spin } from 'antd';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport { useDebounceFn, useClickAway } from 'ahooks';\nimport useMediaChange from '@/hooks/useMediaChange';\nimport Icons from \"@/components/ui/Icons/Icons\";\nimport Tab from \"@/components/ui/Tab/Tab\";\nimport SearchInput from \"@/components/ui/SearchInput/SearchInput\";\nimport FilterTag from '@/components/FilterTag';\nimport no_data_img from \"@/assets/imgs/search_no-result.png\";\nimport ClientItem from '../ClientItem';\nimport FilterDropDown from '../FilterDropDown';\nimport { getCurLangField } from '@/utils';\nimport { getProductsList, fetchExistingClientData, fetchProspectClientData } from '@/request';\nimport Styles from './index.less';\n\nconst Customer = (props) => {\n const { onSelect } = props;\n const inputRef = useRef();\n const navigate = useNavigate();\n const [ isMobile, isMiniMobile ] = useMediaChange();\n const [tabKey, setTabKey] = useState(\"Existing\"); // 當前tab Prospect潛在客戶 Existing現有客戶\n const [curPage, setCurPage] = useState(1); // 當前頁碼\n const [pageSize, setPageSize] = useState(20); // 每頁條數\n const [keyword, setKeyWord] = useState(\"\"); // 關鍵字搜索\n const [timeSort, setTimeSort] = useState(); // DESC降序 ASC升序\n const [clientType, setClientType] = useState(); // 客戶類型單選 個人PERSONAL 公司COMPANY 全選ALL (潛在客戶)\n const [selectedClientTypes, setSelectedClientTypes] = useState([]); // 篩選下 客戶類型多選 選中項 （現有客戶）\n const [selectedProductTypes, setSelectedProductTypes] = useState([]); // 篩選下 有效保單多選 選中項 （現有客戶）\n const [isShowSort, setIsShowSort] = useState(false); // 時間排序 篩選板塊是否出現\n const [isShowFilter, setIsShowFilter] = useState(false); // 客戶、【保單】篩選板塊是否出現\n const [clientData, setClientData] = useState({}); // 列表數據\n const [productOptions, setProductOptions] = useState([]); // 獲取篩選的保單選項\n const [loading, setLoading] = useState(false); // 加載中\n const [curSelected, setCurSelected] = useState(); //當前選中的客戶\n const { t } = useTranslation();\n\n const sortRef = useRef(null);\n const filterRef = useRef(null);\n\n useClickAway(() => {\n setIsShowSort(false);\n }, [sortRef]);\n\n useClickAway(() => {\n setIsShowFilter(false);\n }, filterRef);\n\n // 切換tab 清空除名字搜索以外的其他查詢數據\n const onTabChange = (key) => {\n if(key !== tabKey) {\n setTabKey(key);\n // 請求前先清空數據\n setClientData({});\n // 清空除了名字查詢以外的所有查詢條件 包括篩選選中項 和 時間排序 當前頁置爲1 \n setCurPage(1);\n setTimeSort();\n setClientType();\n setSelectedClientTypes([]);\n setSelectedProductTypes([]);\n }\n };\n\n // 潛在用戶 客戶類型篩選\n const handleChangeClientType = (v) => {\n if(v === clientType) {\n setClientType();\n } else {\n setClientType(v);\n }\n setCurPage(1);\n }\n \n // 時間排序\n const handleTimeSort = (v) => {\n if(v === timeSort) {\n setTimeSort();\n } else {\n setTimeSort(v);\n }\n setCurPage(1);\n }\n\n // 現有客戶 重置篩選項（客戶類型 保單）\n const handleResetFilter = () => {\n setSelectedClientTypes([]);\n setSelectedProductTypes([]);\n setCurPage(1);\n };\n\n // 獲取潛在客戶/現有客戶列表數據\n const getListData = () => {\n let params = {\n SearchName: keyword,\n PageNumber: curPage,\n PageSize: pageSize,\n }\n let api;\n if(tabKey === 'Prospect') {\n params = {\n ...params,\n ClientTypes: (clientType && clientType !== 'ALL') ? [clientType] : undefined,\n SortType: timeSort,\n }\n api = fetchProspectClientData;\n } else {\n params = {\n ...params,\n Sort: timeSort,\n ClientTypes: selectedClientTypes?.map(item => item.value),\n productCategoryCodes: selectedProductTypes?.map(item => item.value),\n }\n api = fetchExistingClientData;\n }\n setLoading(true);\n api(params).then((res) => {\n if(res.status === 200) {\n setClientData(res.data || {});\n }\n }).finally(() => {\n setLoading(false);\n if(isMobile) {\n document.querySelector(\"#customerList\").scrollTop = 0;\n }\n }).catch(() => {\n // 出錯了 清空數據\n setClientData({});\n })\n }\n\n // 監聽鍵盤事件 按下enter鍵進行搜索\n const onKeyDown = (e) => {\n if (e.keyCode === 13) {\n //不在第一页并且搜索\n if (curPage > 1) {\n setCurPage(1);\n } else {\n getListData();\n }\n }\n }\n\n // 輸入框change事件\n const { run: handleInputChange } = useDebounceFn(\n (inputVal) => {\n // 輸入框 點擊清空 自動搜索\n if (curPage > 1) {\n setCurPage(1);\n } else {\n getListData();\n }\n },\n {\n wait: 1000,\n trailing: true,\n },\n );\n\n useEffect(() => {\n // 獲取保單類型 用於篩選\n getProductsList().then((res) => {\n if(res.status === 200) {\n const newList = res?.data?.map(p => ({\n label: p?.[getCurLangField('displayName')],\n value: p.productCategoryCode,\n })) || [];\n setProductOptions(newList);\n }\n }).catch(() => {});\n }, []);\n\n useEffect(() => {\n window.addEventListener(\"keydown\", onKeyDown); // 添加全局事件\n return () => {\n window.removeEventListener(\"keydown\", onKeyDown); // 销毁\n };\n }, [curPage, pageSize, timeSort, clientType, selectedClientTypes, selectedProductTypes, keyword]);\n\n useEffect(() => {\n // 依賴項發生變化(名字搜索需要手動請求)，重新請求數據\n if(curPage >= 1) {\n getListData();\n }\n }, [curPage, pageSize, timeSort, clientType, selectedClientTypes, selectedProductTypes]);\n\n return (\n \n
\n \n {/* Tab */}\n
\n {\n curSelected && (\n \n
\n \n {/* 篩選 */}\n
\n \n
\n {/* {\n // 篩選的標簽展示\n tabKey === 'Existing' && [...selectedClientTypes, ...selectedProductTypes].length > 0 && (\n \n {\n if(v !== keyword) {\n setKeyWord(v);\n handleInputChange(v);\n }\n }}\n ref={inputRef}\n />\n
\n {/* \n {\n setIsShowSort(false);\n setIsShowFilter(!isShowFilter);\n }}\n className={isShowFilter ? Styles.filtering : '' }\n ref={filterRef}\n >\n { setSelectedClientTypes(v); setCurPage(1); }}\n selectedProductTypes={selectedProductTypes}\n setSelectedProductTypes={(v) => { setSelectedProductTypes(v); setCurPage(1); }}\n setIsShowFilter={setIsShowFilter}\n productOptions={productOptions}\n />\n )}\n \n {\n setIsShowFilter(false);\n setIsShowSort(!isShowSort);\n }}\n className={isShowSort ? Styles.filtering : '' }\n ref={sortRef}\n >\n
*/}\n \n {\n selectedClientTypes?.map(item => (\n {\n const newSelected = selectedClientTypes?.filter(s => s.value !== val);\n setSelectedClientTypes?.(newSelected);\n }}\n />\n ))\n }\n {\n selectedProductTypes?.map(item => (\n {\n const newSelected = selectedProductTypes?.filter(s => s.value !== val);\n setSelectedProductTypes?.(newSelected);\n }}\n />\n ))\n }\n {t('common.resetFilter')}\n
\n )\n } */}\n {/* 卡片展示*/}\n \n {clientData?.data?.length > 0 ? (\n clientData?.data?.map((item, index) => (\n
\n {/* 分頁器 */}\n {\n clientData?.count > 0 && (\n \n 
\n
\n ) : ''\n }\n \n )}\n {t('common.emptyData')}
\n\n {\n if(page !== curPage && page > 0) {\n setCurPage(page);\n } else if(size !== pageSize) {\n setPageSize(size);\n setCurPage(1);\n }\n }}\n />\n
\n )\n }\n \n {\n onSelect(curSelected);\n }}\n >\n {t(\"apply.card.confirmBtn\")}\n \n
\n )\n }\n { setModalOpen(true) }}>\r\n {t(\"apply.client\")}\r\n 
\r\n
\r\n }\r\n {\r\n JSON.stringify(customer) != '{}' && \r\n \r\n
\r\n }\r\n */}\r\n {\r\n (protectType == 'individual' || protectType == 'family') &&\r\n <>\r\n \r\n
\r\n {customer.surname} {customer.givenName}
\r\n \r\n
\r\n {customer.contactNoHK}
\r\n {customer.contactEmail}
\r\n {\r\n setCustomer({});\r\n customerMethod({});\r\n form.resetFields();\r\n getSelectList(); // 初始化\r\n changeMethod(true);\r\n }}>\r\n {t(\"common.cancel\")}\r\n
\r\n {t(\"apply.fillEnglishTip\")}
\r\n {associateSelect(v,i,index,key)}} key={i+Math.random} className={classnames(Styles.dropdownItem,{[Styles.current]: v.pitchOn})}>\r\n
\r\n )\r\n })\r\n )\r\n }\r\n \r\n const dropdownShow = (index,key) => {\r\n const temlist = form.getFieldsValue().items;\r\n const value = temlist?.[index]?.[key];\r\n const copyList = associateOptions.slice();\r\n for(let j=0; copyList.length > j; j++) {\r\n if(copyList[j].label == value) {\r\n copyList[j].pitchOn = true\r\n }else {\r\n copyList[j].pitchOn = false\r\n }\r\n }\r\n }\r\n\r\n const fieldChange = async (changedValues, allValues) => {\r\n\r\n const items = await form.getFieldsValue().items;\r\n \r\n form.setFieldValue('items',items)\r\n changeMethod(); // 受保人form变化通知投保人form\r\n\r\n const index = changedValues.items.length-1;\r\n const key = (Object.keys(changedValues.items[index]))[0];\r\n // 增加額外保額發生改變\r\n if(key == 'additionalPA') {\r\n let sum = 0;\r\n items.map((v,i)=>{\r\n if(v?.additionalPA) {\r\n sum = sum + Number(v?.additionalPA)\r\n }\r\n })\r\n priceChange(sum);\r\n }\r\n\r\n // 身份證證明證明切換\r\n if(key == 'IDtype'){\r\n form.setFields([\r\n {\r\n name: ['items', index, 'HKID'], \r\n value: '',\r\n errors: null\r\n }\r\n ]);\r\n }\r\n\r\n // 勾选我是受保人\r\n if(key == 'isApplicant' && changedValues.items[index].isApplicant){\r\n const applicantForm = getApplicantInfo();\r\n const keys = Object.keys(applicantForm);\r\n let copyData = items.slice();\r\n const list = copyData?.map((v, i) =>{\r\n if(index == i) {\r\n for (let key of keys) {\r\n if(key == 'surName') {\r\n v.surname = applicantForm[key];\r\n }\r\n if(key == 'givenName') {\r\n v.givenName = applicantForm[key];\r\n }\r\n if(key == 'salutation') {\r\n v.gender = applicantForm[key];\r\n }\r\n if(key == 'IDtype') {\r\n v.IDtype = applicantForm[key];\r\n }\r\n if(key == 'HKID') {\r\n v.HKID = applicantForm[key];\r\n }\r\n }\r\n }else {\r\n v.isApplicant = false;\r\n }\r\n return v;\r\n })\r\n form.setFieldValue('items',list);\r\n // 赋值后仅验证\r\n form.validateFields(); \r\n }\r\n }\r\n \r\n useImperativeHandle(ref, ()=>{\r\n return {handleChange,handleFields,applicantInfoChange}\r\n })\r\n\r\n useEffect(()=>{\r\n if(JSON.stringify(detailCustomer) == '{}') return;\r\n policyInsuredList();\r\n applicantInfoChange();\r\n },[detailCustomer])\r\n \r\n useEffect(()=>{\r\n if(JSON.stringify(appNoDetails) == '{}') return;\r\n countPeoples();\r\n getDependenciesList();\r\n },[appNoDetails])\r\n\r\n // response error\r\n useEffect(()=>{\r\n if(!errList.length) return;\r\n console.log('errList==22',errList)\r\n let scrollChange = false;\r\n const fields = form.getFieldsValue().items;\r\n errList.map((v,i)=> {\r\n if(typeof v.key != 'string') {\r\n\r\n let temArr = [...fields]\r\n temArr[v.key[1]].show=true;\r\n form.setFieldValue('items', temArr);\r\n\r\n form.setFields([\r\n {\r\n name: v.key,\r\n errors: [getCurLang() == 'en' ? v.value.ErrorMessage : v.value.ErrorMessageCN]\r\n }\r\n ]);\r\n if(!scrollChange) {\r\n scrollChange = true; // 只需要滚到第一个error field\r\n window.$wujie?.bus.$emit(\"scrollToElementIdAction\", v.key.join('_'));\r\n form.scrollToField(v.key.join('_'));\r\n }\r\n }\r\n })\r\n },[errList])\r\n\r\n const [validateData, setValidateData] = useState([]);\r\n \r\n return (\r\n {v.surname} {v.givenName}
\r\n \r\n
\r\n 6039 3029
\r\n taiman@email.com
\r\n \r\n {fields.map((field,index) => (\r\n <>\r\n
\r\n )}\r\n {showChange(index)}} className={Styles.top}>\r\n { getTitle(index)}\r\n {\r\n dataList[index]?.show ?
\r\n \r\n {\r\n dataList?.[index]?.hasIsInsured\r\n && \r\n \r\n {\r\n return event.target.checked\r\n }\r\n }\r\n >\r\n {t(\"apply.iAmInsuredPerson\")} \r\n \r\n
\r\n }\r\n \r\n {\r\n return event.replace(/[\\u4E00-\\u9FA5]/g,'') \r\n }\r\n }\r\n >\r\n associateChange(value,'surname')}\r\n dropdownRender={()=>dropdownHtml(index,'surname')}\r\n popupClassName={Styles.dropdownPop}\r\n disabled={editStatus(index)}\r\n onDropdownVisibleChange={()=>dropdownShow(index,'surname')}\r\n maxLength={15}\r\n children={}\r\n />\r\n \r\n {\r\n return event.replace(/[\\u4E00-\\u9FA5]/g,'') \r\n }\r\n }\r\n >\r\n associateChange(value,'givenName')}\r\n dropdownRender={()=>dropdownHtml(index,'givenName')}\r\n popupClassName={Styles.dropdownPop}\r\n disabled={editStatus(index)}\r\n onDropdownVisibleChange={()=>dropdownShow(index,'givenName')}\r\n maxLength={24}\r\n children={}\r\n />\r\n \r\n \r\n \r\n {t(\"apply.Male\")} \r\n {t(\"apply.Female\")} \r\n \r\n \r\n
\r\n \r\n checknDOB(rule,value,callback,index)\r\n }\r\n ]}\r\n >\r\n
\r\n \r\n {\r\n getFields(index).occupation &&\r\n checkOccupation(rule,value,callback,index)\r\n }\r\n ]}\r\n > \r\n \r\n \r\n }\r\n {\r\n getFields(index).placeOrigin &&\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n \r\n \r\n }\r\n name={[field.name, 'HKID']}\r\n rules={[\r\n {\r\n required: true,\r\n message: validateData[index]?.IDtype == 'P' ? t(\"apply.errorMessage.passport\") : t(\"apply.errorMessage.hkid\")\r\n },\r\n {\r\n validator: (rule,value,callback) => checkHKID(rule,value,callback,index)\r\n }\r\n ]}\r\n getValueFromEvent = {\r\n (event) => {\r\n return event.target.value.trim(); \r\n }\r\n }\r\n extra={validateData[index]?.IDtype == 'P' ? t(\"apply.passportTip\") : t(\"apply.hkidTip\")}\r\n >\r\n \r\n \r\n
\r\n {\r\n getFields(index).additionalPA && \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n
\r\n \r\n ))}\r\n \r\n {msgs.length > 0 && (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nlet DialogApi = (objData) => {\r\n const title = objData.title || \"\";\r\n const content = objData.content || \"\";\r\n const oKBtnTxt = objData.oKBtnTxt || \"\";\r\n const cancelBtnTxt = objData.cancelBtnTxt || \"\";\r\n const hideCancelBtn = objData.hideCancelBtn || false;\r\n const onSuccess = objData.onSuccess || null;\r\n const hasCloseBtn = objData.hasCloseBtn || false;\r\n const hideOkBtn = objData.hideOkBtn || false;\r\n const hideRetryBtn = objData.hideRetryBtn || true;\r\n return notice({\r\n title,\r\n content,\r\n oKBtnTxt,\r\n cancelBtnTxt,\r\n hideCancelBtn,\r\n onSuccess,\r\n hasCloseBtn,\r\n hideOkBtn,\r\n hideRetryBtn,\r\n });\r\n};\r\n\r\nexport default DialogApi;\r\n","import React, {\r\n useState,\r\n forwardRef,\r\n useImperativeHandle,\r\n useEffect,\r\n} from \"react\";\r\nimport { Modal } from \"antd\";\r\nimport { LoadingOutlined } from '@ant-design/icons';\r\nimport classnames from \"classnames\";\r\nimport Styles from \"./index.less\";\r\nimport {\r\n convertToBlob,\r\n downloadFileByBlob,\r\n getSessionItem,\r\n} from \"@/config/commonUtil\";\r\nimport Dialog from \"@/components/ui/Dialog/Dialog\";\r\nimport { downloadQuotationPDF } from \"@/request/index\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nconst Download = (props, ref) => {\r\n const { downloadPDFSaved, setDownloadPDFSaved } = props;\r\n const { t } = useTranslation();\r\n let location = useLocation();\r\n\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [isSaveModal, setIsSaveModal] = useState(false); // (apply 页面下载pdf的时候判断是否已储存数据)\r\n const [showToast, setShowToast] = useState(false); // 下載中提示\r\n const handleChange = () => {\r\n setIsModalOpen(!isModalOpen);\r\n\r\n //insured 页面下载pdf的时候判断是否已储存数据\r\n if (downloadPDFSaved) {\r\n setIsSaveModal(false);\r\n } else {\r\n setIsSaveModal(true);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (!isModalOpen && !isSaveModal) {\r\n //关掉当前的dialog， 那么就要重新save一次才可以下载pdf\r\n setDownloadPDFSaved(false);\r\n }\r\n }, [isModalOpen]);\r\n\r\n useImperativeHandle(ref, () => {\r\n return { handleChange };\r\n });\r\n\r\n //下载pdf\r\n const handleExportQuotationPDF = (lang) => {\r\n setIsModalOpen(false)\r\n setShowToast(true);\r\n const param = new URLSearchParams(location.search);\r\n const caseNo = param.get(\"appNo\") ?? \"U000230212\";\r\n if (caseNo !== null) {\r\n const fileName =\r\n lang == \"en\"\r\n ? `${caseNo}_summary_${lang}.pdf`\r\n : `${caseNo}_summary_ch.pdf`;\r\n downloadQuotationPDF(caseNo, lang)\r\n .then((res) => {\r\n if (!res || res.data.length == 0) {\r\n setShowToast(false);\r\n Dialog({\r\n title: t(\"quotation-pdf.downloadDocument\"),\r\n content: t(\"quotation-pdf.downloadDocumentFailed\"),\r\n hideCancelBtn: true,\r\n oKBtnTxt: t(\"quotation-pdf.confirm\"),\r\n });\r\n return;\r\n }\r\n const pdfFileBlob = convertToBlob(res.data);\r\n downloadFileByBlob(pdfFileBlob, fileName);\r\n setShowToast(false);\r\n })\r\n .catch((error) => {\r\n setShowToast(false);\r\n console.error(error);\r\n });\r\n }\r\n };\r\n\r\n // head 部分\r\n const renderHeader = (words) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {content && (\r\n \r\n {title && (\r\n \r\n X\r\n
\r\n )}\r\n \r\n {title}\r\n
\r\n )}\r\n {/* 关闭按钮 */}\r\n {hasCloseBtn && (\r\n \r\n {typeof content === \"function\" ? content(sureDialog) : content}\r\n
\r\n )}\r\n \r\n {!hideCancelBtn && (\r\n \r\n {!cancelBtnTxt ? t(\"cancelBtn\") : cancelBtnTxt}\r\n \r\n )}\r\n {/* {hideRetryBtn && (\r\n \r\n {t(\"errorMsg.retryBtn\")}\r\n \r\n )} */}\r\n {/* 是否隐藏ok按钮 */}\r\n {!hideOkBtn && (\r\n \r\n {!oKBtnTxt ? t(\"okBtn\") : oKBtnTxt}\r\n \r\n )}\r\n
\r\n \r\n {\r\n setIsModalOpen(false);\r\n }}\r\n className={classnames(\"iconfont\", \"icon-error\", Styles.close)}\r\n >\r\n
\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n {words}
\r\n \r\n
\r\n \r\n )}\r\n \r\n {\r\n showToast && (\r\n handleExportQuotationPDF(\"zh\")}>\r\n \r\n {t(\"quotation-pdf.chineseVersion\")}\r\n
\r\n handleExportQuotationPDF(\"en\")}>\r\n \r\n {t(\"quotation-pdf.englishVersion\")}\r\n
\r\n \r\n
\r\n )\r\n }\r\n \r\n );\r\n};\r\nexport default forwardRef(Download);\r\n","import React, { useState, forwardRef, useImperativeHandle, useEffect } from 'react';\r\nimport { Button, Modal, Radio, Input, InputNumber } from 'antd';\r\nimport classnames from 'classnames';\r\nimport Styles from './index.less';\r\nimport { useTranslation } from \"react-i18next\";\r\nconst Setting = (props, ref) => {\r\n const { t } = useTranslation();\r\n const {grossPAPD,salesDiscountRate,commissionRate,rateChange} = props;\r\n const [discountRate, setDiscountRate] = useState(0);\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const handleChange = () => {\r\n setIsModalOpen(!isModalOpen);\r\n }\r\n const setChange = () => {\r\n if(discountRate > commissionRate) return;\r\n rateChange(discountRate);\r\n }\r\n \r\n useImperativeHandle(ref,()=>{\r\n return {handleChange}\r\n })\r\n\r\n useEffect(()=>{\r\n setDiscountRate(salesDiscountRate);\r\n },[salesDiscountRate])\r\n\r\n return (\r\n <>\r\n \r\n
\r\n { setShowToast(false); }}>\r\n X\r\n
\r\n \r\n
\r\n {t(\"apply.card.setSalesDiscount\")}
\r\n \r\n \r\n `${value}`.replace(/\\$\\s?|(,*)/g, '')} \r\n precision={2} \r\n onChange={(value)=>{setDiscountRate(value)}}\r\n />\r\n\r\n {/* setDiscountRate(e.target.value.trim())} type='number' min={0} /> */}\r\n
\r\n {\r\n discountRate > commissionRate &&\r\n \r\n \r\n {t(\"apply.card.DiscountRate\")} \r\n \r\n
\r\n {t(\"apply.card.cannot\")}
\r\n }\r\n \r\n
\r\n \r\n {t(\"apply.card.grossPremium\")}\r\n {/* {t(\"apply.card.netPremium\")} */}\r\n {/* (HK$) */}\r\n \r\n {grossPAPD}\r\n
\r\n -\r\n \r\n {t(\"apply.card.salesDiscount\")}\r\n {/* {t(\"apply.card.discount2\")} */}\r\n {/* (HK$) */}\r\n \r\n {(grossPAPD * discountRate/100).toFixed(2)}\r\n
\r\n =\r\n \r\n {/* {t(\"apply.card.afterDiscount\")} */}\r\n {t(\"apply.card.premiumPayByCustomer\")}\r\n {(grossPAPD - (grossPAPD * discountRate/100)).toFixed(2)}\r\n
\r\n \r\n
\r\n \r\n {t(\"apply.card.backToBtn\")}
\r\n commissionRate})}>{t(\"apply.card.confirmBtn\")}
\r\n \r\n {data.map((item, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n\r\n {/* {index + 1}
\r\n {\r\n isMobile && \r\n {index == step && item.title}
\r\n }\r\n {\r\n !isMobile && \r\n {item.title}
\r\n }\r\n \r\n \r\n
\r\n 1
\r\n 個人資料
\r\n \r\n \r\n
*/}\r\n \r\n );\r\n};\r\nexport default Step;\r\n","import React, { useState, useEffect } from 'react'\nimport CustomModal from '@/components/customModal/index';\nimport { Modal, Form, Input, Radio, DatePicker, Select, Button, Row, Col, Collapse } from 'antd';\nimport Styles from './index.less';\nimport { useTranslation } from \"react-i18next\";\nimport fileIcon from '@/assets/img/fileIcon.png';\nimport { useNavigate } from 'react-router-dom';\nimport { getCurLang } from '@/utils'\n\nconst TempSave = ({caseTitle,appNo,modalOpen,modalSavedOpen,setModalOpen,setModalSavedOpen,saveMethod}) => {\n const navigate = useNavigate();\n const { t } = useTranslation();\n const [formSave] = Form.useForm();\n const [valueInput, setValueInput] = useState('');\n \n const handleInputChange = (e) => {\n setValueInput(e.target.value)\n };\n return (\n <>\n 1
\r\n 個人資料
\r\n \n \n {\n const regex = /^[^\\u4e00-\\u9fa5]*$/; // 正则表达式匹配非中文字符\n if (!regex.test(value)) {\n return Promise.reject(t(\"quote.enterEnglish\"));\n }\n return Promise.resolve();\n },\n },]}\n extra={t(\"quote.enterEnglish2\")}\n >\n \n \n \n
\n }\n />\n {t(\"quote.customer\")}
\n \n \n
\n \n }\n />\n \n \n )\n}\n\nexport default TempSave","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Form,Input,Row,Checkbox,Radio, Space } from 'antd';\r\nimport moment from 'moment';\r\nimport classnames from 'classnames';\r\nimport Styles from './index.less';\r\n// import Steps from './component/steps';\r\nimport Tabs from './component/tabs';\r\nimport Footer from './component/footer';\r\nimport From from './component/from';\r\nimport TrendsFrom from './component/trendsFrom';\r\nimport Download from './component/download';\r\nimport Setting from './component/setting';\r\nimport Icons from \"@/components/ui/Icons/Icons\";\r\nimport LoadBar from \"@/components/ui/LoadBar/LoadBar\";\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useSearchParams } from 'react-router-dom';\r\nimport { \r\n postDiscountConfig,\r\n postApplicationSubmit,\r\n fetchExistingClientData,\r\n fetchProspectClientData,\r\n getAgentInfo,applicationSave,\r\n postApplication,\r\n postAreaDistrictDropdownList,\r\n postRelationDropdownList,\r\n postOccupationDropdownList,\r\n postPlaceOfOriginDropdownList\r\n } from '@/request';\r\nimport { fetchPremiumData } from '@/pages/home/service';\r\nimport { useTranslation } from \"react-i18next\";\r\nimport {add, subtract, multiply, divide} from 'accurate-core';\r\nimport TopBar from '@/components/topBar/index.jsx';\r\nimport HeaderHomeAgent from '@/components/HeaderAgent';\r\nimport GlobalLanguage from '@/components/GlobalLanguage';\r\nimport Steps from './component/steps/index';\r\nimport useMediaChange from '@/hooks/useMediaChange';\r\nimport { referralLinkDetails } from '@/store/referralLinkInfo/index';\r\nimport TempSave from './component/tempSave';\r\nimport { getCurLang, emailRegExp, refreshPmInfo } from '@/utils';\r\nimport { dateFormatVal, dateFormatValCN } from \"@/config/commonUtil.js\";\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { premiumInfo, premiumDiscountListInfo, setPremiumInfo } from '@/store/premiumInfo';\r\n\r\nconst Insure = () => {\r\n const dispatch = useDispatch();\r\n const pmInfo = useSelector(premiumInfo);\r\n const premiumDiscountList = useSelector(premiumDiscountListInfo);\r\n const { t } = useTranslation();\r\n const [form] = Form.useForm();\r\n const paymentLinkEmailRef = useRef(null);\r\n const [commissionRate, setCommissionRate] = useState(0);\r\n const [salesDiscountRate, setSalesDiscountRate] = useState(0); \r\n const [searchParams] = useSearchParams();\r\n const [appNo,setAppNo] = useState(searchParams.get('appNo'));\r\n const [originalPrice, setOriginalPrice] = useState();\r\n const [protectType, setProtectType] = useState();\r\n const [traveType, setTraveType] = useState();\r\n const [travelPlan, setTravelPlan] = useState();\r\n const [peopleCount,setPeopleCount] = useState();\r\n const [childCount,setChildCount] = useState();\r\n const [elderlyCount,setElderlyCount] = useState();\r\n const [travelStartDate,setTravelStartDate] = useState();\r\n const [travelEndDate,setTravelEndDate] = useState();\r\n const [isMobile] = useMediaChange();\r\n \r\n const referralLinkInfo = useSelector(referralLinkDetails);\r\n useEffect(() => {\r\n // referralLink進來銷售折扣從link信息裏獲取\r\n if(Object.keys(referralLinkInfo).length > 0 ) {\r\n let discRate = traveType === 'AAT' ? referralLinkInfo?.salesDiscountByProduct?.AAT : referralLinkInfo?.salesDiscountByProduct?.AST;\r\n console.log('discRate', Number(discRate));\r\n setSalesDiscountRate(Number(discRate));\r\n }\r\n }, [referralLinkInfo, traveType])\r\n const [appNoDetails, setAppNoDetails] = useState({});\r\n const [downloadPDFSaved, setDownloadPDFSaved] = useState(false);//每次下载pdf之前都要save一下\r\n \r\n const [premiumData, setPremiumData] = useState([]);\r\n const getAppNoInfo = async () => {\r\n // 保证这里的执行顺序\r\n const res = await postApplication({appNo:appNo});\r\n const info = res?.data;\r\n await getCommissionRate(res.data.productCode);\r\n await getSelectList(res.data.applicant.applicantType, res.data.premiumPackage);\r\n // 存在AgentEmail，不再取接口默认的\r\n if(res.data?.notifyAgentEmail) {\r\n form.setFieldValue('agentEmailAddress',res.data?.notifyAgentEmail);\r\n }else {\r\n agentInfo();\r\n }\r\n \r\n const pType = getReverseKey(res.data.applicant.applicantType, res.data.premiumPackage)\r\n \r\n // 计算原价，不能取接口回来的原价\r\n let sum = 0;\r\n res.data.insuredList?.map(v => {\r\n sum = add(sum, v.additionalPABenefit)\r\n })\r\n const pmd = await fetchPremiumData({productCodes: ['AAT', 'AST']});\r\n setPremiumData(pmd?.data);\r\n calcGrossPremium({\r\n premiumList: pmd?.data,\r\n productCode: info?.productCode, \r\n planCode: info?.planID,\r\n startDate: info?.policyEffectFrom, \r\n endDate: info?.policyEffectTo, \r\n shelves: sum,\r\n adult: info?.adult,\r\n elderly: info?.elderly,\r\n child: info?.child\r\n });\r\n\r\n // 设置销售折扣，referral link 从接口取，把下面这句代码注释\r\n // setSalesDiscountRate(res.data.premium.salesDiscountRate);\r\n\r\n setProtectType(pType);\r\n setTraveType(res.data.productCode);\r\n setTravelPlan(res.data.planID);\r\n setPeopleCount(res.data.adult ?? 0);\r\n setChildCount(res.data.child ?? 0);\r\n setElderlyCount(res.data.elderly ?? 0);\r\n setPayType(res.data.isPaymentLink == true ? 2 : 1);\r\n if(res.data.productCode == 'AST') {\r\n setTravelStartDate(moment(res.data.policyEffectFrom)?.format(dateFormatValCN));\r\n setTravelEndDate(moment(res.data.policyEffectTo)?.format(dateFormatValCN));\r\n }\r\n if(res.data.productCode == 'AAT') {\r\n setTravelStartDate(moment(res.data.policyEffectDate)?.format(dateFormatValCN));\r\n setTravelEndDate(moment(res.data.policyEffectDate).subtract(1, 'day').add(1, 'year')?.format(dateFormatValCN));\r\n }\r\n \r\n setCaseTitle(res.data.caseTitle);\r\n\r\n if(res.data.notifyEmailLang) {\r\n form.setFieldValue('emailLanguage', res.data.notifyEmailLang);\r\n }\r\n // 如果存在对应的邮箱地址，即不再联动，取接口对应的值\r\n if(res.data.notifyCustomerEmail){\r\n form.setFieldValue('clientEmailAddress', res.data?.notifyCustomerEmail);\r\n }\r\n\r\n if(res.data.paymentLinkEmailAddress){\r\n paymentLinkEmailRef.current.setFieldValue('email', res.data.paymentLinkEmailAddress);\r\n }\r\n // 需要最后才设置 确保子组件拿到接口返回的数据\r\n setAppNoDetails({...res.data});\r\n } \r\n\r\n // 旅程生效日期\r\n const [effectiveDate, setEffectiveDate] = useState();\r\n useEffect(() => {\r\n const { productCode, policyEffectFrom, policyEffectDate } = appNoDetails ?? {};\r\n console.log('生效日期', productCode === 'AST' ? policyEffectFrom : policyEffectDate);\r\n if(productCode === 'AST' ? policyEffectFrom : policyEffectDate) {\r\n setEffectiveDate(productCode === 'AST' ? policyEffectFrom : policyEffectDate);\r\n }\r\n }, [appNoDetails]);\r\n useEffect(() => {\r\n // 生效日期變化，需要重新匹配對應的保費折扣值，存到store裏面\r\n refreshPmInfo({\r\n effectiveDate,\r\n premiumDiscountList,\r\n pmInfo,\r\n setPremiumInfo,\r\n dispatch,\r\n })\r\n }, [effectiveDate, premiumDiscountList]);\r\n\r\n const getCommissionRate = async (code) => {\r\n // 如果是sCode 直接把CommissionRate設置為0\r\n if(pmInfo?.isSCodeHolder) {\r\n setCommissionRate(0);\r\n return;\r\n }\r\n const res = await postDiscountConfig({});\r\n for(let i=0; i < res.data.length; i++){\r\n if(res.data[i].productCode == code && res.data[i].discountType == 'Commission'){\r\n setCommissionRate(res.data[i].discountRate);\r\n return;\r\n }\r\n }\r\n }\r\n\r\n const [areaList, setAreaList] = useState([]);\r\n const [relationList, setRelationList] = useState([]);\r\n const [occupationList, setOccupationList] = useState([]);\r\n const [originList, setOriginList] = useState([]);\r\n const getSelectList = async (applicantType, packAge) => {\r\n const res = await postAreaDistrictDropdownList({ language: getCurLang() });\r\n setAreaList(res.data);\r\n \r\n const res1 = await postRelationDropdownList({\r\n language: getCurLang(),\r\n applicantType: applicantType,\r\n package: packAge\r\n });\r\n setRelationList(res1.data);\r\n\r\n const res2 = await postOccupationDropdownList({language: getCurLang()});\r\n setOccupationList(res2.data);\r\n\r\n const res3 = await postPlaceOfOriginDropdownList({language: getCurLang()});\r\n setOriginList(res3.data);\r\n }\r\n\r\n const toFixedFun = (value) => {\r\n const num = Number(value);\r\n const result = divide(Math.round(multiply(num, 100)), 100);\r\n return result;\r\n }\r\n \r\n // 全年-公司-个人\r\n const annualCompany = protectType == 'company' && traveType == 'AAT';\r\n // 保费\r\n let M = 0;\r\n const totalCount = peopleCount + elderlyCount;\r\n if(annualCompany && (totalCount>1 && totalCount<=2)){\r\n M = 10\r\n } \r\n if(annualCompany && (totalCount>=3 && totalCount<=4)){\r\n M = 15\r\n } \r\n if(annualCompany && (totalCount>=5 && totalCount<=10)){\r\n M = 20\r\n } \r\n if(annualCompany && totalCount>10){\r\n M = 25\r\n }\r\n\r\n // 單次來回 人數總合大於等於10 可以有10%的團體折扣\r\n const singleIndividualTen = (peopleCount + elderlyCount + childCount) >= 10 && traveType == 'AST' && appNoDetails?.journeyType === 'RoundTrip';\r\n if(singleIndividualTen){\r\n M = 10\r\n }\r\n \r\n const calculatePremium = (\r\n grossPremium, // grossPremium: 原价，不经过任何折扣和优惠\r\n maxCommissionRate, // maxCommissionRate: 最大佣金率，从接口中获取（AAT 27.5， AST 35)\r\n salesDiscountRate = 0, // salesDiscountRate: 销售折扣率，例如：15\r\n productDiscountRate = 0, // productDiscountRate: 产品（团体）折扣率，3人15，2人10等等\r\n premiumDiscountRate = pmInfo[traveType] ?? pmInfo['*'] ?? 0 // premiumDiscountRate: 保费优惠折扣率，动态获取\r\n ) => {\r\n // 产品（团体）折扣金额\r\n let productAmount = toFixedFun(multiply(grossPremium, divide(productDiscountRate, 100)));\r\n // 减去 【产品（团体）折扣金额】 后的保费\r\n let afterProductAmount = subtract(grossPremium, productAmount);\r\n // 保费优惠金额\r\n let premiumAmount = toFixedFun(multiply(afterProductAmount , divide(premiumDiscountRate, 100)));\r\n // 减去 【产品（团体）折扣金额】 以及 【保费优惠金额】 后的保费\r\n let afterPremiumAmount = subtract(afterProductAmount, premiumAmount);\r\n // 总佣金金额\r\n let totalCommissionAmount = toFixedFun(multiply(afterPremiumAmount, divide(maxCommissionRate, 100)));\r\n // 销售折扣金额\r\n let salesDiscountAmount = toFixedFun(multiply(afterPremiumAmount, divide(salesDiscountRate, 100)));\r\n // 扣除【销售折扣金额】后的【剩余佣金金额】\r\n let commissionAmount = toFixedFun(multiply(afterPremiumAmount, divide(subtract(maxCommissionRate, salesDiscountRate), 100)));\r\n // 客户应付保费\r\n let customerPayableAmount = subtract(afterPremiumAmount, salesDiscountAmount);\r\n // 净保费（Agent应付保费）\r\n let netPremium = subtract(afterPremiumAmount, add(salesDiscountAmount, commissionAmount));\r\n return {\r\n productAmount,\r\n afterProductAmount,\r\n premiumAmount,\r\n afterPremiumAmount,\r\n totalCommissionAmount,\r\n salesDiscountAmount,\r\n commissionAmount,\r\n customerPayableAmount,\r\n netPremium\r\n };\r\n }\r\n \r\n // 如果是sCode 直接把CommissionRate設置為0 \r\n if(pmInfo.isSCodeHolder && commissionRate !== 0) {\r\n setCommissionRate(0);\r\n }\r\n const cp = calculatePremium(originalPrice,commissionRate,salesDiscountRate,M)\r\n \r\n let tabData = {\r\n grossPAPD: cp.afterPremiumAmount, // 扣除產品折扣後之毛保費\r\n commissionRate: commissionRate, // 佣金率\r\n commissionAmount: cp.totalCommissionAmount, // 佣金總額\r\n salesDiscountRate: salesDiscountRate, // 銷售折扣\r\n salesDiscountAmount: cp.salesDiscountAmount, // 銷售折扣金額\r\n commissionAfterSalesDiscount: cp.commissionAmount, // 扣除銷售折扣後之佣金\r\n lastNetPremium: cp.netPremium, // 淨保費\r\n planName: travelPlan, // 環球計劃1\r\n planPrice: originalPrice, // 環球計劃1价格\r\n premium : cp.afterProductAmount, // 扣除产品保費\r\n productDiscount: cp.productAmount, // 產品優惠\r\n premiumDiscount: cp.premiumAmount, // 保費優惠\r\n salesDiscounts: cp.salesDiscountAmount, // 銷售折扣\r\n premiumPayableByCustomer: cp.customerPayableAmount, // 保費\r\n protectionCategory: traveType, // 保障類別\r\n insuredType: protectType, // 受保类型\r\n numberOfInsuredPersons: peopleCount+childCount+elderlyCount, // 受保人數\r\n travelStartDate: travelStartDate, // 旅程开始日期\r\n travelEndDate: travelEndDate, // 旅程结束日期\r\n journeyType: appNoDetails?.journeyType,\r\n planID: appNoDetails?.planID\r\n }\r\n\r\n const navigate = useNavigate();\r\n\r\n const tabsRef = useRef(null);\r\n\r\n const [payType,setPayType] = useState(1);\r\n\r\n const downloadRef = useRef(null);\r\n const getDownloadHandleChange = () => {\r\n downloadRef.current?.handleChange();\r\n }\r\n\r\n const settingRef = useRef(null);\r\n const getSettingHandleChange = () => {\r\n settingRef.current?.handleChange();\r\n }\r\n\r\n const applicantRef = useRef(null);\r\n const getFromHandleChange = async () => {\r\n return await applicantRef.current?.handleChange();\r\n }\r\n\r\n const insurantRef = useRef(null);\r\n const getTrendsRefHandleChange = async () => {\r\n return await insurantRef.current?.handleChange();\r\n }\r\n\r\n const getGender = (value) => {\r\n if(!value) return '';\r\n if(value == 'Male' || value == 'M') return 'M';\r\n if(value == 'Female' || value == 'F') return 'F';\r\n }\r\n\r\n const existClientId = async () => {\r\n const clientId = searchParams.get('clientId');\r\n const prospectClientId = searchParams.get('ProspectClientId');\r\n \r\n // 1-客户 fetchExistingClientData\r\n if(clientId && clientId != 'null') {\r\n const res = await fetchExistingClientData(\r\n {\r\n pageNumber: 1,\r\n pageSize: 10,\r\n queryTotalCount: true,\r\n searchName: \"\",\r\n sortBy: \"\",\r\n sortType: \"\",\r\n clientTypes: [],\r\n clientIds: [clientId]\r\n }\r\n );\r\n setCustomer({...res.data.data[0],gender: getGender(res.data.data[0].gender)});\r\n // 现存客户跳转带出投保人信息，邮箱地址联动\r\n form.setFieldValue('clientEmailAddress',res.data.data[0].contactEmail);\r\n paymentLinkEmailRef.current.setFieldValue('email',res.data.data[0].contactEmail);\r\n }\r\n // 2-潜在客户 fetchProspectClientData\r\n if(prospectClientId && prospectClientId != 'null') {\r\n const res = await fetchProspectClientData(\r\n {\r\n pageNumber: 1,\r\n pageSize: 10,\r\n queryTotalCount: true,\r\n searchName: \"\",\r\n clientTypes: [],\r\n prospectClientIds: [prospectClientId],\r\n sortBy: \"\",\r\n sortType: \"Desc\"\r\n }\r\n );\r\n setCustomer({...res.data.data[0],gender: getGender(res.data.data[0].gender)});\r\n // 现存客户跳转带出投保人信息，邮箱地址联动\r\n form.setFieldValue('clientEmailAddress',res.data.data[0].contactEmail);\r\n paymentLinkEmailRef.current.setFieldValue('email',res.data.data[0].contactEmail);\r\n }\r\n }\r\n\r\n // 计算原价\r\n const calcGrossPremium = async ({\r\n premiumList,\r\n productCode, \r\n planCode,\r\n startDate, \r\n endDate, \r\n shelves,\r\n adult,\r\n elderly,\r\n child\r\n }) => {\r\n let days = moment(endDate).diff(moment(startDate), 'days')+1;\r\n\r\n // 成人的保費列表\r\n let adultPremiumNewList = premiumList.filter(p => p.productCode === productCode && p.planCode === planCode && p.package === \"Adult\") ?? [];\r\n // 長者的保費列表\r\n let elderlyPremiumNewList = premiumList.filter(p => p.productCode === productCode && p.planCode === planCode && p.package === \"Elderly\") ?? [];\r\n // 小童的保費列表\r\n let childPremiumNewList = premiumList.filter(p => p.productCode === productCode && p.planCode === planCode && p.package === \"Child\") ?? [];\r\n\r\n if(productCode === 'AAT') {\r\n //全年 insuredDays為-1\r\n adultPremiumNewList = adultPremiumNewList.filter(p => p.insuredDays === -1);\r\n elderlyPremiumNewList = elderlyPremiumNewList.filter(p => p.insuredDays === -1);\r\n childPremiumNewList = childPremiumNewList.filter(p => p.insuredDays === -1);\r\n } else {\r\n adultPremiumNewList = adultPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\r\n elderlyPremiumNewList = elderlyPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\r\n childPremiumNewList = childPremiumNewList.filter(p => p.insuredDays <= days).sort((a,b) => b.insuredDays - a.insuredDays);\r\n }\r\n let originalPrice = 0;\r\n const adultPremiumAmount = adultPremiumNewList?.[0]?.premiumAmount ?? 0;\r\n const elderlyPremiumAmount = elderlyPremiumNewList?.[0]?.premiumAmount ?? 0;\r\n const childPremiumAmount = childPremiumNewList?.[0]?.premiumAmount ?? 0;\r\n if(adult + elderly < 1) {\r\n // 如果全部都是小童 就用成人的價格計算\r\n originalPrice = toFixedFun(multiply(child, adultPremiumAmount));\r\n } else {\r\n // 其他情況 成人數量*成人價格 + 長者數量*長者價格 + 小童數量*小童價格\r\n originalPrice = toFixedFun(add(add(multiply(adult, adultPremiumAmount), multiply(elderly, elderlyPremiumAmount)), multiply(child, childPremiumAmount)));\r\n }\r\n console.log('成人價格', adultPremiumAmount, '長者價格', elderlyPremiumAmount, '小童價格', childPremiumAmount);\r\n \r\n // 因爲只有AAT && adult 才會存在自選提升保障 直接用adultPremiumAmount進行計算\r\n if(shelves) {\r\n originalPrice =add(originalPrice, toFixedFun(multiply(adultPremiumNewList?.[0]?.additionalAmount1, shelves)));\r\n }\r\n\r\n setOriginalPrice(originalPrice);\r\n }\r\n \r\n const applicantInfoChange = (isClear) => { \r\n insurantRef.current?.applicantInfoChange(isClear);\r\n \r\n const applicantInfo = getApplicantInfo();\r\n // 電子郵件選項与投保人資料电邮地址联动\r\n if(!ceaChange && !appNoDetails?.notifyCustomerEmail) { \r\n form.setFieldValue('clientEmailAddress', applicantInfo.email);\r\n form.validateFields(['clientEmailAddress']);\r\n }\r\n // Payment Link email与投保人資料电邮地址联动\r\n if(!pleaChange && !appNoDetails?.paymentLinkEmailAddress) {\r\n paymentLinkEmailRef.current.setFieldValue('email', applicantInfo.email);\r\n paymentLinkEmailRef.current.validateFields(['email']);\r\n }\r\n }\r\n\r\n const [customer, setCustomer] = useState({});\r\n const getApplicantCustomerInfo = (info) => {\r\n setCustomer(info);\r\n }\r\n\r\n const getApplicantInfo = () => {\r\n const temp = applicantRef.current?.handleFields();\r\n return temp;\r\n }\r\n\r\n const insurantInfoChange = () => {\r\n applicantRef.current?.insurantInfoChange();\r\n }\r\n\r\n const insurantInfo = () => {\r\n const temp = insurantRef.current?.handleFields();\r\n return temp;\r\n }\r\n\r\n const getKey = () => {\r\n const key = protectType;\r\n if(key == 'individual') {\r\n return {applicantType: 'I',package: 'I'}\r\n }\r\n if(key == 'family') {\r\n return {applicantType: 'I',package: 'F'}\r\n }\r\n if(key == 'company') {\r\n return {applicantType: 'C',package: 'I'}\r\n }\r\n }\r\n const getReverseKey = (applicantType,premiumPackage) => {\r\n if(applicantType == 'I' && premiumPackage == 'I') {\r\n return 'individual'\r\n }\r\n if(applicantType == 'I' && premiumPackage == 'F') {\r\n return 'family'\r\n }\r\n if(applicantType == 'C' && premiumPackage == 'I') {\r\n return 'company'\r\n }\r\n }\r\n\r\n const emailInit = {\r\n agentEmailAddress: '',\r\n clientEmailAddress: '',\r\n emailLanguage: getCurLang() == 'en' ? 'E' : 'C'\r\n }\r\n const getemailInfo = async () => {\r\n await form.validateFields();\r\n const param = await form.getFieldsValue();\r\n return param;\r\n }\r\n \r\n const [errList, setErrList] = useState([]);\r\n const getBracketValues = (str) => {\r\n const regex = /\\[([^\\]]+)\\]/g; \r\n const matches = str.match(regex);\r\n return matches ? matches.map(match => match.slice(1, -1)) : [];\r\n }\r\n\r\n const nextStep = async () => {\r\n let applicantInfo = await getFromHandleChange();\r\n if(!applicantInfo) return;\r\n if(applicantInfo?.salutation){\r\n applicantInfo.salutation = applicantInfo.salutation == 'M' ? 'MR' : 'MS';\r\n }\r\n if(applicantInfo?.IDtype == 'P') {\r\n applicantInfo.passport = applicantInfo.HKID;\r\n delete applicantInfo.HKID;\r\n }\r\n\r\n let temInsurantInfo = await getTrendsRefHandleChange();\r\n if(!temInsurantInfo) return;\r\n const insurantInfo = temInsurantInfo.map(item => {\r\n return {\r\n ...item,\r\n nDOB: item.nDOB?.format(dateFormatValCN),\r\n passport: item.IDtype == 'P' ? item.HKID : '',\r\n HKID: item.IDtype == 'P' ? '' : item.HKID,\r\n // occupation-UNKN，placeOrigin-HK的value写死\r\n occupation: 'UNKN',\r\n placeOrigin: 'HK'\r\n };\r\n })\r\n\r\n // 虽然隐藏，也要校验 referral link不需要\r\n let emailInfo = await getemailInfo();\r\n if(!emailInfo) return;\r\n \r\n let emailAddress = '';\r\n if(payType == 2) {\r\n const paymentLinkEmailInfo = await paymentLinkEmailRef.current.validateFields();\r\n emailAddress = paymentLinkEmailInfo.email\r\n }\r\n\r\n const params = {\r\n app: {\r\n appNo: appNo,\r\n isPaymentLink: payType == 1 ? false : true, // 付款链接 true 信用卡 false\r\n paymentLinkEmailAddress: emailAddress,\r\n isInsured: insurantInfo[0]?.isInsured,\r\n applicantType: getKey().applicantType, \r\n package: getKey().package,\r\n planCode: travelPlan,\r\n productCode: traveType,\r\n address: {\r\n address01: applicantInfo?.address01,\r\n address02: applicantInfo?.address02,\r\n address03: applicantInfo?.address03,\r\n area: applicantInfo?.area,\r\n district: applicantInfo?.district\r\n },\r\n premium:{\r\n grossPremiumAmount: tabData.planPrice, //原价\r\n productDiscountRate: M,\r\n productDiscountAmount: tabData.productDiscount,\r\n grossPremiumAfterProductDiscount: subtract(tabData.planPrice, tabData.productDiscount),\r\n premiumDiscountAmount: tabData.premiumDiscount, //保费优惠\r\n grossPremiumAfterPremiumDiscount: tabData.grossPAPD,\r\n totalCommissionRate: tabData.commissionRate, //佣金折扣\r\n totalCommissionAmount: tabData.commissionAmount, // 佣金总额\r\n salesDiscountRate: tabData.salesDiscountRate,\r\n salesDiscountAmount: tabData.salesDiscountAmount,\r\n commissionAmount: tabData.commissionAfterSalesDiscount, //扣除銷售折扣後之佣金\r\n customerPayablePremiumAmount: tabData.premiumPayableByCustomer,//客戶應繳保費\r\n netPremiumAmount: tabData.lastNetPremium\r\n },\r\n ...applicantInfo,\r\n appDetail: insurantInfo,\r\n ...emailInfo,\r\n }\r\n }\r\n \r\n try {\r\n LoadBar.show();\r\n const res = await postApplicationSubmit(params);\r\n LoadBar.hide();\r\n navigate(`/${getCurLang()}/comfirm?appNo=${res.data.appNo}&isPaymentLink=${payType}&paymentLinkEmailAddress=${emailAddress}`)\r\n } catch (error) {\r\n console.log('error', error)\r\n const err = error?.data?.errorData;\r\n const errList = err?.map(item => {\r\n if(item.key.includes('appDetail[')){\r\n let fiedKey = item.key.slice(item.key.indexOf('.') + 1);\r\n item.key = ['items', Number(getBracketValues(item.key)[0]), (fiedKey == 'passport' ? 'HKID' : fiedKey)]\r\n }\r\n return item;\r\n })\r\n setErrList(errList);\r\n } finally {\r\n LoadBar.hide();\r\n }\r\n }\r\n\r\n const agentInfo = async () => {\r\n const res = await getAgentInfo();\r\n form.setFieldValue('agentEmailAddress',res.data.agentEmailAddress);\r\n }\r\n\r\n \r\n const [caseTitle,setCaseTitle] = useState('');\r\n const [modalOpen, setModalOpen] = useState(false);\r\n const [modalSavedOpen, setModalSavedOpen] = useState(false);\r\n const savePopup = () => {\r\n setModalOpen(true);\r\n }\r\n\r\n const saveCase = async (caseName) => {\r\n let applicantInfo = applicantRef.current.handleFields();\r\n if(applicantInfo?.salutation){\r\n applicantInfo.salutation = applicantInfo.salutation == 'M' ? 'MR' : 'MS';\r\n }\r\n if(applicantInfo?.IDtype == 'P') {\r\n applicantInfo.passport = applicantInfo.HKID;\r\n delete applicantInfo.HKID;\r\n }\r\n\r\n let temInsurantInfo = insurantRef.current.handleFields();\r\n const insurantInfo = temInsurantInfo.map(item => {\r\n return {\r\n ...item,\r\n nDOB: item.nDOB?.format(dateFormatValCN),\r\n passport: item.IDtype == 'P' ? item.HKID : '',\r\n HKID: item.IDtype == 'P' ? '' : item.HKID\r\n };\r\n })\r\n\r\n let emailInfo = form.getFieldsValue();\r\n\r\n let emailAddress = '';\r\n if(payType == 2) {\r\n const paymentLinkEmailInfo = await paymentLinkEmailRef.current.getFieldsValue();\r\n emailAddress = paymentLinkEmailInfo.email\r\n }\r\n\r\n const params = {\r\n app: {\r\n isPaymentLink: payType == 1 ? false : true, // 付款链接 true 信用卡 false\r\n paymentLinkEmailAddress: emailAddress,\r\n isInsured: insurantInfo[0]?.isInsured,\r\n applicantType: getKey().applicantType, \r\n package: getKey().package,\r\n planCode: travelPlan,\r\n productCode: traveType,\r\n address: {\r\n address01: applicantInfo?.address01,\r\n address02: applicantInfo?.address02,\r\n address03: applicantInfo?.address03,\r\n area: applicantInfo?.area,\r\n district: applicantInfo?.district\r\n },\r\n premium:{\r\n grossPremiumAmount: tabData.planPrice, //原价\r\n productDiscountRate: M,\r\n productDiscountAmount: tabData.productDiscount,\r\n grossPremiumAfterProductDiscount: subtract(tabData.planPrice, tabData.productDiscount),\r\n premiumDiscountAmount: tabData.premiumDiscount, //保费优惠\r\n grossPremiumAfterPremiumDiscount: tabData.grossPAPD,\r\n totalCommissionRate: tabData.commissionRate, //佣金折扣\r\n totalCommissionAmount: tabData.commissionAmount, // 佣金总额\r\n salesDiscountRate: tabData.salesDiscountRate,\r\n salesDiscountAmount: tabData.salesDiscountAmount,\r\n commissionAmount: tabData.commissionAfterSalesDiscount, //扣除銷售折扣後之佣金\r\n customerPayablePremiumAmount: tabData.premiumPayableByCustomer,//客戶應繳保費\r\n netPremiumAmount: tabData.lastNetPremium\r\n },\r\n ...applicantInfo,\r\n appDetail: insurantInfo,\r\n ...emailInfo,\r\n },\r\n appNo: appNo\r\n }\r\n \r\n try {\r\n LoadBar.show();\r\n const res = await applicationSave({...params,caseTitle:caseName,currentFlow:'APPLY'});\r\n setCaseTitle(res.data.caseTitle);\r\n \r\n setDownloadPDFSaved(true);//表示已经存过了（下载pdf用）\r\n\r\n setModalOpen(false);\r\n setModalSavedOpen(true);\r\n } catch (error) {\r\n setDownloadPDFSaved(false);//存失败了（下载pdf用）\r\n console.log('error', error)\r\n } finally {\r\n LoadBar.hide();\r\n }\r\n \r\n }\r\n\r\n const executeMethod = async() => {\r\n LoadBar.show();\r\n try {\r\n await getAppNoInfo(); // 必须先请求\r\n await existClientId();\r\n } catch (error) {\r\n console.log('error', error)\r\n } finally {\r\n LoadBar.hide();\r\n }\r\n }\r\n\r\n const emailRef = useRef(null);\r\n const pleaEmailRef = useRef(null);\r\n const [ceaChange, setCeaChange] = useState(false);\r\n const [pleaChange, setPleaChange] = useState(false);\r\n const [ceaEdit, setCeaEdit] = useState(false);\r\n const [pleaEdit, setPleaEdit] = useState(false);\r\n useEffect(()=>{\r\n if(!ceaEdit) return;\r\n emailRef.current.focus();\r\n },[ceaEdit])\r\n useEffect(()=>{\r\n if(!pleaEdit) return;\r\n pleaEmailRef.current.focus();\r\n },[pleaEdit])\r\n\r\n\r\n\r\n useEffect(()=>{\r\n executeMethod();\r\n },[])\r\n\r\n\r\n return (\r\n \n \n {t(\"quote.Filenumber\")}\n \n \n {appNo}\n \n
\n {t(\"quote.savedTip\")}\n \r\n {\r\n !isMobile && \r\n ,\n className: 'msgErr',\n duration: 3\n }); \n }\n \n }\n }finally{\n LoadBar.hide();\n }\n\n };\n\n const showMPGSLightBox = (content) => {\n console.log('子系統的showMPGSLightBox開啓了')\n const SessionID = content.sessionId;\n const MerchantID = content.merchantId;\n const LangCode = lang === \"en\" ? \"en_us\" : \"zh-hk\"; //\"eng\";lang == \"en\" ? \"en_us\" : \"zh-hk\"; //\"eng\";\n\n Checkout.configure({\n merchant: MerchantID,\n session: {\n id: SessionID,\n },\n interaction: {\n merchant: {\n name: \"Blue Cross\",\n },\n displayControl: {\n paymentConfirmation: \"SHOW\",\n billingAddress: \"HIDE\",\n shipping: \"HIDE\",\n },\n locale: LangCode,\n },\n });\n Checkout.showLightbox();\n\n };\n return (\n <>\n {!isMobile &&
\n );\n};\n\nexport default TagsSelect;\n","import React, { memo, useState } from 'react';\nimport { Modal, Form, Rate, Input, ConfigProvider, Button } from 'antd';\nimport { useTranslation } from 'react-i18next';\nimport finishedImg from '@/assets/img/feedback_finished.png';\nimport TagsSelect from './TagsSelect';\nimport { submitSurvey } from '@/request';\nimport Styles from './index.less';\n\nconst FeedbackModal = memo((props) => {\n const { t } = useTranslation();\n const {\n isOpenModal,\n setIsOpenModal = () => {},\n policyNos,\n } = props;\n const [isFinished, setIsFinished] = useState(false);\n const [validateStatus, setValidateStatus] = useState('');\n const [form] = Form.useForm();\n\n const handleSubmit = async () => {\n const formValues = await form.validateFields();\n if (!formValues) return;\n const { TS01A, TS01B = [], TS01C } = formValues;\n const surveyAnswers = { TS01A: String(TS01A ?? 0), TS01C: TS01C ?? '' };\n TS01B?.forEach((val) => {\n surveyAnswers[val] = '';\n });\n const params = { policyNos, surveyAnswers };\n submitSurvey(params).then((res) => {\n if (res.data) {\n setIsFinished(true);\n }\n });\n };\n\n return (\n \r\n {\r\n !isMobile && \r\n {\r\n setSalesDiscountRate(Number(value));\r\n getSettingHandleChange();\r\n }}\r\n />\r\n\r\n setModalSavedOpen(value)} \r\n setModalOpen={value=>setModalOpen(value)}\r\n saveMethod={saveCase}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default Insure;","import React, { useEffect, useRef, useState } from 'react';\r\nimport { useSearchParams, useNavigate } from 'react-router-dom';\r\nimport { Checkbox, Form, Space } from 'antd';\r\nimport classnames from 'classnames';\r\nimport Styles from './comfirm.less';\r\nimport Tabs from './component/tabs';\r\nimport Footer from './component/footer';\r\nimport { postAreaDistrictDropdownList } from \"@/request\";\r\nimport Download from './component/download';\r\nimport dayjs from 'dayjs';\r\nimport { postApplication, postApplicationConfirm } from '@/request';\r\nimport moment from 'moment';\r\nimport { getCurrentLang, dateFormatVal, dateFormatValCN } from \"@/config/commonUtil\";\r\nimport { postRelationDropdownList,postOccupationDropdownList,postPlaceOfOriginDropdownList,applicationSave } from \"@/request\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport LoadBar from \"@/components/ui/LoadBar/LoadBar\";\r\n\r\nimport TopBar from '@/components/topBar/index.jsx';\r\nimport HeaderHomeAgent from '@/components/HeaderAgent';\r\nimport GlobalLanguage from '@/components/GlobalLanguage';\r\nimport Steps from './component/steps/index';\r\nimport useMediaChange from '@/hooks/useMediaChange';\r\n\r\nimport TempSave from './component/tempSave';\r\nimport { getCurLang, getCurLangField } from '@/utils';\r\n\r\nconst Comfirm = () => {\r\n const { t } = useTranslation();\r\n const lang = getCurrentLang();\r\n const navigate = useNavigate();\r\n const [searchParams] = useSearchParams();\r\n const [isMobile] = useMediaChange();\r\n\r\n const [appNo, setAppNo] = useState(searchParams.get('appNo'));\r\n const [traveType, setTraveType] = useState('');\r\n const [protectType, setProtectType] = useState('');\r\n const [packAge, setPackAge] = useState('');\r\n const [tabData, setTabData] = useState({});\r\n const [details, setDetails] = useState({});\r\n const protocol01 = useRef(null);\r\n const protocol02 = useRef(null);\r\n const protocol03 = useRef(null);\r\n\r\n const tabsRef = useRef(null);\r\n const [downloadPDFSaved, setDownloadPDFSaved] = useState(false);//每次下载pdf之前都要save一下\r\n\r\n const [form] = Form.useForm();\r\n\r\n /** ref for downloading pdf */\r\n const downloadRef = useRef(null);\r\n /** 借鉴填用户信息页面的逻辑 */\r\n const getDownloadHandleChange = () => {\r\n downloadRef.current?.handleChange();\r\n }\r\n\r\n const getKey = () => {\r\n if(protectType == 'I' && packAge == 'I') {\r\n return 'individual'\r\n }\r\n if(protectType == 'I' && packAge == 'F') {\r\n return 'family'\r\n }\r\n if(protectType == 'C' && packAge == 'I') {\r\n return 'company'\r\n }\r\n }\r\n\r\n const getTypeKey = (pt,pa) => {\r\n if(pt == 'I' && pa == 'I') {\r\n return 'individual'\r\n }\r\n if(pt == 'I' && pa == 'F') {\r\n return 'family'\r\n }\r\n if(pt == 'C' && pa == 'I') {\r\n return 'company'\r\n }\r\n }\r\n \r\n const [orderInfo, setOrderInfo] = useState({});\r\n const [areaList, setAreaList] = useState([]);\r\n const [relationList, setRelationList] = useState([]);\r\n const [occupationList, setOccupationList] = useState([]);\r\n const [originList, setOriginList] = useState([]);\r\n const getInfo = async () => {\r\n try {\r\n LoadBar.show();\r\n const res = await postApplication({appNo:appNo});\r\n\r\n const res1 = await postAreaDistrictDropdownList({ language: lang });\r\n setAreaList(res1.data);\r\n\r\n const res2 = await postRelationDropdownList({\r\n language: getCurLang(),\r\n applicantType: res.data.applicant.applicantType,\r\n package: res.data.premiumPackage\r\n });\r\n setRelationList(res2.data);\r\n \r\n const res3 = await postOccupationDropdownList({language: getCurLang()});\r\n setOccupationList(res3.data);\r\n\r\n const res4 = await postPlaceOfOriginDropdownList({language: getCurLang()});\r\n setOriginList(res4.data);\r\n\r\n const data = res.data\r\n const premium = res.data.premium\r\n setTraveType(res.data.productCode);\r\n setProtectType(res.data.applicant.applicantType);\r\n setPackAge(res.data.premiumPackage);\r\n // 回填\r\n setCaseTitle(res.data.caseTitle);\r\n if(res.data.isOptoutPromotion1) {\r\n form.setFieldValue('isOptoutPromotion1',res.data.isOptoutPromotion1);\r\n }\r\n if(res.data.isOptoutPromotion3) {\r\n form.setFieldValue('isOptoutPromotion2',res.data.isOptoutPromotion3);\r\n }\r\n if(res.data.isDeclarationApplicant) {\r\n form.setFieldValue('isDeclarationApplicant',res.data.isDeclarationApplicant);\r\n }\r\n // if(res.data.isDeclarationAgent) {\r\n // form.setFieldValue('isDeclarationAgent',res.data.isDeclarationAgent);\r\n // }\r\n setOrderInfo({...data});\r\n setDetails({...data});\r\n console.log('===',{...data});\r\n\r\n // tab计算\r\n let beginDate = '';\r\n let endDate = '';\r\n \r\n if(res.data.productCode == 'AST') {\r\n beginDate = moment(data?.policyEffectFrom).format(dateFormatValCN);\r\n endDate = moment(data?.policyEffectTo).format(dateFormatValCN);\r\n }\r\n if(res.data.productCode == 'AAT') {\r\n beginDate = moment(data?.policyEffectDate).format(dateFormatValCN);\r\n endDate = moment(data?.policyEffectDate).subtract(1, 'day').add(1, 'year')?.format(dateFormatValCN);\r\n }\r\n \r\n let temOjb = {\r\n grossPAPD: premium?.grossPremiumAfterPremiumDiscount, // 扣除產品折扣後之毛保費\r\n commissionRate: premium?.totalCommissionRate, // 佣金率\r\n commissionAmount: premium?.totalCommissionAmount, // 佣金總額\r\n salesDiscountRate: premium?.salesDiscountRate, // 銷售折扣\r\n salesDiscountAmount: premium?.salesDiscountAmount, // 銷售折扣金額\r\n commissionAfterSalesDiscount: premium?.commissionAmount, // 扣除銷售折扣後之佣金\r\n premiumPayableByCustomer: premium?.customerPayablePremiumAmount, // 客戶應繳保費\r\n lastNetPremium: premium?.netPremiumAmount, // 淨保費\r\n \r\n planName: data?.planID, // 環球計劃1\r\n planPrice: premium?.grossPremiumAmount, // 環球計劃1价格\r\n premium : premium?.grossPremiumAfterProductDiscount, // 保費\r\n productDiscount: premium?.productDiscountAmount, // 產品優惠\r\n premiumDiscount: premium?.premiumDiscountAmount, // 保費優惠\r\n salesDiscounts: premium?.salesDiscountAmount, // 銷售折扣金额\r\n // 保費 == 客戶應繳保費\r\n \r\n // planName: '', // 環球計劃1\r\n protectionCategory: data?.productCode, // 保障類別\r\n insuredType: getTypeKey(res.data.applicant.applicantType,res.data.premiumPackage), // 受保类型\r\n numberOfInsuredPersons: data?.insuredList?.length, // 受保人數\r\n travelStartDate: beginDate, // 旅程开始日期\r\n travelEndDate: endDate, // 旅程结束日期\r\n // premium: '', // 保費\r\n journeyType: res?.data?.journeyType,\r\n planID: res?.data?.planID\r\n }\r\n setTabData(temOjb);\r\n } catch (error) {\r\n console.log('error', error)\r\n } finally {\r\n LoadBar.hide();\r\n }\r\n }\r\n \r\n const getFields = () => {\r\n const typeName = getKey();\r\n let AST_INDIVIDUAL = traveType == 'AST' && typeName == 'individual' ? true : false; // 单次个人\r\n let AST_FAMILY = traveType == 'AST' && typeName == 'family' ? true : false; // 单次家庭\r\n let AST_COMPANY = traveType == 'AST' && typeName == 'company' ? true : false; // 单次公司\r\n\r\n let AAT_INDIVIDUAL = traveType == 'AAT' && typeName == 'individual' ? true : false; // 全年个人\r\n let AAT_FAMILY = traveType == 'AAT' && typeName == 'family' ? true : false; // 全年家庭\r\n let AAT_COMPANY = traveType == 'AAT' && typeName == 'company' ? true : false; // 全年公司\r\n\r\n let fields = {\r\n surName: AST_INDIVIDUAL || AST_FAMILY || AAT_INDIVIDUAL || AAT_FAMILY,\r\n givenName: AST_INDIVIDUAL || AST_FAMILY || AAT_INDIVIDUAL || AAT_FAMILY,\r\n salutation: AST_INDIVIDUAL || AST_FAMILY || AAT_INDIVIDUAL || AAT_FAMILY,\r\n IDtype: AST_INDIVIDUAL || AST_FAMILY || AAT_INDIVIDUAL || AAT_FAMILY,\r\n HKID: AST_INDIVIDUAL || AST_FAMILY || AAT_INDIVIDUAL || AAT_FAMILY,\r\n companyName: AST_COMPANY || AAT_COMPANY,\r\n contactNo: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n email: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n address01: AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n address02: AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n address03: AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n area: AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n district: AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY\r\n }\r\n return fields;\r\n }\r\n const getListFields = (index) => {\r\n const typeName = getKey();\r\n let AST_INDIVIDUAL = traveType == 'AST' && typeName == 'individual' ? true : false; // 单次个人\r\n let AST_FAMILY = traveType == 'AST' && typeName == 'family' ? true : false; // 单次家庭\r\n let AST_COMPANY = traveType == 'AST' && typeName == 'company' ? true : false; // 单次公司\r\n\r\n let AAT_INDIVIDUAL = traveType == 'AAT' && typeName == 'individual' ? true : false; // 全年个人\r\n let AAT_FAMILY = traveType == 'AAT' && typeName == 'family' ? true : false; // 全年家庭\r\n let AAT_COMPANY = traveType == 'AAT' && typeName == 'company' ? true : false; // 全年公司\r\n\r\n let fields = {\r\n isInsured: index == 0 && (AST_INDIVIDUAL || AST_FAMILY || AAT_INDIVIDUAL || AAT_FAMILY),\r\n surname: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n givenname: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n gender: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n nDOB: AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n age: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY,\r\n occupation: false,\r\n placeOrigin: false,\r\n IDtype: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n HKID: AST_INDIVIDUAL || AST_FAMILY || AST_COMPANY || AAT_INDIVIDUAL || AAT_FAMILY || AAT_COMPANY,\r\n additionalPA: (AAT_INDIVIDUAL && (details?.insuredList[index]?.relationship == 'SPOU' || details?.insuredList[index]?.relationship == 'SELF')) || AAT_FAMILY || AAT_COMPANY\r\n }\r\n return fields;\r\n }\r\n \r\n\r\n const getTitle = (index) => {\r\n // 成人\r\n if(details?.insuredList[index]?.insuredType == 'Adult') {\r\n return `${t('apply.adult')}-${index+1}`;\r\n }\r\n // 小童\r\n if(details?.insuredList[index]?.insuredType == 'Child') {\r\n let childIndex = 0;\r\n const childData = details?.insuredList?.filter(item => item.insuredType == 'Child');\r\n for(let i=0; childData.length > i; i++) {\r\n if(childData[i].seq == details?.insuredList[index]?.seq){\r\n childIndex = i;\r\n }\r\n }\r\n return `${t('apply.child')}-${childIndex+1}`;\r\n }\r\n // 長者\r\n if(details?.insuredList[index]?.insuredType == 'Elderly') {\r\n let elderlyIndex = 0;\r\n const elderlyData = details?.insuredList?.filter(item => item.insuredType == 'Elderly');\r\n for(let i=0; elderlyData.length > i; i++) {\r\n if(elderlyData[i].seq == details?.insuredList[index]?.seq){\r\n elderlyIndex = i;\r\n }\r\n }\r\n return `${t('apply.elderly')}-${elderlyIndex+1}`;\r\n }\r\n }\r\n\r\n const confirmSubmit = async () => {\r\n const fieldsValue = await form.validateFields().then(value=>{\r\n return value;\r\n }).catch(error=>{\r\n return error;\r\n })\r\n\r\n const errorFields = fieldsValue?.errorFields;\r\n if(errorFields?.length) {\r\n window.$wujie?.bus.$emit(\"scrollToElementIdAction\", errorFields[0].name[0]);\r\n form.scrollToField(errorFields[0].name[0]);\r\n return;\r\n }\r\n\r\n try {\r\n LoadBar.show();\r\n const res = await postApplicationConfirm({\r\n appNo: appNo,\r\n isPaymentLink: orderInfo?.isPaymentLink,\r\n paymengLinkEmailAddress: searchParams.get('paymengLinkEmailAddress'),\r\n isOptoutPromotion1: form.getFieldsValue().isOptoutPromotion1 ? true : false,\r\n isOptoutPromotion3: form.getFieldsValue().isOptoutPromotion2 ? true : false,\r\n isDeclarationApplicant: form.getFieldsValue().isDeclarationApplicant,\r\n // isDeclarationAgent: form.getFieldsValue().isDeclarationAgent\r\n });\r\n LoadBar.hide();\r\n const paymentCaseNo = res.data.paymentCaseNo;\r\n if(paymentCaseNo && orderInfo?.isPaymentLink) {\r\n navigate(`/${getCurLang()}/paySend?appNo=${appNo}&paymentCaseNo=${paymentCaseNo}`);\r\n return;\r\n }\r\n navigate(`/${getCurLang()}/pay?appNo=${appNo}`);\r\n } catch(error) {\r\n console.log('error', error)\r\n }\r\n \r\n }\r\n\r\n const checkISDESLARATIONAPPLICANT = (rule,value,callback) =>{\r\n if(!value) {\r\n return new Promise((resolve,reject)=>{\r\n reject(t(\"confirm.mustCheckWording\"));\r\n })\r\n }\r\n return new Promise((resolve,reject)=>{\r\n resolve();\r\n })\r\n }\r\n\r\n const linkAddress = async (event,url) => {\r\n event.preventDefault();\r\n if(url){\r\n window.open(url);\r\n }\r\n }\r\n\r\n const [caseTitle,setCaseTitle] = useState('');\r\n const [modalOpen, setModalOpen] = useState(false);\r\n const [modalSavedOpen, setModalSavedOpen] = useState(false);\r\n const savePopup = () => {\r\n setModalOpen(true);\r\n }\r\n\r\n const saveCase = async (caseName) => {\r\n try {\r\n const res = await applicationSave({\r\n caseTitle:caseName,\r\n currentFlow:'PREVIEW',\r\n appNo: appNo,\r\n isPaymentLink: orderInfo?.isPaymentLink,\r\n paymengLinkEmailAddress: searchParams.get('paymengLinkEmailAddress'),\r\n isOptoutPromotion1: form.getFieldsValue().isOptoutPromotion1,\r\n isOptoutPromotion3: form.getFieldsValue().isOptoutPromotion2,\r\n isDeclarationApplicant: form.getFieldsValue().isDeclarationApplicant,\r\n // isDeclarationAgent: form.getFieldsValue().isDeclarationAgent\r\n });\r\n setDownloadPDFSaved(true);//表示已经存过了（下载pdf用）\r\n \r\n setCaseTitle(res.data.caseTitle);\r\n setModalOpen(false);\r\n setModalSavedOpen(true);\r\n } catch (error) {\r\n setDownloadPDFSaved(false);//存失败了（下载pdf用）\r\n console.log(error)\r\n } finally {\r\n\r\n }\r\n }\r\n \r\n useEffect(()=>{\r\n getInfo();\r\n },[])\r\n \r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {\r\n isMobile &&\r\n <>\r\n
\r\n \r\n\r\n\r\n {\r\n tabsRef.current.openModal();\r\n }}>\r\n \r\n {t('apply.previousStep')}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n {\r\n !isMobile &&\r\n \r\n
\r\n {\r\n tabsRef.current.openModal();\r\n }}>\r\n \r\n {t('apply.previousStep')}\r\n
\r\n }\r\n {t(\"apply.person\")}
\r\n {t(\"apply.applicantDetails\")}
\r\n \r\n
\r\n \r\n
\r\n {t(\"apply.insuredTravelerDetails\")}
\r\n \r\n calcGrossPremium({\r\n premiumList: premiumData,\r\n productCode: appNoDetails?.productCode, \r\n planCode: appNoDetails?.planID,\r\n startDate: appNoDetails?.policyEffectFrom, \r\n endDate: appNoDetails?.policyEffectTo, \r\n shelves: value,\r\n adult: appNoDetails?.adult,\r\n elderly: appNoDetails?.elderly,\r\n child: appNoDetails?.child\r\n })}\r\n changeMethod={insurantInfoChange}\r\n getApplicantInfo={getApplicantInfo}\r\n detailCustomer={customer}\r\n traveType={traveType}\r\n protectType ={protectType} \r\n peopleCount={peopleCount}\r\n childCount={childCount}\r\n elderlyCount={elderlyCount}\r\n appNoDetails={appNoDetails} // 申请单详情对象，做数据回显\r\n relationList={relationList}\r\n occupationList={occupationList}\r\n originList={originList}\r\n errList={errList} //提交报错response\r\n travelPlan={travelPlan}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setCeaEdit(false)}\r\n className={Styles.formInput}\r\n suffix={(!ceaEdit && !ceaChange) && {\r\n setCeaEdit(true);\r\n setCeaChange(true);\r\n }}>}\r\n />\r\n \r\n
\r\n \r\n \r\n {t(\"apply.en\")} \r\n {t(\"apply.zh\")} \r\n \r\n \r\n \r\n
\r\n {t(\"apply.emailOptions\")}
\r\n \r\n
\r\n {t(\"apply.paymentMethod\")}
\r\n \r\n
\r\n setPayType(1)}>\r\n
\r\n {/* \r\n
\r\n \r\n
\r\n \r\n {\r\n payType == 1 &&
\r\n {t(\"apply.peyMethodWord\")}
\r\n setPayType(2)}>\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n payType != 1 &&
\r\n {t(\"apply.payByLian\")}
\r\n \r\n
\r\n {/* 接受保單正本之電郵地址被点击过(点击即算编辑) */}\r\n {/* \r\n \r\n
\r\n \r\n {t(\"apply.peyMethodWordRemark1\")}
{t(\"apply.peyMethodWordRemark2\")} \r\n
\r\n {t(\"apply.peyMethodWordRemark2\")} \r\n
*/}\r\n
\r\n \r\n \r\n \r\n \r\n setCeaEdit(false)}\r\n className={Styles.formInput}\r\n suffix={(!pleaEdit && !pleaChange) && {\r\n setPleaEdit(true);\r\n setPleaChange(true);\r\n }}>}\r\n placeholder={t(\"apply.EmailAddress\")} \r\n />\r\n \r\n \r\n
\r\n {t(\"apply.errorMessage.email\")}
\r\n \r\n {\r\n !isMobile && setModalSavedOpen(value)} \r\n setModalOpen={value=>setModalOpen(value)}\r\n saveMethod={saveCase}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default Comfirm;","import React from \"react\";\nimport Styles from \"./index.less\";\nimport PropTypes from 'prop-types';\nimport { useTranslation } from \"react-i18next\";\nconst Progress = (details) => {\n const { detailsPay } = details;\n const { t } = useTranslation();\n return (\n \r\n {\r\n !isMobile &&\r\n
\r\n\r\n {/* 下载pdf 的Modal */}\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {\r\n isMobile && \r\n <>\r\n
\r\n {\r\n tabsRef.current.openModal();\r\n }}>\r\n \r\n {t('apply.previousStep')}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n {\r\n !isMobile && \r\n \r\n
\r\n {\r\n tabsRef.current.openModal();\r\n }}>\r\n \r\n {t('apply.previousStep')}\r\n
\r\n }\r\n {t(\"confirm.confirmation\")}
\r\n \r\n
\r\n\r\n {t(\"confirm.subscriberInfo\")}
\r\n \r\n {\r\n getFields().surName && \r\n
\r\n \r\n {\r\n getFields().IDtype && \r\n \r\n {t(\"confirm.surname\")}\r\n {details?.applicant?.surname_Eng}\r\n
\r\n }\r\n {\r\n getFields().givenName && \r\n \r\n {t(\"confirm.name\")}\r\n {details?.applicant?.givenName_Eng}\r\n
\r\n }\r\n {\r\n getFields().salutation && \r\n \r\n {t(\"confirm.gender\")}\r\n {details?.applicant?.salutation == 'MR' ? t(\"confirm.male\"):t(\"confirm.female\")}\r\n
\r\n }\r\n \r\n
\r\n }\r\n\r\n {\r\n getFields().companyName &&\r\n \r\n {t(\"confirm.idcard\")}\r\n {details?.applicant?.passport ? t(\"confirm.passport\") : t(\"confirm.hkid\")}\r\n
\r\n \r\n \r\n {details?.applicant?.passport ? details?.applicant?.passport : details?.applicant?.hkid}\r\n
\r\n \r\n
\r\n }\r\n \r\n {t(\"confirm.companyInfo\")}\r\n {details?.applicant?.companyName}\r\n
\r\n \r\n {\r\n getFields().contactNo &&\r\n
\r\n {\r\n (getFields().address01 || getFields().address02 || getFields().address03) &&\r\n \r\n {t(\"confirm.phoneNumber\")}\r\n {details?.applicant?.contactNo}\r\n
\r\n }\r\n { \r\n getFields().email && \r\n \r\n {t(\"confirm.emailAddress\")}\r\n {details?.applicant?.emailAddr}\r\n
\r\n }\r\n \r\n
\r\n }\r\n \r\n {t(\"confirm.correspondenceAddress\")}\r\n
\r\n \r\n {details?.address?.address01 && {details?.address?.address01}}\r\n {details?.address?.address02 && {details?.address?.address02}}\r\n {details?.address?.address03 && {details?.address?.address03}}\r\n \r\n {\r\n (areaList.filter(e=>e.value == details?.address?.area))[0]?.[getCurLangField('text')]\r\n }\r\n /\r\n {\r\n (areaList.filter(e=>e.value == details?.address?.area))[0]?.children.filter(e=>e.value == details?.address?.district)[0]?.[getCurLangField('text')]\r\n }\r\n \r\n
\r\n \r\n
\r\n {t(\"confirm.insuredInfo\")}
\r\n {\r\n details?.insuredList?.map((item,index)=>{\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n {getTitle(index)}
\r\n \r\n {\r\n getListFields().surname && \r\n
\r\n \r\n {t(\"confirm.surname\")}\r\n {item?.surname || item?.insuredSurname}\r\n
\r\n }\r\n {\r\n getListFields().givenname && \r\n \r\n {t(\"confirm.name\")}\r\n {item?.givename || item?.insuredGivenName}\r\n
\r\n }\r\n \r\n {\r\n getListFields().gender &&\r\n
\r\n \r\n {t(\"confirm.gender\")}\r\n {(item?.salutation || item?.gender) == 'M' ? t(\"confirm.male\") : t(\"confirm.female\")}\r\n
\r\n }\r\n {\r\n getListFields().nDOB &&\r\n \r\n {t(\"confirm.dateOfBirth\")}\r\n\r\n {moment(item?.dateofBirth)?.format('DD/MM/YYYY')}\r\n
\r\n }\r\n {\r\n getListFields().age &&\r\n \r\n {t(\"confirm.age\")}\r\n {item?.age}\r\n
\r\n }\r\n \r\n \r\n {\r\n getListFields().IDtype &&\r\n
\r\n {\r\n item?.additionalPABenefit > 0 &&\r\n \r\n {t(\"confirm.idcard\")}\r\n {item?.identityType == 'P' ? t(\"confirm.passport\") : t(\"confirm.hkid\")}\r\n
\r\n }\r\n \r\n {\r\n getListFields().HKID &&\r\n \r\n \r\n {item?.identityNo}\r\n
\r\n }\r\n \r\n
\r\n }\r\n \r\n {t(\"confirm.addPremium\")}\r\n {item?.additionalPABenefit * 500000}\r\n
\r\n \r\n
\r\n {t(\"confirm.paymentMethod\")}
\r\n {\r\n !orderInfo?.isPaymentLink &&\r\n <>\r\n {t(\"confirm.payMethodWord\")}
\r\n {t(\"confirm.payMethodWordRemark\")}
\r\n \r\n }\r\n {\r\n orderInfo?.isPaymentLink &&\r\n {t(\"confirm.isPaymentLinkRemark\")}
\r\n }\r\n \r\n
\r\n {t(\"confirm.clientInsured\")}
\r\n \r\n
\r\n \r\n {t(\"confirm.agentEmail\")}\r\n {details?.notifyAgentEmail}\r\n
\r\n \r\n {t(\"confirm.clientEmail\")}\r\n {details?.notifyCustomerEmail}\r\n
\r\n \r\n
\r\n \r\n {t(\"confirm.emailLanguage\")}\r\n {details?.notifyEmailLang == 'E' ? t(\"confirm.en\"):t(\"confirm.zh\")}\r\n
\r\n \r\n
\r\n {t(\"confirm.optDeclaration\")}
\r\n \r\n {/*
\r\n 緊貼我們的精彩動態，以便接收藍十字及友邦保險集團內其他公司的最新推廣資訊如優惠、折扣、獎賞計劃、全新服務及其他推廣信息！我們希望使用您的個人資料作直接促銷的用途，但若您不同意藍十字及/或友邦保險集團內其他公司使用及/或提供您的個人資料作直接促銷的用途，請在下面相關的方格內打「✓」號以表示您不同意：
*/}\r\n{t(\"confirm.optDeclaration1\")}
\r\n\r\n \r\n \r\n {t(\"confirm.optDeclaration2Part1\")}linkAddress(e, 'https://wt02.bluecross.com.hk/shared/general/PICS_bcaia.pdf')} >{t(\"confirm.optDeclaration2Part2\")}{t(\"confirm.optDeclaration2Part3\")} \r\n \r\n \r\n {t(\"confirm.optDeclaration3Part1\")}linkAddress(e,'https://wt02.bluecross.com.hk/shared/general/PICS_bcaia.pdf')}>{t(\"confirm.optDeclaration3Part2\")}{t(\"confirm.optDeclaration3Part3\")} \r\n \r\n \r\n
\r\n \r\n {t(\"confirm.optDeclaration4\")}\r\n
\r\n \r\n
\r\n {/* {t(\"confirm.applicantDeclaration\")}
\r\n \r\n
\r\n {t(\"confirm.applicantDeclarationContentTitle\")}
\r\n1.{t(\"confirm.applicantDeclarationContent11\")}linkAddress(e, lang === 'en' ? PRODUCT_LEAFLET_EN : PRODUCT_LEAFLET_ZH)} className={Styles.link}>{t(\"confirm.applicantDeclarationContent12\")}{t(\"confirm.applicantDeclarationContent13\")}linkAddress(e, PREVIEW_TERMS_CONDITIONS)} className={Styles.link}>{t(\"confirm.applicantDeclarationContent14\")}
\r\n {\r\n traveType == 'AAT' && \r\n <>\r\n2.{t(\"confirm.applicantDeclarationContent2\")}
\r\n3.{t(\"confirm.applicantDeclarationContent3\")}
\r\n4.{t(\"confirm.applicantDeclarationContent4\")}
\r\n \r\n }\r\n \r\n{traveType == 'AAT' ? 5 : 2}.{t(\"confirm.applicantDeclarationContent5\")}
\r\n{traveType == 'AAT' ? 6 : 3}.{t(\"confirm.applicantDeclarationContent6\")}
\r\n{traveType == 'AAT' ? 7 : 4}.{t(\"confirm.applicantDeclarationContent7\")}
\r\n{traveType == 'AAT' ? 8 : 5}.{t(\"confirm.applicantDeclarationContent81\")}linkAddress(e, PERSON_INFO_COLLECT_STATEMENT)} className={Styles.link}>{t(\"confirm.applicantDeclarationContent82\")}{t(\"confirm.applicantDeclarationContent83\")}
\r\n {\r\n getKey() == 'company' &&\r\n `${traveType == 'AAT' ? 9 : 6}.${t(\"confirm.agentDeclarationContent8_2\")}`\r\n }\r\n {\r\n (getKey() == 'individual' && !details?.applicant?.passport) && \r\n `${traveType == 'AAT' ? 9 : 6}.${t(\"confirm.agentDeclarationContent8\")}`\r\n }\r\n {\r\n (getKey() == 'individual' && details?.applicant?.passport) && \r\n `${traveType == 'AAT' ? 9 : 6}.${t(\"confirm.agentDeclarationContent8_1\")}`\r\n }\r\n\r\n \r\n \r\n {t(\"confirm.applicantDeclarationContent1\")} \r\n \r\n \r\n
\r\n \r\n
\r\n */}\r\n \r\n {t(\"confirm.agentDeclaration\")}
\r\n \r\n
\r\n {t(\"confirm.agentDeclarationContentTitle\")}
\r\n1.{t(\"confirm.agentDeclarationContent1\")}
\r\n2.{t(\"confirm.agentDeclarationContent2\")}
\r\n3.{t(\"confirm.agentDeclarationContent3\")}
\r\n4.{t(\"confirm.agentDeclarationContent4\")}
\r\na){t(\"confirm.agentDeclarationContent41\")}
\r\nb){t(\"confirm.agentDeclarationContent42\")}
\r\n5.{t(\"confirm.agentDeclarationContent5\")}
\r\n6.{t(\"confirm.agentDeclarationContent6\")}
\r\n\r\n \r\n \r\n {t(\"confirm.agentDeclarationContent7\")} \r\n \r\n \r\n
\r\n \n
\n \n )\n}\n// propTypes 定义 \nProgress.propTypes = {\n details: PropTypes.any,\n };\n \nexport default Progress;","import React, { useState, useEffect } from \"react\";\nimport Styles from \"./index.less\";\nimport PropTypes from \"prop-types\";\nimport dayjs from \"dayjs\";\nimport { useTranslation } from \"react-i18next\";\nimport { getCurLangField } from '@/utils';\nimport { fetchProductsPlan } from '@/pages/home/service';\n\nconst payMsg = (details) => {\n const { t } = useTranslation();\n const { detailsPay } = details;\n const insureType = () => {\n //applicantType==='I' premiumPackage==='I' 個人\n //applicantType==='I' premiumPackage==='F' 家庭\n //applicantType==='C' premiumPackage==='I' 公司\n if (detailsPay.applicant?.applicantType === \"I\") {\n if (detailsPay.premiumPackage === \"I\") {\n return t(\"pay.individual\");\n } else {\n return t(\"pay.family\");\n }\n } else {\n if (detailsPay.premiumPackage === \"I\") {\n return t(\"pay.company\");\n }\n }\n };\n\n const [plans, setPlans] = useState([]);\n const getPlans = async () => {\n const res = await fetchProductsPlan({});\n setPlans(res?.data);\n }\n const getPlanName = (type, id) => {\n const list = plans?.filter(v => v.productCode == type);\n const p = list?.[0]?.plans?.filter(v => v.planCode == id);\n return p?.[0]?.[getCurLangField('planName')];\n }\n useEffect(()=>{\n getPlans();\n },[])\n \n return (\n <>\n \n
\n {t('pay.currentlyInsured')}
\n {t('pay.productName')}
\n {t('pay.premium')}
\n \n HK$\n {/* 需要保留2位小数，不用计算的话直接使用toFixed不会存在一分钱问题 */}\n {(detailsPay.premium?.customerPayablePremiumAmount)?.toFixed(2)}\n {/* .50 */}\n
\n {t('pay.payTip')}
\n \n
\n \n );\n};\n// propTypes 定义\npayMsg.propTypes = {\n details: PropTypes.any,\n};\n\nexport default payMsg;\n","import React, { useState, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport classnames from \"classnames\";\nimport Progress from \"./component/progress\";\nimport PayMsg from \"./component/payMsg\";\nimport Styles from \"./styles.less\";\nimport { useNavigate } from \"react-router-dom\";\nimport { getMPGSSessionId, getPayDetails, toPolicyNumber } from '@/request/index';\nimport { useSearchParams } from 'react-router-dom';\nimport { getCurrentLang } from \"@/config/commonUtil\";\nimport LoadBar from \"@/components/ui/LoadBar/LoadBar\";\nimport TopBar from '@/components/topBar/index.jsx';\nimport Steps from '../insure/component/steps/index';\nimport useMediaChange from '@/hooks/useMediaChange';\nimport ErrorCode500 from '@/components/errorCode500';\nimport { message } from \"antd\";\n\n\nconst Payment = () => {\n //pay 相關\n const { t } = useTranslation();\n const lang = getCurrentLang();\n const [searchParams] = useSearchParams();\n const navigate = useNavigate();\n const [appNo] = useState(searchParams.get('appNo') || '');\n const [detailsPay, setDetailsPay] = useState('');\n const [isMobile] = useMediaChange();\n const wujieStatus = window.__POWERED_BY_WUJIE__ ? true : false;\n\n\n //獲取付款詳情\n const getPayDetailsFunc = async (appNo) => {\n const qs = await getPayDetails({ appNo });\n if (qs.status === 200) {\n setDetailsPay(qs.data);\n }\n };\n useEffect(() => {\n //獲取付款詳情\n getPayDetailsFunc(appNo);\n }, []);\n\n\n const handleNext = () => {\n console.log(\"handleNext\");\n LoadBar.show();\n getMPGSSessionIdAction();\n };\n\n const handleBack = () => {\n console.log(\"handleBack\");\n navigate(`/${lang}/comfirm?appNo=${appNo}`);\n };\n // get TransNo Action\n const getMPGSSessionIdAction = async () => {\n const dataArr = {\n appNo,\n language: lang,\n payAmount: detailsPay?.premium?.customerPayablePremiumAmount,\n };\n \n try {\n const res = await getMPGSSessionId(dataArr);\n if (res.status === 200) {\n console.log('travel-itemMPGSSessionId獲取成功了')\n if (res.data?.paid&&res.data?.policyNo) {\n navigate(`/${lang}/insureStatus?status=${true}&appNo=${appNo}&agentFlowPolicyNo=${res.data?.policyNo}`);\n return \n }else{\n LoadBar.hide();\n //改爲父組件調用\n console.log(wujieStatus, 'wujieStatus')\n if (wujieStatus&&res.data&&!res.data?.policyNo) {\n console.log(\n '子系統發送支付信息 -triggerShowMPGSLightBox'\n )\n window.$wujie?.bus.$emit(\"dependencyTrigger\", true);\n window.$wujie?.bus.$emit(\"triggerShowMPGSLightBox\", res.data);\n } else {\n \n showMPGSLightBox(res.data);\n }\n }\n \n } else {\n LoadBar.hide();\n }\n }catch(error){\n LoadBar.hide();\n if(error.status===500) {\n LoadBar.hide();\n console.log(error.data, 'error.data')\n if(error.data?.errorData[0]?.key==='MPGS001'||error.data?.errorData[0]?.key==='MPGS002'||error.data?.errorData[0]?.key==='MPGS003'){\n message.error({\n content: lang==='zh'?error.data?.errorData[0]?.value?.ErrorMessageCN:error.data?.errorData[0]?.value?.ErrorMessage,\n className: 'msgErr',\n duration: 6, \n }); \n }else{\n message.error({\n content: \n
\n \n {\n detailsPay?.productCode == 'AAT' && t(\"pay.YearRound\")\n }\n {\n (detailsPay?.productCode == 'AST' && detailsPay?.journeyType == 'OneWay') && t(\"pay.OneWayCoverage\")\n }\n {\n (detailsPay?.productCode == 'AST' && detailsPay?.journeyType == 'RoundTrip') && t(\"pay.RoundTripCoverage\")\n }\n
\n\n {insureType()}\n {\" - \"}\n {`${detailsPay.insuredList?.length}`}\n {\" | \"}\n {/* {dayjs(detailsPay.policyEffectFrom).format(\"DD/MM/YYYY\")}\n {\" - \"}\n {dayjs(detailsPay.policyEffectTo).format(\"DD/MM/YYYY\")} */}\n {detailsPay?.productCode === 'AAT' && <>{dayjs(detailsPay.policyEffectDate).format('DD/MM/YYYY')}\n {' - '}\n {dayjs(detailsPay.policyEffectDate).add(1, 'year').subtract(1, 'day').format('DD/MM/YYYY')}\n }\n {detailsPay?.productCode === 'AST' && <>{dayjs(detailsPay.policyEffectFrom).format('DD/MM/YYYY')}\n {' - '}\n {dayjs(detailsPay.policyEffectTo).format('DD/MM/YYYY')}\n {' '}\n }\n {t(\"pay.total1\")}\n {detailsPay?.productCode === 'AAT'?365:detailsPay.coverDays}{t(\"pay.total2\")}{\" | \"}\n {getPlanName(detailsPay?.productCode, detailsPay.planID)}\n
\n\n
\n {t('pay.totalAmount')}
\n \n HK$\n \n {/* 需要保留2位小数，不用计算的话直接使用toFixed不会存在一分钱问题 */}\n {(detailsPay.premium?.customerPayablePremiumAmount)?.toFixed(2)}\n \n
\n \n
\n\n \n )\n\n}\nexport default Payment;","// This icon file is generated automatically.\nvar StarFilled = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z\" } }] }, \"name\": \"star\", \"theme\": \"filled\" };\nexport default StarFilled;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\nimport * as React from 'react';\nimport StarFilledSvg from \"@ant-design/icons-svg/es/asn/StarFilled\";\nimport AntdIcon from \"../components/AntdIcon\";\nvar StarFilled = function StarFilled(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {\n ref: ref,\n icon: StarFilledSvg\n }));\n};\nif (process.env.NODE_ENV !== 'production') {\n StarFilled.displayName = 'StarFilled';\n}\nexport default /*#__PURE__*/React.forwardRef(StarFilled);","import React from 'react';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport classNames from 'classnames';\nfunction Star(props, ref) {\n var disabled = props.disabled,\n prefixCls = props.prefixCls,\n character = props.character,\n characterRender = props.characterRender,\n index = props.index,\n count = props.count,\n value = props.value,\n allowHalf = props.allowHalf,\n focused = props.focused,\n onHover = props.onHover,\n onClick = props.onClick;\n // =========================== Events ===========================\n var onInternalHover = function onInternalHover(e) {\n onHover(e, index);\n };\n var onInternalClick = function onInternalClick(e) {\n onClick(e, index);\n };\n var onInternalKeyDown = function onInternalKeyDown(e) {\n if (e.keyCode === KeyCode.ENTER) {\n onClick(e, index);\n }\n };\n // =========================== Render ===========================\n // >>>>> ClassName\n var starValue = index + 1;\n var classNameList = new Set([prefixCls]);\n // TODO: Current we just refactor from CC to FC. This logic seems can be optimized.\n if (value === 0 && index === 0 && focused) {\n classNameList.add(\"\".concat(prefixCls, \"-focused\"));\n } else if (allowHalf && value + 0.5 >= starValue && value < starValue) {\n classNameList.add(\"\".concat(prefixCls, \"-half\"));\n classNameList.add(\"\".concat(prefixCls, \"-active\"));\n if (focused) {\n classNameList.add(\"\".concat(prefixCls, \"-focused\"));\n }\n } else {\n if (starValue <= value) {\n classNameList.add(\"\".concat(prefixCls, \"-full\"));\n } else {\n classNameList.add(\"\".concat(prefixCls, \"-zero\"));\n }\n if (starValue === value && focused) {\n classNameList.add(\"\".concat(prefixCls, \"-focused\"));\n }\n }\n // >>>>> Node\n var characterNode = typeof character === 'function' ? character(props) : character;\n var start = /*#__PURE__*/React.createElement(\"li\", {\n className: classNames(Array.from(classNameList)),\n ref: ref\n }, /*#__PURE__*/React.createElement(\"div\", {\n onClick: disabled ? null : onInternalClick,\n onKeyDown: disabled ? null : onInternalKeyDown,\n onMouseMove: disabled ? null : onInternalHover,\n role: \"radio\",\n \"aria-checked\": value > index ? 'true' : 'false',\n \"aria-posinset\": index + 1,\n \"aria-setsize\": count,\n tabIndex: disabled ? -1 : 0\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-first\")\n }, characterNode), /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-second\")\n }, characterNode)));\n if (characterRender) {\n start = characterRender(start, props);\n }\n return start;\n}\nexport default /*#__PURE__*/React.forwardRef(Star);","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 _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _excluded = [\"prefixCls\", \"className\", \"defaultValue\", \"value\", \"count\", \"allowHalf\", \"allowClear\", \"character\", \"characterRender\", \"disabled\", \"direction\", \"tabIndex\", \"autoFocus\", \"onHoverChange\", \"onChange\", \"onFocus\", \"onBlur\", \"onKeyDown\", \"onMouseLeave\"];\nimport classNames from 'classnames';\nimport useMergedState from \"rc-util/es/hooks/useMergedState\";\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport pickAttrs from \"rc-util/es/pickAttrs\";\nimport React from 'react';\nimport Star from './Star';\nimport useRefs from './useRefs';\nimport { getOffsetLeft } from './util';\nfunction Rate(props, ref) {\n var _classNames;\n var _props$prefixCls = props.prefixCls,\n prefixCls = _props$prefixCls === void 0 ? 'rc-rate' : _props$prefixCls,\n className = props.className,\n defaultValue = props.defaultValue,\n propValue = props.value,\n _props$count = props.count,\n count = _props$count === void 0 ? 5 : _props$count,\n _props$allowHalf = props.allowHalf,\n allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,\n _props$allowClear = props.allowClear,\n allowClear = _props$allowClear === void 0 ? true : _props$allowClear,\n _props$character = props.character,\n character = _props$character === void 0 ? '★' : _props$character,\n characterRender = props.characterRender,\n disabled = props.disabled,\n _props$direction = props.direction,\n direction = _props$direction === void 0 ? 'ltr' : _props$direction,\n _props$tabIndex = props.tabIndex,\n tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n autoFocus = props.autoFocus,\n onHoverChange = props.onHoverChange,\n onChange = props.onChange,\n onFocus = props.onFocus,\n onBlur = props.onBlur,\n onKeyDown = props.onKeyDown,\n onMouseLeave = props.onMouseLeave,\n restProps = _objectWithoutProperties(props, _excluded);\n var _useRefs = useRefs(),\n _useRefs2 = _slicedToArray(_useRefs, 2),\n getStarRef = _useRefs2[0],\n setStarRef = _useRefs2[1];\n var rateRef = React.useRef(null);\n // ============================ Ref =============================\n var triggerFocus = function triggerFocus() {\n if (!disabled) {\n var _rateRef$current;\n (_rateRef$current = rateRef.current) === null || _rateRef$current === void 0 ? void 0 : _rateRef$current.focus();\n }\n };\n React.useImperativeHandle(ref, function () {\n return {\n focus: triggerFocus,\n blur: function blur() {\n if (!disabled) {\n var _rateRef$current2;\n (_rateRef$current2 = rateRef.current) === null || _rateRef$current2 === void 0 ? void 0 : _rateRef$current2.blur();\n }\n }\n };\n });\n // =========================== Value ============================\n var _useMergedState = useMergedState(defaultValue || 0, {\n value: propValue\n }),\n _useMergedState2 = _slicedToArray(_useMergedState, 2),\n value = _useMergedState2[0],\n setValue = _useMergedState2[1];\n var _useMergedState3 = useMergedState(null),\n _useMergedState4 = _slicedToArray(_useMergedState3, 2),\n cleanedValue = _useMergedState4[0],\n setCleanedValue = _useMergedState4[1];\n var getStarValue = function getStarValue(index, x) {\n var reverse = direction === 'rtl';\n var starValue = index + 1;\n if (allowHalf) {\n var starEle = getStarRef(index);\n var leftDis = getOffsetLeft(starEle);\n var width = starEle.clientWidth;\n if (reverse && x - leftDis > width / 2) {\n starValue -= 0.5;\n } else if (!reverse && x - leftDis < width / 2) {\n starValue -= 0.5;\n }\n }\n return starValue;\n };\n // >>>>> Change\n var changeValue = function changeValue(nextValue) {\n setValue(nextValue);\n onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);\n };\n // =========================== Focus ============================\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n focused = _React$useState2[0],\n setFocused = _React$useState2[1];\n var onInternalFocus = function onInternalFocus() {\n setFocused(true);\n onFocus === null || onFocus === void 0 ? void 0 : onFocus();\n };\n var onInternalBlur = function onInternalBlur() {\n setFocused(false);\n onBlur === null || onBlur === void 0 ? void 0 : onBlur();\n };\n // =========================== Hover ============================\n var _React$useState3 = React.useState(null),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n hoverValue = _React$useState4[0],\n setHoverValue = _React$useState4[1];\n var onHover = function onHover(event, index) {\n var nextHoverValue = getStarValue(index, event.pageX);\n if (nextHoverValue !== cleanedValue) {\n setHoverValue(nextHoverValue);\n setCleanedValue(null);\n }\n onHoverChange === null || onHoverChange === void 0 ? void 0 : onHoverChange(nextHoverValue);\n };\n var onMouseLeaveCallback = function onMouseLeaveCallback(event) {\n if (!disabled) {\n setHoverValue(null);\n setCleanedValue(null);\n onHoverChange === null || onHoverChange === void 0 ? void 0 : onHoverChange(undefined);\n }\n if (event) {\n onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(event);\n }\n };\n // =========================== Click ============================\n var onClick = function onClick(event, index) {\n var newValue = getStarValue(index, event.pageX);\n var isReset = false;\n if (allowClear) {\n isReset = newValue === value;\n }\n onMouseLeaveCallback();\n changeValue(isReset ? 0 : newValue);\n setCleanedValue(isReset ? newValue : null);\n };\n var onInternalKeyDown = function onInternalKeyDown(event) {\n var keyCode = event.keyCode;\n var reverse = direction === 'rtl';\n var nextValue = value;\n if (keyCode === KeyCode.RIGHT && nextValue < count && !reverse) {\n if (allowHalf) {\n nextValue += 0.5;\n } else {\n nextValue += 1;\n }\n changeValue(nextValue);\n event.preventDefault();\n } else if (keyCode === KeyCode.LEFT && nextValue > 0 && !reverse) {\n if (allowHalf) {\n nextValue -= 0.5;\n } else {\n nextValue -= 1;\n }\n changeValue(nextValue);\n event.preventDefault();\n } else if (keyCode === KeyCode.RIGHT && nextValue > 0 && reverse) {\n if (allowHalf) {\n nextValue -= 0.5;\n } else {\n nextValue -= 1;\n }\n changeValue(nextValue);\n event.preventDefault();\n } else if (keyCode === KeyCode.LEFT && nextValue < count && reverse) {\n if (allowHalf) {\n nextValue += 0.5;\n } else {\n nextValue += 1;\n }\n changeValue(nextValue);\n event.preventDefault();\n }\n onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n };\n // =========================== Effect ===========================\n React.useEffect(function () {\n if (autoFocus && !disabled) {\n triggerFocus();\n }\n }, []);\n // =========================== Render ===========================\n // >>> Star\n var starNodes = new Array(count).fill(0).map(function (item, index) {\n return /*#__PURE__*/React.createElement(Star, {\n ref: setStarRef(index),\n index: index,\n count: count,\n disabled: disabled,\n prefixCls: \"\".concat(prefixCls, \"-star\"),\n allowHalf: allowHalf,\n value: hoverValue === null ? value : hoverValue,\n onClick: onClick,\n onHover: onHover,\n key: item || index,\n character: character,\n characterRender: characterRender,\n focused: focused\n });\n });\n var classString = classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-disabled\"), disabled), _defineProperty(_classNames, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), _classNames));\n // >>> Node\n return /*#__PURE__*/React.createElement(\"ul\", _extends({\n className: classString,\n onMouseLeave: onMouseLeaveCallback,\n tabIndex: disabled ? -1 : tabIndex,\n onFocus: disabled ? null : onInternalFocus,\n onBlur: disabled ? null : onInternalBlur,\n onKeyDown: disabled ? null : onInternalKeyDown,\n ref: rateRef,\n role: \"radiogroup\"\n }, pickAttrs(restProps, {\n aria: true,\n data: true,\n attr: true\n })), starNodes);\n}\nexport default /*#__PURE__*/React.forwardRef(Rate);","import * as React from 'react';\nexport default function useRefs() {\n var nodeRef = React.useRef({});\n function getRef(index) {\n return nodeRef.current[index];\n }\n function setRef(index) {\n return function (node) {\n nodeRef.current[index] = node;\n };\n }\n return [getRef, setRef];\n}","function getScroll(w) {\n var ret = w.pageXOffset;\n var method = 'scrollLeft';\n if (typeof ret !== 'number') {\n var d = w.document;\n // ie6,7,8 standard mode\n ret = d.documentElement[method];\n if (typeof ret !== 'number') {\n // quirks mode\n ret = d.body[method];\n }\n }\n return ret;\n}\nfunction getClientPosition(elem) {\n var x;\n var y;\n var doc = elem.ownerDocument;\n var body = doc.body;\n var docElem = doc && doc.documentElement;\n var box = elem.getBoundingClientRect();\n x = box.left;\n y = box.top;\n x -= docElem.clientLeft || body.clientLeft || 0;\n y -= docElem.clientTop || body.clientTop || 0;\n return {\n left: x,\n top: y\n };\n}\nexport function getOffsetLeft(el) {\n var pos = getClientPosition(el);\n var doc = el.ownerDocument;\n // Only IE use `parentWindow`\n var w = doc.defaultView || doc.parentWindow;\n pos.left += getScroll(w);\n return pos.left;\n}","import Rate from './Rate';\nexport default Rate;","import { resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nimport { unit } from '@ant-design/cssinjs';\nconst genRateStarStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-star`]: {\n position: 'relative',\n display: 'inline-block',\n color: 'inherit',\n cursor: 'pointer',\n '&:not(:last-child)': {\n marginInlineEnd: token.marginXS\n },\n '> div': {\n transition: `all ${token.motionDurationMid}, outline 0s`,\n '&:hover': {\n transform: token.starHoverScale\n },\n '&:focus': {\n outline: 0\n },\n '&:focus-visible': {\n outline: `${unit(token.lineWidth)} dashed ${token.starColor}`,\n transform: token.starHoverScale\n }\n },\n '&-first, &-second': {\n color: token.starBg,\n transition: `all ${token.motionDurationMid}`,\n userSelect: 'none'\n },\n '&-first': {\n position: 'absolute',\n top: 0,\n insetInlineStart: 0,\n width: '50%',\n height: '100%',\n overflow: 'hidden',\n opacity: 0\n },\n [`&-half ${componentCls}-star-first, &-half ${componentCls}-star-second`]: {\n opacity: 1\n },\n [`&-half ${componentCls}-star-first, &-full ${componentCls}-star-second`]: {\n color: 'inherit'\n }\n }\n };\n};\nconst genRateRtlStyle = token => ({\n [`&-rtl${token.componentCls}`]: {\n direction: 'rtl'\n }\n});\nconst genRateStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'inline-block',\n margin: 0,\n padding: 0,\n color: token.starColor,\n fontSize: token.starSize,\n lineHeight: 1,\n listStyle: 'none',\n outline: 'none',\n // disable styles\n [`&-disabled${componentCls} ${componentCls}-star`]: {\n cursor: 'default',\n '> div:hover': {\n transform: 'scale(1)'\n }\n }\n }), genRateStarStyle(token)), genRateRtlStyle(token))\n };\n};\n// ============================== Export ==============================\nexport const prepareComponentToken = token => ({\n starColor: token.yellow6,\n starSize: token.controlHeightLG * 0.5,\n starHoverScale: 'scale(1.1)',\n starBg: token.colorFillContent\n});\nexport default genStyleHooks('Rate', token => {\n const rateToken = mergeToken(token, {});\n return [genRateStyle(rateToken)];\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 StarFilled from \"@ant-design/icons/es/icons/StarFilled\";\nimport classNames from 'classnames';\nimport RcRate from 'rc-rate';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport Tooltip from '../tooltip';\nimport useStyle from './style';\nconst Rate = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n prefixCls,\n className,\n rootClassName,\n style,\n tooltips,\n character = /*#__PURE__*/React.createElement(StarFilled, null)\n } = props,\n rest = __rest(props, [\"prefixCls\", \"className\", \"rootClassName\", \"style\", \"tooltips\", \"character\"]);\n const characterRender = (node, _ref) => {\n let {\n index\n } = _ref;\n if (!tooltips) {\n return node;\n }\n return /*#__PURE__*/React.createElement(Tooltip, {\n title: tooltips[index]\n }, node);\n };\n const {\n getPrefixCls,\n direction,\n rate\n } = React.useContext(ConfigContext);\n const ratePrefixCls = getPrefixCls('rate', prefixCls);\n // Style\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(ratePrefixCls);\n const mergedStyle = Object.assign(Object.assign({}, rate === null || rate === void 0 ? void 0 : rate.style), style);\n return wrapCSSVar( /*#__PURE__*/React.createElement(RcRate, Object.assign({\n ref: ref,\n character: character,\n characterRender: characterRender\n }, rest, {\n className: classNames(className, rootClassName, hashId, cssVarCls, rate === null || rate === void 0 ? void 0 : rate.className),\n style: mergedStyle,\n prefixCls: ratePrefixCls,\n direction: direction\n })));\n});\nif (process.env.NODE_ENV !== 'production') {\n Rate.displayName = 'Rate';\n}\nexport default Rate;","export default __webpack_public_path__ + \"./imgs/feedback_finished.8cd723.png\";","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Styles from './index.less';\n\nconst TagsSelect = (props) => {\n const { value = [], onChange } = props;\n const { t } = useTranslation();\n\n const opts = [\n {\n label: t('feedbackModal.homepageContent'),\n value: 'TS01B01',\n },\n {\n label: t('feedbackModal.loadingSpeed'),\n value: 'TS01B02',\n },\n {\n label: t('feedbackModal.applicationProcess'),\n value: 'TS01B03',\n },\n {\n label: t('feedbackModal.websiteLayoutDesign'),\n value: 'TS01B04',\n },\n ];\n\n const handleChange = (v) => {\n let newValue = [...value];\n if (value.includes(v)) {\n newValue = value.filter((val) => val !== v);\n } else {\n newValue.push(v);\n }\n onChange(newValue);\n };\n\n return (\n \n
\n \n
\n \n
\n \n {/* 準備付款 */}\n
\n {t('pay.preparePayment')}
\n \n
\n {t('pay.attention')}
\n1.{t('pay.attentionList1')}
\n2.{t('pay.attentionList2')}
\n3.{t('pay.attentionList3')}
\n\n \n
\n {t('pay.payAttention1')}{t('pay.payAttention2')}{t('pay.payAttention3')}
\n\n
\n \n
\n {t('customer.leaveCancel')}
\n {t('common.next')}
\n {t('pay.fileNo')} {appNo}
\n \n {opts.map((o) => (\n {\n handleChange(o.value);\n }}\n >\n {o.label}\n
\n ))}\n \n
\n ) : (\n \n 
\n
\n \n {t('feedbackModal.thanks')}\n
\n \n {t('feedbackModal.submitted')}\n
\n \n {\n setIsOpenModal(false);\n }}\n id=\"feedbackModal-completeBtn\"\n >\n {t('feedbackModal.complete')}\n \n
\n \n \n \n
\n \n {t('feedbackModal.helpsUsGrow')}\n
\n \n \n {t('feedbackModal.purchaseExperience')}\n
\n }\n name=\"TS01A\"\n >\n \n \n {t('feedbackModal.serveYouBetter')}\n
\n }\n name=\"TS01B\"\n >\n \n \n {t('feedbackModal.suggestions')}\n
\n }\n name=\"TS01C\"\n hasFeedback\n validateStatus={validateStatus}\n validateTrigger=\"onBlur\"\n validateDebounce={500}\n rules={[\n ({ getFieldValue }) => ({\n validator(_, value) {\n if (getFieldValue('TS01A') > 3 || value) {\n setValidateStatus('');\n return Promise.resolve();\n }\n return Promise.reject(t('feedbackModal.requiredField'));\n },\n }),\n ]}\n >\n \n \n {t('feedbackModal.submit')}\n \n
\n \n )}\n \n );\n});\n\nFeedbackModal.displayName = 'FeedbackModal';\nexport default FeedbackModal;\n","import React, { useState, useEffect } from \"react\";\nimport Styles from \"./index.less\";\nimport TopBar from '@/components/topBar/index.jsx'\nimport { useSearchParams } from 'react-router-dom';\nimport { useTranslation } from \"react-i18next\";\nimport useMediaChange from '@/hooks/useMediaChange';\nimport { getCurrentLang } from \"@/config/commonUtil\";\nimport GlobalLanguage from '@/components/GlobalLanguage';\nimport { useSelector } from 'react-redux';\nimport {Space} from 'antd';\nimport HeaderHomeAgent from '@/components/HeaderAgent';\nimport { referralLinkDetails } from '@/store/referralLinkInfo/index';\nimport agentIcon from \"@/assets/img/agentIcon.png\";\nimport classnames from 'classnames';\nimport { useNavigate } from \"react-router-dom\";\nimport FeedbackModal from '@/components/FeedbackModal';\n\nconst PayStatus = () => {\n const navigate = useNavigate();\n const lang = getCurrentLang();\n const { t } = useTranslation();\n const [searchParams] = useSearchParams();\n const [payStatus] = useState(searchParams.get('status'));\n const [appNo] = useState(searchParams.get('appNo'));\n const referralLinkInfo = useSelector(referralLinkDetails);\n // const [policyNo] = useState(sessionStorage.getItem('agentPolicyNo'));\n const [agentFlowPolicyNo] = useState(searchParams.get('agentFlowPolicyNo'));\n const [isOpenModal, setIsOpenModal] = useState(false);\n \n const [isMobile] = useMediaChange();\n const status = payStatus === 'true';\n // const homeUrls=`/referrallinkplus/travelelite/${lang}/home?AgentCode=${sessionStorage.getItem('AgentCode')}&SpecialCode=${sessionStorage.getItem('SpecialCode')}`;\n // const backUrl = `/referrallinkplus/travelelite/${lang}/pay?appNo=${appNo}`\n const handleClick = (data) => {\n // if (data) {\n // window.document.location.href= window.location.protocol + \"//\" + window.location.host + homeUrls;\n // } else {\n // window.document.location.href= window.location.protocol + \"//\" + window.location.host + backUrl;\n // }\n if (data) {\n navigate(`/${lang}/home`);\n } else {\n navigate(`/${lang}/pay?appNo=${appNo}`);\n }\n };\n\n useEffect(() => {\n let timeId = null; // 定時器 組件卸載時要清除\n // 1.5秒之後 打開意見評分的彈窗\n if(status) {\n timeId = setTimeout(() => {\n setIsOpenModal(true);\n }, 1500);\n }\n return () => {\n clearTimeout(timeId);\n };\n }, []);\n \n return (\n \n
\n )\n}\nexport default PayStatus;","import React, { useState, useEffect } from \"react\";\nimport Styles from \"./paySend.less\";\nimport TopBar from '@/components/topBar/index.jsx'\nimport { useSearchParams } from 'react-router-dom';\nimport { getPaymentLinkUrl } from '@/request/index';\nimport { Alert } from 'antd';\nimport i18n from \"i18next\";\nimport { useTranslation } from \"react-i18next\";\nimport { getCurrentLang } from \"@/config/commonUtil\";\nimport useMediaChange from '@/hooks/useMediaChange';\nconst PaySend = () => {\n const { t } = useTranslation();\n const lang = localStorage.getItem('language') || getCurrentLang()\n const [isMobile] = useMediaChange();\n const [searchParams] = useSearchParams();\n const [paymentCaseNo] = useState(searchParams.get('paymentCaseNo') || '');\n const [payLinkUrl, setPayLinkUrl] = useState('');\n const [alertShow, setAlertShow] = useState(false);\n\n //獲取paymentLink\n const getPaymentLinkFunc = async () => {\n const res = await getPaymentLinkUrl({ caseNo: paymentCaseNo, lang: lang });\n if (res.status === 200) {\n console.log(res)\n setPayLinkUrl(res.data);\n }\n };\n\n useEffect(() => {\n //獲取付款詳情\n getPaymentLinkFunc()\n }, []);\n\n const handleClick = () => {\n window.$wujie?.bus.$emit(\"SuperAgentPlus\", \"policyService\");\n };\n const copyToClipboard = () => {\n window.$wujie?.bus.$emit(\"clipboardFunc\", payLinkUrl);\n setAlertShow(true)\n setTimeout(() => { \n setAlertShow(false)\n }, 3000); // 例如，3秒后自动关闭 \n\n };\n return (\n \n
\n \n
\n \n {!isMobile && }\n
\n \n
\n {status ? t('pay.successTitle') : t('pay.failTitle')}
\n {status ? t('pay.paymentSucessTxt') : t('pay.sorryDsc')}
\n {status && \n {t('pay.yourPolicyNo')}\n {agentFlowPolicyNo || ''}\n
}\n {status && \n
}\n {t('pay.passportDsc')}
\n {t('pay.passportDsc2')}
\n \n
\n handleClick(status)}>{status ? t('pay.backHome') : t('pay.retry')}
\n {/* 添加到Apple錢包
\n 添加到Google錢包
*/}\n \n {t('pay.fileNo')}{appNo || ''}\n
\n \n {<>\n \n
\n \n {t('pay.contactAdvisor')}\n
\n \n {t('pay.blueCrossAdvisor')}\n
\n \n {referralLinkInfo?.agentName}\n
\n \n {t('pay.licenseNumber')}: {referralLinkInfo?.agentLicenseNo }\n
\n\n \n
\n }\n {referralLinkInfo?.agentEmail}
\n {referralLinkInfo?.agentContactNo}
\n \n {false&&
\n )\n}\nexport default PaySend;","export default __webpack_public_path__ + \"./imgs/logoName.72e3f1.png\";","export default __webpack_public_path__ + \"./imgs/product_travel.f9edf1.png\";","export default __webpack_public_path__ + \"./imgs/agent.6b191e.png\";","export default __webpack_public_path__ + \"./imgs/success_payment-icon.040b73.png\";","export default __webpack_public_path__ + \"./imgs/status_expired.f6d999.png\";","import React, { useState, useEffect } from 'react'\nimport CustomModal from '@/components/customModal/index';\nimport Styles from './index.less';\nimport { useTranslation } from \"react-i18next\";\nimport successPayment from '@/assets/imgs/success_payment-icon.png';\nimport errorPayment from '@/assets/imgs/status_expired.png';\n\nconst TempSave = ({ modalSuccessOpen, modalExpireOpen,modalIsPayOpen, setModalSuccessOpen, setModalExpireOpen,setModalIsPayOpen,isPayInsure}) => {\n const { t } = useTranslation();\n return (\n <>\n \n
\n \n {!isMobile&&}\n
\n \n
\n {t(\"paymentLink.paySend.PaymentConnection\")}
\n {/* {\n 您的保單號碼\n {paymentCaseNo}\n
} */}\n {\n
}\n {{t(\"paymentLink.paySend.ThanksApplication\")}
\n {t(\"paymentLink.paySend.call\")}2839 6399 {t(\"paymentLink.paySend.sendEmail\")}aia.agt@bluecross.com.hk
\n \n
}\n {t('defineFraud.title')}
\n {t('defineFraud.des1Pay')}{t('defineFraud.des2')}{t('defineFraud.des3Pay')}
\n {t('defineFraud.des4')}
\n \n
\n handleClick()}>{t(\"paymentLink.paySend.ViewCase\")}
\n {t(\"paymentLink.paySend.Copy\")}
\n \n 
\n \n \n
\n {t('paymentLink.payStatus.paymentLinkComplete')}\n }\n cancelText={t('common.confirm')}\n okText={''}\n onCancelClick={() => { setModalSuccessOpen(false) }}\n onOkClick={() => setModalSuccessOpen(false)}\n showCloseIcon={true}\n onCancelIconClick={() => { setModalSuccessOpen(false) }}\n\n />\n \n 
\n
\n {t('paymentLink.payStatus.paymentLinkExpire')}\n }\n cancelText={t('common.confirm')}\n okText={''}\n onCancelClick={() => { setModalExpireOpen(false) }}\n onOkClick={() => setModalExpireOpen(false)}\n showCloseIcon={true}\n onCancelIconClick={() => { setModalExpireOpen(false) }}\n />\n\n \n \n
\n {t('paymentLink.payStatus.paymentLinkComplete')}\n }\n cancelText={t('common.confirm')}\n okText={''}\n onCancelClick={() => { \n setModalIsPayOpen(false) \n isPayInsure()\n }}\n onOkClick={() => setModalIsPayOpen(false)}\n showCloseIcon={true}\n onCancelIconClick={() => { setModalIsPayOpen(false) }}\n />\n \n )\n}\n\nexport default TempSave","import React, { useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport Styles from \"./style.less\";\nimport TopBar from '@/components/topBar/index.jsx'\nimport { useSearchParams } from 'react-router-dom';\nimport { useNavigate } from \"react-router-dom\";\nimport logoName from '@/assets/img/menu/logoName.png';\nimport travelLogo from '@/assets/img/quote/product_travel.png';\nimport agentLogo from '@/assets/img/agent.png';\nimport dayjs from 'dayjs';\nimport { Checkbox } from 'antd';\nimport { getMPGSSessionId, getPayDetails, toPolicyNumberPaymentLink, generateTokenInPayLink, updateStatusOfPay } from '@/request/index';\nimport { getCurrentLang } from \"@/config/commonUtil\";\nimport ModalStatus from './modalStatus';\nimport LoadBar from \"@/components/ui/LoadBar/LoadBar\";\nimport { useTranslation } from \"react-i18next\";\nimport ErrorCode500 from '@/components/errorCode500';\nimport { message } from \"antd\";\nimport { getCurLangField } from '@/utils';\nimport { fetchProductsPlan } from '@/pages/home/service';\n\n\nconst PaymentLink = () => {\n const { t } = useTranslation();\n const navigate = useNavigate();\n const lang = getCurrentLang()||'zh';\n const [searchParams] = useSearchParams();\n\n const [pr] = useState(encodeURIComponent(decodeURIComponent(searchParams.get(\"pr\"))));\n const [checkStatus, setCheckStatus] = useState(false);\n const [appNo, setAppNo] = useState('');\n const [detailsPay, setDetailsPay] = useState('');\n const [detailsPayLink, setDetailsPayLink] = useState('');\n const [modalSuccessOpen, setModalSuccessOpen] = useState(false);\n const [modalExpireOpen, setModalExpireOpen] = useState(false);\n const [modalIsPayOpen, setModalIsPayOpen] = useState(false);\n const [payStatus, setPayStatus] = useState('');\n const [prStatus, setPrStatus] = useState(false);\n // const [expired, setExpired] = useState(false);\n useEffect(() => {\n //更改語言\n if (pr) {\n const nowLocalLang = localStorage.getItem('language')\n // const curWwwPath = window.document.location.href;\n\n const pathname = window.location.pathname;\n const pathArr = pathname.split(\"/\");\n const enArr = pathArr.filter((item) => item.toLowerCase() === \"en\");\n const langURL = enArr.length > 0 ? 'en' : 'zh';\n\n if (langURL === nowLocalLang) {\n setPrStatus(true);\n return\n } else {\n localStorage.setItem('language', langURL)\n\n setTimeout(() => {\n window.location.reload()\n // setPrStatus(true);\n }, 500);\n }\n\n }\n return () => clearTimeout();\n }, []);\n //是否勾選checkbox\n const onChange = (e) => {\n setCheckStatus(e.target.checked)\n };\n //獲取付款詳情\n const getPayDetailsFunc = async (appNo) => {\n const qs = await getPayDetails({ appNo });\n if (qs.status === 200) {\n setDetailsPay(qs.data);\n }\n };\n\n //更新付款狀態\n const updatePayStatusOfLink = async (st) => {\n const req = await updateStatusOfPay({ appNo: sessionStorage.getItem(\"APP_NO\"), status: st });\n if (req.status === 200) {\n console.log(`更新支付狀態成功-${st}`, req.data)\n }\n };\n\n\n\n //添加接口鑒權獲取付款詳情\n const getInterfaceToken = async () => {\n if (pr) {\n LoadBar.show()\n }\n setTimeout(() => {\n LoadBar.hide();\n }, 4000); // 2000毫秒 = 2秒\n const res = await generateTokenInPayLink({ Param: pr });\n if (res.status === 200) {\n LoadBar.hide()\n sessionStorage.setItem(\"paymentLinkToken\", `Bearer ${res.data?.accessToken?.accessToken}`);\n sessionStorage.setItem(\"APP_NO\", res.data?.paymentLinkInfo?.appNo);\n sessionStorage.setItem(\"PR\", pr);\n setDetailsPayLink(res.data)\n setAppNo(res.data?.paymentLinkInfo?.appNo)\n getPayDetailsFunc(res.data?.paymentLinkInfo?.appNo);\n\n //存儲顧問信息\n const agentInfo = {\n phone: res.data?.paymentLinkInfo?.agentContatctNo,\n email: res.data?.paymentLinkInfo?.agentEmail,\n agentName: res.data?.paymentLinkInfo?.agentName,\n licenceNo: res.data?.paymentLinkInfo?.licenceNo,\n }\n console.log(agentInfo, 'agentInfo')\n sessionStorage.setItem(\"paymentLink-agentInfo\", JSON.stringify(agentInfo));\n\n // setExpired(res.data?.paymentLinkInfo?.isExpire)\n if (res.data?.paymentLinkInfo?.isExpire) {\n updatePayStatusOfLink('E')\n setModalExpireOpen(true)\n }\n // 以下是原PaymentLink Summary list各状态 status 对应的显示：\n // \"P\":PendingPayment\n // \"Pay\":PaymentCompleted\n // \"C\":PolicyIssued\n // \"E\":Expired\n setPayStatus(res.data?.paymentLinkInfo?.status);\n if (res.data?.paymentLinkInfo?.status) {\n switch (res.data.paymentLinkInfo.status) {\n case 'P':\n console.log('Pending Payment');\n break;\n case 'Pay':\n console.log('Payment Completed');\n setModalSuccessOpen(true)\n break;\n case 'C':\n console.log('Policy Issued');\n setModalSuccessOpen(true)\n break;\n case 'E':\n console.log('Expired');\n setModalExpireOpen(true)\n break;\n default:\n console.log('common Status');\n\n break;\n }\n }\n }\n // else {\n // LoadBar.hide()\n // }\n };\n useEffect(() => {\n //獲取付款詳情和token\n getInterfaceToken();\n\n\n }, []);\n\n // useEffect(() => {\n\n // // 动态添加脚本\n // const script = document.createElement(\"script\");\n // // script.src = \"https://wt01.bluecross.com.hk/superagent/Scripts/payment-gateway-checkout.js\";//調起付款脚本\n // script.src = PAY_URL_SCRIPT;//調起付款脚本\n // script.dataset.error = \"errorCallback\"; // 使用 dataset 属性设置 data-* 属性\n // script.dataset.cancel = \"cancelCallback\";\n // script.dataset.complete = \"completeCallback\";\n // document.body.appendChild(script);\n // // 添加加载完成事件监听器\n // script.addEventListener(\"load\", () => {\n // console.log('子系統脚本加载完成');\n // // 在这里执行脚本加载完成后的操作\n // PaymentAction.errorCallback.core = function (error) {\n // hideLoading();\n // console.log(\"error:paymentfail\");\n // navigate(`/zh/paymentLinkStatus?status=${false}&appNo=${appNo}&pr=${pr}`);\n // };\n // PaymentAction.completeCallback.core = function (\n // resultIndicator,\n // sessionVersion\n // ) {\n // console.log(\" PaymentAction.completeCallback.core: 子系統付款成功\");\n // updatePayStatusOfLink('Pay')\n\n // // fetchData();\n // toPolicyNumberPaymentLink({ AppNo: sessionStorage.getItem(\"APP_NO\") }).then((res) => {\n // LoadBar.show()\n // if (res.status == 200) {\n // hideLoading();\n // LoadBar.hide()\n // updatePayStatusOfLink('C')\n // sessionStorage.setItem('agentPolicyNoOfLink', res.data)\n // navigate(`/zh/paymentLinkStatus?status=${true}&appNo=${sessionStorage.getItem(\"APP_NO\")}&policyNo=${res.data}`);\n\n // // sessionStorage.removeItem(\"APP_NO\");\n // } else {\n // // setSessionItemNoJson(\"policyNo\", response);\n // hideLoading();\n // LoadBar.hide()\n // navigate(`/zh/paymentLinkStatus?status=${false}&appNo=${sessionStorage.getItem(\"APP_NO\")}&pr=${pr}`);\n // // sessionStorage.removeItem(\"APP_NO\");\n // }\n // })\n // .catch((error) => {\n // LoadBar.hide()\n // console.log(\"error:\", error);\n // hideLoading();\n // navigate(`/zh/paymentLinkStatus?status=${false}&appNo=${sessionStorage.getItem(\"APP_NO\")}&pr=${pr}`);\n // // sessionStorage.removeItem(\"APP_NO\");\n // });\n\n // };\n // PaymentAction.cancelCallback.core = function () {\n // hideLoading();\n // console.log(\"error:paymentFail: 付款失敗\");\n // navigate(`/zh/paymentLinkStatus?status=${false}&appNo=${sessionStorage.getItem(\"APP_NO\")}&pr=${pr}`);\n // };\n // function hideLoading() {\n // var elements = document.getElementsByClassName(\"aia-bx-fix-layer\");\n // for (var i = 0; i < elements.length; i++) {\n // elements[i].style.display = \"none\";\n // }\n // }\n // });\n\n // }, []);\n\n\n\n\n\n const insureType = () => {\n //applicantType==='I' premiumPackage==='I' 個人\n //applicantType==='I' premiumPackage==='F' 家庭\n //applicantType==='C' premiumPackage==='I' 公司\n if (detailsPay?.applicant?.applicantType === 'I') {\n if (detailsPay?.premiumPackage === \"I\") {\n return t(\"paymentLink.individual\")\n } else {\n return t(\"paymentLink.family\")\n }\n } else {\n if (detailsPay?.premiumPackage === \"I\") {\n return t(\"paymentLink.individual\")\n }\n\n }\n }\n\n const isPayInsure = () => {\n navigate(`/${lang}/paymentLinkStatus?status=${true}&appNo=${sessionStorage.getItem(\"APP_NO\")}&policyNo=${sessionStorage.getItem(\"agentPolicyNoOfLink\")}`);\n }\n //付款相關\n const handleNext = async () => {\n if (payStatus === 'C') {\n console.log(payStatus, 'payStatus payStatus payStatus')\n setModalIsPayOpen(true)\n return\n }\n // LoadBar.show()\n console.log(\"handleNext\");\n const dataArr = {\n appNo,\n language: lang,\n payAmount: detailsPayLink?.paymentLinkInfo?.premiumPayable,\n };\n try {\n const res = await getMPGSSessionId(dataArr);\n if (res.status === 200) {\n if (res.data?.paid&&res.data?.policyNo) {\n // navigate(`/${lang}/paymentLinkStatus?status=${true}&appNo=${appNo}&agentFlowPolicyNo=${res.data?.policyNo}`);\n navigate(`/${lang}/paymentLinkStatus?status=${true}&appNo=${sessionStorage.getItem(\"APP_NO\")}&policyNo=${res.data?.policyNo}`);\n return \n }else{\n console.log('MPGSSessionId獲取成功了')\n LoadBar.hide()\n showMPGSLightBox(res.data);\n }\n\n \n }\n } catch (error) {\n LoadBar.hide()\n if (error.status === 500) {\n LoadBar.hide()\n console.log(error.data, 'error.data')\n if (error.data?.errorData[0]?.key === 'MPGS001' || error.data?.errorData[0]?.key === 'MPGS002' || error.data?.errorData[0]?.key === 'MPGS003') {\n message.error({\n content: lang === 'zh' ? error.data?.errorData[0]?.value?.ErrorMessageCN : error.data?.errorData[0]?.value?.ErrorMessage,\n className: 'msgErr',\n duration: 6,\n });\n } else {\n // message.error({\n // content: \n
\n \n
\n \n
\n \n {<>
\n \n {\n detailsPay?.productCode == 'AAT' && t(\"pay.YearRound\")\n }\n {\n (detailsPay?.productCode == 'AST' && detailsPay?.journeyType == 'OneWay') && t(\"pay.OneWayCoverage\")\n }\n {\n (detailsPay?.productCode == 'AST' && detailsPay?.journeyType == 'RoundTrip') && t(\"pay.RoundTripCoverage\")\n }\n
\n \n {/* {details?.protectType === 'individual' ? '個人' : details?.protectType === 'family' ? '家庭' : details?.protectType === 'company' ? '公司' : '未知'} */}\n {insureType()}\n {' - '}\n {`${detailsPay.insuredList?.length || 0}${t(\"paymentLink.bit\")}`}\n {' | '}\n {/* <>{detailsPay?.productCode === 'AAT'&&<>{dayjs(detailsPay.policyEffectDate).format('DD/MM/YYYY')}\n {' - '}\n {dayjs(detailsPay.policyEffectDate).add(1, 'year').subtract(1, 'day').format('DD/MM/YYYY')}\n } */}\n {detailsPay?.productCode === 'AAT' && <>{dayjs(detailsPay.policyEffectDate).format('DD/MM/YYYY')}\n {' - '}\n {dayjs(detailsPay.policyEffectDate).add(1, 'year').subtract(1, 'day').format('DD/MM/YYYY')}\n }\n {detailsPay?.productCode === 'AST' && <>{dayjs(detailsPay.policyEffectFrom).format('DD/MM/YYYY')}\n {' - '}\n {dayjs(detailsPay.policyEffectTo).format('DD/MM/YYYY')}\n {' '}\n }\n\n\n {t(\"paymentLink.total1\")}{detailsPay?.productCode === 'AAT' ? 365 : detailsPay.coverDays} {t(\"paymentLink.total2\")}\n {' | '}\n {getPlanName(detailsPay?.productCode, detailsPay?.planID)}\n
}\n \n
\n {t(\"paymentLink.TotalAmount\")}
\n \n HK$\n {detailsPay.premium?.customerPayablePremiumAmount || '0'}\n
\n \n
\n\n \n\n
\n\n \n
\n \n 
\n {lang === 'zh' ? detailsPayLink?.paymentLinkInfo?.productNameCh : detailsPayLink?.paymentLinkInfo?.productNameEn}\n
\n {t(\"paymentLink.thanksToInusrance\")}「{lang === 'zh' ? detailsPayLink?.paymentLinkInfo?.productNameCh : detailsPayLink?.paymentLinkInfo?.productNameEn}」。
\n {t(\"paymentLink.agentcy\")}
\n \n 
\n \n
\n {detailsPayLink?.paymentLinkInfo?.agentName}
{t(\"paymentLink.licenseNumber\")}{detailsPayLink?.paymentLinkInfo?.licenceNo}{t(\"paymentLink.forInrelation\")}
\n \n
\n {detailsPayLink?.paymentLinkInfo?.agentEmail}
\n {detailsPayLink?.paymentLinkInfo?.agentContatctNo}
\n {t(\"paymentLink.click\")}{ {\n window.open('https://ap.bluecross.com.hk/shared/general/Levy_Collection_By_IA.pdf#page=1&view=Fit&toolbar=1?q=Wednesday,%20March%2020,%2020246:22:47%20PM', \"_blank\");\n }}> {t(\"paymentLink.clickHere\")}}
\n {t(\"paymentLink.fileNo\")}{detailsPayLink?.paymentLinkInfo?.appNo}
\n\n \n \n
\n {t(\"paymentLink.PremiumPayable\")}
\n HK${detailsPayLink?.paymentLinkInfo?.premiumPayable || '0'}
{t(\"paymentLink.ConfirmPayment\")}
}\n {!checkStatus && {t(\"paymentLink.ConfirmPayment\")}
}\n {t(\"paymentLink.paymentDeadLine1\")} {dayjs(detailsPayLink?.paymentLinkInfo?.expiredDateTime)?.format('DD/MM/YYYY HH:mm:ss')} {t(\"paymentLink.paymentDeadLine2\")}
\n\n
\n )\n}\nexport default PayStatusLink;","var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\n\n// src/index.tsx\nimport React, { useRef, useEffect, useState } from \"react\";\n\n// src/third-party/qrcodegen/index.ts\n/**\n * @license QR Code generator library (TypeScript)\n * Copyright (c) Project Nayuki.\n * SPDX-License-Identifier: MIT\n */\nvar qrcodegen;\n((qrcodegen2) => {\n const _QrCode = class {\n constructor(version, errorCorrectionLevel, dataCodewords, msk) {\n this.version = version;\n this.errorCorrectionLevel = errorCorrectionLevel;\n this.modules = [];\n this.isFunction = [];\n if (version < _QrCode.MIN_VERSION || version > _QrCode.MAX_VERSION)\n throw new RangeError(\"Version value out of range\");\n if (msk < -1 || msk > 7)\n throw new RangeError(\"Mask value out of range\");\n this.size = version * 4 + 17;\n let row = [];\n for (let i = 0; i < this.size; i++)\n row.push(false);\n for (let i = 0; i < this.size; i++) {\n this.modules.push(row.slice());\n this.isFunction.push(row.slice());\n }\n this.drawFunctionPatterns();\n const allCodewords = this.addEccAndInterleave(dataCodewords);\n this.drawCodewords(allCodewords);\n if (msk == -1) {\n let minPenalty = 1e9;\n for (let i = 0; i < 8; i++) {\n this.applyMask(i);\n this.drawFormatBits(i);\n const penalty = this.getPenaltyScore();\n if (penalty < minPenalty) {\n msk = i;\n minPenalty = penalty;\n }\n this.applyMask(i);\n }\n }\n assert(0 <= msk && msk <= 7);\n this.mask = msk;\n this.applyMask(msk);\n this.drawFormatBits(msk);\n this.isFunction = [];\n }\n static encodeText(text, ecl) {\n const segs = qrcodegen2.QrSegment.makeSegments(text);\n return _QrCode.encodeSegments(segs, ecl);\n }\n static encodeBinary(data, ecl) {\n const seg = qrcodegen2.QrSegment.makeBytes(data);\n return _QrCode.encodeSegments([seg], ecl);\n }\n static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {\n if (!(_QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= _QrCode.MAX_VERSION) || mask < -1 || mask > 7)\n throw new RangeError(\"Invalid value\");\n let version;\n let dataUsedBits;\n for (version = minVersion; ; version++) {\n const dataCapacityBits2 = _QrCode.getNumDataCodewords(version, ecl) * 8;\n const usedBits = QrSegment.getTotalBits(segs, version);\n if (usedBits <= dataCapacityBits2) {\n dataUsedBits = usedBits;\n break;\n }\n if (version >= maxVersion)\n throw new RangeError(\"Data too long\");\n }\n for (const newEcl of [_QrCode.Ecc.MEDIUM, _QrCode.Ecc.QUARTILE, _QrCode.Ecc.HIGH]) {\n if (boostEcl && dataUsedBits <= _QrCode.getNumDataCodewords(version, newEcl) * 8)\n ecl = newEcl;\n }\n let bb = [];\n for (const seg of segs) {\n appendBits(seg.mode.modeBits, 4, bb);\n appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);\n for (const b of seg.getData())\n bb.push(b);\n }\n assert(bb.length == dataUsedBits);\n const dataCapacityBits = _QrCode.getNumDataCodewords(version, ecl) * 8;\n assert(bb.length <= dataCapacityBits);\n appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);\n appendBits(0, (8 - bb.length % 8) % 8, bb);\n assert(bb.length % 8 == 0);\n for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17)\n appendBits(padByte, 8, bb);\n let dataCodewords = [];\n while (dataCodewords.length * 8 < bb.length)\n dataCodewords.push(0);\n bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));\n return new _QrCode(version, ecl, dataCodewords, mask);\n }\n getModule(x, y) {\n return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];\n }\n getModules() {\n return this.modules;\n }\n drawFunctionPatterns() {\n for (let i = 0; i < this.size; i++) {\n this.setFunctionModule(6, i, i % 2 == 0);\n this.setFunctionModule(i, 6, i % 2 == 0);\n }\n this.drawFinderPattern(3, 3);\n this.drawFinderPattern(this.size - 4, 3);\n this.drawFinderPattern(3, this.size - 4);\n const alignPatPos = this.getAlignmentPatternPositions();\n const numAlign = alignPatPos.length;\n for (let i = 0; i < numAlign; i++) {\n for (let j = 0; j < numAlign; j++) {\n if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0))\n this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);\n }\n }\n this.drawFormatBits(0);\n this.drawVersion();\n }\n drawFormatBits(mask) {\n const data = this.errorCorrectionLevel.formatBits << 3 | mask;\n let rem = data;\n for (let i = 0; i < 10; i++)\n rem = rem << 1 ^ (rem >>> 9) * 1335;\n const bits = (data << 10 | rem) ^ 21522;\n assert(bits >>> 15 == 0);\n for (let i = 0; i <= 5; i++)\n this.setFunctionModule(8, i, getBit(bits, i));\n this.setFunctionModule(8, 7, getBit(bits, 6));\n this.setFunctionModule(8, 8, getBit(bits, 7));\n this.setFunctionModule(7, 8, getBit(bits, 8));\n for (let i = 9; i < 15; i++)\n this.setFunctionModule(14 - i, 8, getBit(bits, i));\n for (let i = 0; i < 8; i++)\n this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));\n for (let i = 8; i < 15; i++)\n this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));\n this.setFunctionModule(8, this.size - 8, true);\n }\n drawVersion() {\n if (this.version < 7)\n return;\n let rem = this.version;\n for (let i = 0; i < 12; i++)\n rem = rem << 1 ^ (rem >>> 11) * 7973;\n const bits = this.version << 12 | rem;\n assert(bits >>> 18 == 0);\n for (let i = 0; i < 18; i++) {\n const color = getBit(bits, i);\n const a = this.size - 11 + i % 3;\n const b = Math.floor(i / 3);\n this.setFunctionModule(a, b, color);\n this.setFunctionModule(b, a, color);\n }\n }\n drawFinderPattern(x, y) {\n for (let dy = -4; dy <= 4; dy++) {\n for (let dx = -4; dx <= 4; dx++) {\n const dist = Math.max(Math.abs(dx), Math.abs(dy));\n const xx = x + dx;\n const yy = y + dy;\n if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size)\n this.setFunctionModule(xx, yy, dist != 2 && dist != 4);\n }\n }\n }\n drawAlignmentPattern(x, y) {\n for (let dy = -2; dy <= 2; dy++) {\n for (let dx = -2; dx <= 2; dx++)\n this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);\n }\n }\n setFunctionModule(x, y, isDark) {\n this.modules[y][x] = isDark;\n this.isFunction[y][x] = true;\n }\n addEccAndInterleave(data) {\n const ver = this.version;\n const ecl = this.errorCorrectionLevel;\n if (data.length != _QrCode.getNumDataCodewords(ver, ecl))\n throw new RangeError(\"Invalid argument\");\n const numBlocks = _QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];\n const blockEccLen = _QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];\n const rawCodewords = Math.floor(_QrCode.getNumRawDataModules(ver) / 8);\n const numShortBlocks = numBlocks - rawCodewords % numBlocks;\n const shortBlockLen = Math.floor(rawCodewords / numBlocks);\n let blocks = [];\n const rsDiv = _QrCode.reedSolomonComputeDivisor(blockEccLen);\n for (let i = 0, k = 0; i < numBlocks; i++) {\n let dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));\n k += dat.length;\n const ecc = _QrCode.reedSolomonComputeRemainder(dat, rsDiv);\n if (i < numShortBlocks)\n dat.push(0);\n blocks.push(dat.concat(ecc));\n }\n let result = [];\n for (let i = 0; i < blocks[0].length; i++) {\n blocks.forEach((block, j) => {\n if (i != shortBlockLen - blockEccLen || j >= numShortBlocks)\n result.push(block[i]);\n });\n }\n assert(result.length == rawCodewords);\n return result;\n }\n drawCodewords(data) {\n if (data.length != Math.floor(_QrCode.getNumRawDataModules(this.version) / 8))\n throw new RangeError(\"Invalid argument\");\n let i = 0;\n for (let right = this.size - 1; right >= 1; right -= 2) {\n if (right == 6)\n right = 5;\n for (let vert = 0; vert < this.size; vert++) {\n for (let j = 0; j < 2; j++) {\n const x = right - j;\n const upward = (right + 1 & 2) == 0;\n const y = upward ? this.size - 1 - vert : vert;\n if (!this.isFunction[y][x] && i < data.length * 8) {\n this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));\n i++;\n }\n }\n }\n }\n assert(i == data.length * 8);\n }\n applyMask(mask) {\n if (mask < 0 || mask > 7)\n throw new RangeError(\"Mask value out of range\");\n for (let y = 0; y < this.size; y++) {\n for (let x = 0; x < this.size; x++) {\n let invert;\n switch (mask) {\n case 0:\n invert = (x + y) % 2 == 0;\n break;\n case 1:\n invert = y % 2 == 0;\n break;\n case 2:\n invert = x % 3 == 0;\n break;\n case 3:\n invert = (x + y) % 3 == 0;\n break;\n case 4:\n invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;\n break;\n case 5:\n invert = x * y % 2 + x * y % 3 == 0;\n break;\n case 6:\n invert = (x * y % 2 + x * y % 3) % 2 == 0;\n break;\n case 7:\n invert = ((x + y) % 2 + x * y % 3) % 2 == 0;\n break;\n default:\n throw new Error(\"Unreachable\");\n }\n if (!this.isFunction[y][x] && invert)\n this.modules[y][x] = !this.modules[y][x];\n }\n }\n }\n getPenaltyScore() {\n let result = 0;\n for (let y = 0; y < this.size; y++) {\n let runColor = false;\n let runX = 0;\n let runHistory = [0, 0, 0, 0, 0, 0, 0];\n for (let x = 0; x < this.size; x++) {\n if (this.modules[y][x] == runColor) {\n runX++;\n if (runX == 5)\n result += _QrCode.PENALTY_N1;\n else if (runX > 5)\n result++;\n } else {\n this.finderPenaltyAddHistory(runX, runHistory);\n if (!runColor)\n result += this.finderPenaltyCountPatterns(runHistory) * _QrCode.PENALTY_N3;\n runColor = this.modules[y][x];\n runX = 1;\n }\n }\n result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * _QrCode.PENALTY_N3;\n }\n for (let x = 0; x < this.size; x++) {\n let runColor = false;\n let runY = 0;\n let runHistory = [0, 0, 0, 0, 0, 0, 0];\n for (let y = 0; y < this.size; y++) {\n if (this.modules[y][x] == runColor) {\n runY++;\n if (runY == 5)\n result += _QrCode.PENALTY_N1;\n else if (runY > 5)\n result++;\n } else {\n this.finderPenaltyAddHistory(runY, runHistory);\n if (!runColor)\n result += this.finderPenaltyCountPatterns(runHistory) * _QrCode.PENALTY_N3;\n runColor = this.modules[y][x];\n runY = 1;\n }\n }\n result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * _QrCode.PENALTY_N3;\n }\n for (let y = 0; y < this.size - 1; y++) {\n for (let x = 0; x < this.size - 1; x++) {\n const color = this.modules[y][x];\n if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1])\n result += _QrCode.PENALTY_N2;\n }\n }\n let dark = 0;\n for (const row of this.modules)\n dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);\n const total = this.size * this.size;\n const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;\n assert(0 <= k && k <= 9);\n result += k * _QrCode.PENALTY_N4;\n assert(0 <= result && result <= 2568888);\n return result;\n }\n getAlignmentPatternPositions() {\n if (this.version == 1)\n return [];\n else {\n const numAlign = Math.floor(this.version / 7) + 2;\n const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;\n let result = [6];\n for (let pos = this.size - 7; result.length < numAlign; pos -= step)\n result.splice(1, 0, pos);\n return result;\n }\n }\n static getNumRawDataModules(ver) {\n if (ver < _QrCode.MIN_VERSION || ver > _QrCode.MAX_VERSION)\n throw new RangeError(\"Version number out of range\");\n let result = (16 * ver + 128) * ver + 64;\n if (ver >= 2) {\n const numAlign = Math.floor(ver / 7) + 2;\n result -= (25 * numAlign - 10) * numAlign - 55;\n if (ver >= 7)\n result -= 36;\n }\n assert(208 <= result && result <= 29648);\n return result;\n }\n static getNumDataCodewords(ver, ecl) {\n return Math.floor(_QrCode.getNumRawDataModules(ver) / 8) - _QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * _QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];\n }\n static reedSolomonComputeDivisor(degree) {\n if (degree < 1 || degree > 255)\n throw new RangeError(\"Degree out of range\");\n let result = [];\n for (let i = 0; i < degree - 1; i++)\n result.push(0);\n result.push(1);\n let root = 1;\n for (let i = 0; i < degree; i++) {\n for (let j = 0; j < result.length; j++) {\n result[j] = _QrCode.reedSolomonMultiply(result[j], root);\n if (j + 1 < result.length)\n result[j] ^= result[j + 1];\n }\n root = _QrCode.reedSolomonMultiply(root, 2);\n }\n return result;\n }\n static reedSolomonComputeRemainder(data, divisor) {\n let result = divisor.map((_) => 0);\n for (const b of data) {\n const factor = b ^ result.shift();\n result.push(0);\n divisor.forEach((coef, i) => result[i] ^= _QrCode.reedSolomonMultiply(coef, factor));\n }\n return result;\n }\n static reedSolomonMultiply(x, y) {\n if (x >>> 8 != 0 || y >>> 8 != 0)\n throw new RangeError(\"Byte out of range\");\n let z = 0;\n for (let i = 7; i >= 0; i--) {\n z = z << 1 ^ (z >>> 7) * 285;\n z ^= (y >>> i & 1) * x;\n }\n assert(z >>> 8 == 0);\n return z;\n }\n finderPenaltyCountPatterns(runHistory) {\n const n = runHistory[1];\n assert(n <= this.size * 3);\n const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;\n return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);\n }\n finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {\n if (currentRunColor) {\n this.finderPenaltyAddHistory(currentRunLength, runHistory);\n currentRunLength = 0;\n }\n currentRunLength += this.size;\n this.finderPenaltyAddHistory(currentRunLength, runHistory);\n return this.finderPenaltyCountPatterns(runHistory);\n }\n finderPenaltyAddHistory(currentRunLength, runHistory) {\n if (runHistory[0] == 0)\n currentRunLength += this.size;\n runHistory.pop();\n runHistory.unshift(currentRunLength);\n }\n };\n let QrCode = _QrCode;\n QrCode.MIN_VERSION = 1;\n QrCode.MAX_VERSION = 40;\n QrCode.PENALTY_N1 = 3;\n QrCode.PENALTY_N2 = 3;\n QrCode.PENALTY_N3 = 40;\n QrCode.PENALTY_N4 = 10;\n QrCode.ECC_CODEWORDS_PER_BLOCK = [\n [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],\n [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],\n [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],\n [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]\n ];\n QrCode.NUM_ERROR_CORRECTION_BLOCKS = [\n [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],\n [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],\n [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],\n [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]\n ];\n qrcodegen2.QrCode = QrCode;\n function appendBits(val, len, bb) {\n if (len < 0 || len > 31 || val >>> len != 0)\n throw new RangeError(\"Value out of range\");\n for (let i = len - 1; i >= 0; i--)\n bb.push(val >>> i & 1);\n }\n function getBit(x, i) {\n return (x >>> i & 1) != 0;\n }\n function assert(cond) {\n if (!cond)\n throw new Error(\"Assertion error\");\n }\n const _QrSegment = class {\n constructor(mode, numChars, bitData) {\n this.mode = mode;\n this.numChars = numChars;\n this.bitData = bitData;\n if (numChars < 0)\n throw new RangeError(\"Invalid argument\");\n this.bitData = bitData.slice();\n }\n static makeBytes(data) {\n let bb = [];\n for (const b of data)\n appendBits(b, 8, bb);\n return new _QrSegment(_QrSegment.Mode.BYTE, data.length, bb);\n }\n static makeNumeric(digits) {\n if (!_QrSegment.isNumeric(digits))\n throw new RangeError(\"String contains non-numeric characters\");\n let bb = [];\n for (let i = 0; i < digits.length; ) {\n const n = Math.min(digits.length - i, 3);\n appendBits(parseInt(digits.substr(i, n), 10), n * 3 + 1, bb);\n i += n;\n }\n return new _QrSegment(_QrSegment.Mode.NUMERIC, digits.length, bb);\n }\n static makeAlphanumeric(text) {\n if (!_QrSegment.isAlphanumeric(text))\n throw new RangeError(\"String contains unencodable characters in alphanumeric mode\");\n let bb = [];\n let i;\n for (i = 0; i + 2 <= text.length; i += 2) {\n let temp = _QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;\n temp += _QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));\n appendBits(temp, 11, bb);\n }\n if (i < text.length)\n appendBits(_QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);\n return new _QrSegment(_QrSegment.Mode.ALPHANUMERIC, text.length, bb);\n }\n static makeSegments(text) {\n if (text == \"\")\n return [];\n else if (_QrSegment.isNumeric(text))\n return [_QrSegment.makeNumeric(text)];\n else if (_QrSegment.isAlphanumeric(text))\n return [_QrSegment.makeAlphanumeric(text)];\n else\n return [_QrSegment.makeBytes(_QrSegment.toUtf8ByteArray(text))];\n }\n static makeEci(assignVal) {\n let bb = [];\n if (assignVal < 0)\n throw new RangeError(\"ECI assignment value out of range\");\n else if (assignVal < 1 << 7)\n appendBits(assignVal, 8, bb);\n else if (assignVal < 1 << 14) {\n appendBits(2, 2, bb);\n appendBits(assignVal, 14, bb);\n } else if (assignVal < 1e6) {\n appendBits(6, 3, bb);\n appendBits(assignVal, 21, bb);\n } else\n throw new RangeError(\"ECI assignment value out of range\");\n return new _QrSegment(_QrSegment.Mode.ECI, 0, bb);\n }\n static isNumeric(text) {\n return _QrSegment.NUMERIC_REGEX.test(text);\n }\n static isAlphanumeric(text) {\n return _QrSegment.ALPHANUMERIC_REGEX.test(text);\n }\n getData() {\n return this.bitData.slice();\n }\n static getTotalBits(segs, version) {\n let result = 0;\n for (const seg of segs) {\n const ccbits = seg.mode.numCharCountBits(version);\n if (seg.numChars >= 1 << ccbits)\n return Infinity;\n result += 4 + ccbits + seg.bitData.length;\n }\n return result;\n }\n static toUtf8ByteArray(str) {\n str = encodeURI(str);\n let result = [];\n for (let i = 0; i < str.length; i++) {\n if (str.charAt(i) != \"%\")\n result.push(str.charCodeAt(i));\n else {\n result.push(parseInt(str.substr(i + 1, 2), 16));\n i += 2;\n }\n }\n return result;\n }\n };\n let QrSegment = _QrSegment;\n QrSegment.NUMERIC_REGEX = /^[0-9]*$/;\n QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\\/:-]*$/;\n QrSegment.ALPHANUMERIC_CHARSET = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:\";\n qrcodegen2.QrSegment = QrSegment;\n})(qrcodegen || (qrcodegen = {}));\n((qrcodegen2) => {\n let QrCode;\n ((QrCode2) => {\n const _Ecc = class {\n constructor(ordinal, formatBits) {\n this.ordinal = ordinal;\n this.formatBits = formatBits;\n }\n };\n let Ecc = _Ecc;\n Ecc.LOW = new _Ecc(0, 1);\n Ecc.MEDIUM = new _Ecc(1, 0);\n Ecc.QUARTILE = new _Ecc(2, 3);\n Ecc.HIGH = new _Ecc(3, 2);\n QrCode2.Ecc = Ecc;\n })(QrCode = qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));\n})(qrcodegen || (qrcodegen = {}));\n((qrcodegen2) => {\n let QrSegment;\n ((QrSegment2) => {\n const _Mode = class {\n constructor(modeBits, numBitsCharCount) {\n this.modeBits = modeBits;\n this.numBitsCharCount = numBitsCharCount;\n }\n numCharCountBits(ver) {\n return this.numBitsCharCount[Math.floor((ver + 7) / 17)];\n }\n };\n let Mode = _Mode;\n Mode.NUMERIC = new _Mode(1, [10, 12, 14]);\n Mode.ALPHANUMERIC = new _Mode(2, [9, 11, 13]);\n Mode.BYTE = new _Mode(4, [8, 16, 16]);\n Mode.KANJI = new _Mode(8, [8, 10, 12]);\n Mode.ECI = new _Mode(7, [0, 0, 0]);\n QrSegment2.Mode = Mode;\n })(QrSegment = qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));\n})(qrcodegen || (qrcodegen = {}));\nvar qrcodegen_default = qrcodegen;\n\n// src/index.tsx\n/**\n * @license qrcode.react\n * Copyright (c) Paul O'Shannessy\n * SPDX-License-Identifier: ISC\n */\nvar ERROR_LEVEL_MAP = {\n L: qrcodegen_default.QrCode.Ecc.LOW,\n M: qrcodegen_default.QrCode.Ecc.MEDIUM,\n Q: qrcodegen_default.QrCode.Ecc.QUARTILE,\n H: qrcodegen_default.QrCode.Ecc.HIGH\n};\nvar DEFAULT_SIZE = 128;\nvar DEFAULT_LEVEL = \"L\";\nvar DEFAULT_BGCOLOR = \"#FFFFFF\";\nvar DEFAULT_FGCOLOR = \"#000000\";\nvar DEFAULT_INCLUDEMARGIN = false;\nvar MARGIN_SIZE = 4;\nvar DEFAULT_IMG_SCALE = 0.1;\nfunction generatePath(modules, margin = 0) {\n const ops = [];\n modules.forEach(function(row, y) {\n let start = null;\n row.forEach(function(cell, x) {\n if (!cell && start !== null) {\n ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);\n start = null;\n return;\n }\n if (x === row.length - 1) {\n if (!cell) {\n return;\n }\n if (start === null) {\n ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);\n } else {\n ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);\n }\n return;\n }\n if (cell && start === null) {\n start = x;\n }\n });\n });\n return ops.join(\"\");\n}\nfunction excavateModules(modules, excavation) {\n return modules.slice().map((row, y) => {\n if (y < excavation.y || y >= excavation.y + excavation.h) {\n return row;\n }\n return row.map((cell, x) => {\n if (x < excavation.x || x >= excavation.x + excavation.w) {\n return cell;\n }\n return false;\n });\n });\n}\nfunction getImageSettings(cells, size, includeMargin, imageSettings) {\n if (imageSettings == null) {\n return null;\n }\n const margin = includeMargin ? MARGIN_SIZE : 0;\n const numCells = cells.length + margin * 2;\n const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);\n const scale = numCells / size;\n const w = (imageSettings.width || defaultSize) * scale;\n const h = (imageSettings.height || defaultSize) * scale;\n const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;\n const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;\n let excavation = null;\n if (imageSettings.excavate) {\n let floorX = Math.floor(x);\n let floorY = Math.floor(y);\n let ceilW = Math.ceil(w + x - floorX);\n let ceilH = Math.ceil(h + y - floorY);\n excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };\n }\n return { x, y, h, w, excavation };\n}\nvar SUPPORTS_PATH2D = function() {\n try {\n new Path2D().addPath(new Path2D());\n } catch (e) {\n return false;\n }\n return true;\n}();\nfunction QRCodeCanvas(props) {\n const _a = props, {\n value,\n size = DEFAULT_SIZE,\n level = DEFAULT_LEVEL,\n bgColor = DEFAULT_BGCOLOR,\n fgColor = DEFAULT_FGCOLOR,\n includeMargin = DEFAULT_INCLUDEMARGIN,\n style,\n imageSettings\n } = _a, otherProps = __objRest(_a, [\n \"value\",\n \"size\",\n \"level\",\n \"bgColor\",\n \"fgColor\",\n \"includeMargin\",\n \"style\",\n \"imageSettings\"\n ]);\n const imgSrc = imageSettings == null ? void 0 : imageSettings.src;\n const _canvas = useRef(null);\n const _image = useRef(null);\n const [isImgLoaded, setIsImageLoaded] = useState(false);\n useEffect(() => {\n if (_canvas.current != null) {\n const canvas = _canvas.current;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) {\n return;\n }\n let cells = qrcodegen_default.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();\n const margin = includeMargin ? MARGIN_SIZE : 0;\n const numCells = cells.length + margin * 2;\n const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);\n const image = _image.current;\n const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;\n if (haveImageToRender) {\n if (calculatedImageSettings.excavation != null) {\n cells = excavateModules(cells, calculatedImageSettings.excavation);\n }\n }\n const pixelRatio = window.devicePixelRatio || 1;\n canvas.height = canvas.width = size * pixelRatio;\n const scale = size / numCells * pixelRatio;\n ctx.scale(scale, scale);\n ctx.fillStyle = bgColor;\n ctx.fillRect(0, 0, numCells, numCells);\n ctx.fillStyle = fgColor;\n if (SUPPORTS_PATH2D) {\n ctx.fill(new Path2D(generatePath(cells, margin)));\n } else {\n cells.forEach(function(row, rdx) {\n row.forEach(function(cell, cdx) {\n if (cell) {\n ctx.fillRect(cdx + margin, rdx + margin, 1, 1);\n }\n });\n });\n }\n if (haveImageToRender) {\n ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);\n }\n }\n });\n useEffect(() => {\n setIsImageLoaded(false);\n }, [imgSrc]);\n const canvasStyle = __spreadValues({ height: size, width: size }, style);\n let img = null;\n if (imgSrc != null) {\n img = /* @__PURE__ */ React.createElement(\"img\", {\n src: imgSrc,\n key: imgSrc,\n style: { display: \"none\" },\n onLoad: () => {\n setIsImageLoaded(true);\n },\n ref: _image\n });\n }\n return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"canvas\", __spreadValues({\n style: canvasStyle,\n height: size,\n width: size,\n ref: _canvas\n }, otherProps)), img);\n}\nfunction QRCodeSVG(props) {\n const _a = props, {\n value,\n size = DEFAULT_SIZE,\n level = DEFAULT_LEVEL,\n bgColor = DEFAULT_BGCOLOR,\n fgColor = DEFAULT_FGCOLOR,\n includeMargin = DEFAULT_INCLUDEMARGIN,\n imageSettings\n } = _a, otherProps = __objRest(_a, [\n \"value\",\n \"size\",\n \"level\",\n \"bgColor\",\n \"fgColor\",\n \"includeMargin\",\n \"imageSettings\"\n ]);\n let cells = qrcodegen_default.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();\n const margin = includeMargin ? MARGIN_SIZE : 0;\n const numCells = cells.length + margin * 2;\n const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);\n let image = null;\n if (imageSettings != null && calculatedImageSettings != null) {\n if (calculatedImageSettings.excavation != null) {\n cells = excavateModules(cells, calculatedImageSettings.excavation);\n }\n image = /* @__PURE__ */ React.createElement(\"image\", {\n xlinkHref: imageSettings.src,\n height: calculatedImageSettings.h,\n width: calculatedImageSettings.w,\n x: calculatedImageSettings.x + margin,\n y: calculatedImageSettings.y + margin,\n preserveAspectRatio: \"none\"\n });\n }\n const fgPath = generatePath(cells, margin);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n height: size,\n width: size,\n viewBox: `0 0 ${numCells} ${numCells}`\n }, otherProps), /* @__PURE__ */ React.createElement(\"path\", {\n fill: bgColor,\n d: `M0,0 h${numCells}v${numCells}H0z`,\n shapeRendering: \"crispEdges\"\n }), /* @__PURE__ */ React.createElement(\"path\", {\n fill: fgColor,\n d: fgPath,\n shapeRendering: \"crispEdges\"\n }), image);\n}\nvar QRCode = (props) => {\n const _a = props, { renderAs } = _a, otherProps = __objRest(_a, [\"renderAs\"]);\n if (renderAs === \"svg\") {\n return /* @__PURE__ */ React.createElement(QRCodeSVG, __spreadValues({}, otherProps));\n }\n return /* @__PURE__ */ React.createElement(QRCodeCanvas, __spreadValues({}, otherProps));\n};\nexport {\n QRCodeCanvas,\n QRCodeSVG,\n QRCode as default\n};\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport Icons from \"@/components/ui/Icons/Icons\";\nimport HeaderHomeAgent from \"@/components/HeaderAgent\";\nimport GlobalLanguage from \"@/components/GlobalLanguage\";\nimport webSiteLogo from \"@/assets/img/webSite_logo.png\";\nimport agentIcon from \"@/assets/img/agentIcon.png\";\nimport { referralLinkDetails } from \"@/store/referralLinkInfo/index\";\nimport Styles from \"./index.less\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ReferralLinkFailure = () => {\n const { t } = useTranslation();\n const referralLinkInfo = useSelector(referralLinkDetails);\n return (\n \n
\n \n
\n \n {!isMobile&&}\n
\n \n
\n {status ? t(\"paymentLink.payStatus.insureSuccess\") : t(\"paymentLink.payStatus.insureFail\")}
\n {status ? t(\"paymentLink.payStatus.paymentSucessTxt\") :t(\"paymentLink.payStatus.SorryThat\")}
\n {status && \n {/* 您的保單號碼 */}\n {t(\"paymentLink.payStatus.yourPolicyNo\")}\n {/* {sessionStorage.getItem('agentPolicyNoOfLink')||''} */}\n {policyNo}\n
}\n {status && \n
}\n {t(\"paymentLink.payStatus.sendYou\")}
\n {t(\"paymentLink.payStatus.sendEmail\")}
\n \n
\n handleClick(status)}>{status ? t(\"paymentLink.payStatus.backHome\") : t(\"paymentLink.payStatus.retry\")}
\n {/* 添加到Apple錢包
\n 添加到Google錢包
*/}\n \n {t(\"paymentLink.payStatus.fileNo\")} {appNo||''}\n
\n \n \n <>\n \n
\n \n {t(\"paymentLink.payStatus.contact\")}\n
\n \n {t(\"paymentLink.payStatus.yourPolicyPerson\")}\n
\n \n {agentInfo?.agentName||''}\n
\n \n {t(\"paymentLink.payStatus.licenceNum\")}{agentInfo?.licenceNo}\n
\n \n \n \n
\n {agentInfo?.email||''}
\n {agentInfo?.phone||''}
\n \n
\n );\n};\nexport default ReferralLinkFailure;\n","import React from \"react\";\r\nimport \"./index.less\";\r\nconst NotFound = () => {\r\n return (\r\n \n
\n \n \n
\n \n
\n \n
\n \n {t(\"referral-link-failure.recommendLink\")}\n
\n {t(\"referral-link-failure.product\")}
\n {t(\"referral-link-failure.travel\")}
\n \n {t(\"referral-link-failure.linkFail\")}\n
\n \n {t(\"referral-link-failure.contact\")}
\n \n \n
\n \n
\n {referralLinkInfo?.agentName}
\n \n {t(\"referral-link-failure.licenceNum\")}\n {referralLinkInfo?.agentLicenseNo }\n
\n \n
\n \n
\n \r\n 404\r\n
\r\n );\r\n};\r\nexport default NotFound;\r\n","export default __webpack_public_path__ + \"./imgs/bx_logo_3.a2da3f.png\";","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n randomUUID\n};","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\n\nfunction stringify(arr, offset = 0) {\n const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n if (native.randomUUID && !buf && !options) {\n return native.randomUUID();\n }\n\n options = options || {};\n const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (let i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return unsafeStringify(rnds);\n}\n\nexport default v4;","import React, { Fragment } from \"react\";\nimport iconLogo from \"@/assets/imgs/bx_logo_3.png\";\n// import iconQRCode from \"@/assets/imgs/quotation-pdf-qr-code.png\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n ISOToddMMYYHH,\n formatCurrency,\n formatPercentage,\n getCurrentLang,\n} from \"@/config/commonUtil\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport \"./DynamicContentForPuppeteer.less\";\nimport Styles from \"./DynamicContentForPuppeteer.less\";\nimport { dateFormatVal } from \"@/config/commonUtil.js\";\nimport dayjs from \"dayjs\";\n\nconst DynamicContentForPuppeteer = ({ premiumData, insuredData, lang }) => {\n console.log(\"curreng pdf use language\", lang);\n const { t } = useTranslation(undefined, { lng: lang });\n\n //table 保障项目列的宽度\n const colSpanLeft = 4;\n const widthLeft = \"50%\";\n\n //table plan 每个计划的宽度\n const colSpanRight = 1;\n const widthRight = \"50%\";\n const widthRightEach = \"12.5%\";\n\n //页面大部分字体大小\n const basicFontSize = \"8pt\";\n\n //增加個人意外保障\n const additionalPremium = [\n {\n //不同挡位对应不同金额\n additionalPABenefit: 1,\n money: 500000,\n },\n {\n additionalPABenefit: 2,\n money: 1000000,\n },\n {\n additionalPABenefit: 3,\n money: 1500000,\n },\n {\n additionalPABenefit: 4,\n money: 2000000,\n },\n ];\n\n /** logo and qr code */\n const renderLogoAndQrCode = () => {\n return (\n \n
\n \n );\n };\n\n /** title and date */\n const renderTitleAndDate = () => {\n //格式化日期\n const displayDate =\n insuredData && insuredData.quotationDownloadDate\n ? ISOToddMMYYHH(insuredData.quotationDownloadDate)\n : undefined;\n\n // case No\n const displayCaseNo = getPropertyOfInsuredData(\"appNo\");\n return (\n <>\n \n
\n \n 
\n
\n \n {/* 
*/}\n \n {t(\"quotation-pdf.tnc\")}\n
\n \n
\n {t(\"quotation-pdf.pdfTitle\")}
\n\n {t(\"quotation-pdf.date\")}\n {displayDate}\n
\n \n {t(\"quotation-pdf.caseNo\")}\n {displayCaseNo}\n
\n \n \n
\n {/* 备注信息 */}\n \n {/* 準投保人 */}\n {t(\"quotation-pdf.proposedApplicant\")}\n {displayInsuredName}\n
\n \n {/* 營業員號碼 */}\n {t(\"quotation-pdf.agentCode\")}\n {displayAgentCode}\n
\n \n {/* 營業員 */}\n {t(\"quotation-pdf.agent\")}\n {displayAgentName}\n
\n \n {/* 毛保費 */}\n {t(\"quotation-pdf.grossPremium\")}\n {displayGrossPremium}\n
\n \n {/* 產品優惠 */}\n {t(\"quotation-pdf.productDiscount\")}\n {displayProductDiscount}\n
\n \n {/* 保費優惠 */}\n {t(\"quotation-pdf.premiumDiscount\")}\n {displayPremiumDiscount}\n
\n \n {/* 銷售折扣： */}\n {t(\"quotation-pdf.salesDiscount\")}\n {displaySalesDiscount}\n
\n \n {/* 總保費： */}\n {t(\"quotation-pdf.totalPremium\")}\n {displayTotalPremium}\n
\n \n
\n \n \n );\n };\n\n //保障類別\n const handleProductCode = () => {\n let val = getPropertyOfInsuredData(\"productCode\");\n val = val === \"AST\" ? t(\"quotation-pdf.ast\") : t(\"quotation-pdf.aat\");\n return val;\n };\n\n //投保人類別\n const handleApplicantType = () => {\n let val = getPropertyOfInsuredData(\"applicantType\");\n if (val === \"I\") {\n val = t(\"quotation-pdf.individual\");\n }\n if (val === \"C\") {\n val = t(\"quotation-pdf.company\");\n }\n return val;\n };\n\n //保費組別\n const handlePremiumPackage = () => {\n let val = getPropertyOfInsuredData(\"premiumPackage\");\n if (val === \"I\") {\n val = t(\"quotation-pdf.individual\");\n }\n if (val === \"F\") {\n val = t(\"quotation-pdf.family\");\n }\n return val;\n };\n\n //保障計劃\n const handlePlanID = () => {\n let val = getPropertyOfInsuredData(\"planID\");\n if (val !== undefined) {\n val = val.toLowerCase();\n val = t(`quotation-pdf.${val}`);\n }\n\n return val;\n };\n\n //旅程日期\n const handleJourneyDate = () => {\n let coverDays = getPropertyOfInsuredData(\"coverDays\");\n coverDays =\n coverDays !== undefined\n ? `${coverDays} ${t(\"quotation-pdf.days\")}`\n : undefined;\n\n let policyEffectFrom = getPropertyOfInsuredData(\"policyEffectFrom\");\n if (policyEffectFrom !== undefined) {\n //格式化\n policyEffectFrom = dayjs(policyEffectFrom).format(dateFormatVal);\n }\n let policyEffectTo = getPropertyOfInsuredData(\"policyEffectTo\");\n if (policyEffectTo !== undefined) {\n //格式化\n policyEffectTo = dayjs(policyEffectTo).format(dateFormatVal);\n }\n\n //9 日 (22/02/2024 - 01/03/2024)\n const val = `${coverDays} ( ${policyEffectFrom} - ${policyEffectTo} )`;\n return val;\n };\n\n // 英文环境下用一个人用adult， 多个人用adults\n const renderAdults = (val) => {\n return val > 1 && lang === \"en\"\n ? t(\"quotation-pdf.adultNum\") + \"s\"\n : t(\"quotation-pdf.adultNum\");\n };\n\n //受保人數\n const handleNumberOfInsured = () => {\n let applicantType = getPropertyOfInsuredData(\"applicantType\");\n let premiumPackage = getPropertyOfInsuredData(\"premiumPackage\");\n let isFamily = false;\n /**\n * 个人：ApplicantType - I, Package - I\n 家庭：ApplicantType - I, Package - F\n 公司：ApplicantType - C, Package - I\n */\n if (applicantType === \"I\" && premiumPackage === \"F\") {\n isFamily = true;\n }\n\n let val = \"\";\n if (isFamily) {\n //adult\n let insuredAdult = getPropertyOfInsuredData(\"insuredAdult\");\n insuredAdult =\n insuredAdult !== undefined\n ? `${insuredAdult} ${renderAdults(insuredAdult)}`\n : undefined;\n\n //child\n let insuredChild = getPropertyOfInsuredData(\"insuredChild\");\n insuredChild =\n insuredChild !== undefined\n ? `${insuredChild} ${t(\"quotation-pdf.childNum\")}`\n : undefined;\n\n val = insuredAdult + insuredChild;\n } else {\n //公司和个人用其他变量\n const userInputInsured = getPropertyOfInsuredData(\"userInputInsured\");\n if (userInputInsured !== undefined) {\n val = `${userInputInsured} ${renderAdults(userInputInsured)}`;\n }\n }\n\n return val;\n };\n\n /** 保障詳情： */\n const renderPlanDetails = () => {\n //总保费\n const displayTotalPremium = handleMoney(\n getPropertyOfInsuredData(\"customerPayablePremiumAmount\"),\n formatCurrency\n );\n\n //保障類別\n const displayProductCode = handleProductCode();\n\n //投保人類別\n const displayApplicantType = handleApplicantType();\n\n //保費組別\n const displayPremiumPackage = handlePremiumPackage();\n\n //保障計劃\n const displayPlanID = handlePlanID();\n\n //旅程日期\n const displayJourneyDate = handleJourneyDate();\n\n //受保人數\n const displayNumberOfInsured = handleNumberOfInsured();\n return (\n {t(\"quotation-pdf.basicInfoDescItem1\")}
\n \n {/* 保障詳情： */}\n {t(\"quotation-pdf.coverageBreakDown\")}\n
\n\n \n {/* 保費： */}\n {t(\"quotation-pdf.premium\")}\n {displayTotalPremium}\n
\n \n {/* 保障類別： */}\n {t(\"quotation-pdf.benefitType\")}\n {displayProductCode}\n
\n \n {/* 投保人類別： */}\n {t(\"quotation-pdf.applicantType\")}\n {displayApplicantType}\n
\n \n {/* 保費組別： */}\n {t(\"quotation-pdf.premiumPackage\")}\n {displayPremiumPackage}\n
\n \n {/* 保障計劃 */}\n {t(\"quotation-pdf.protectionPlan\")}\n {displayPlanID}\n
\n \n {/* 旅程日期 */}\n {t(\"quotation-pdf.journeyDate\")}\n {displayJourneyDate}\n
\n \n {/* 受保人數 */}\n {t(\"quotation-pdf.numberOfInsured\")}\n {displayNumberOfInsured}\n
\n \n );\n };\n\n //thead\n const renderThead = (headBenefitList) => {\n return (\n <>\n Maximum Benefit Limit (HK$) Per Period of Insurance
\n 每個受保期之最高賠償額 (HK$)
\n \n {k.enVal}
\n {k.zhVal}
\n \n );\n })}\n {k}
\n \n \n {/* head部分 */}\n \n {renderThead(headBenefitList)}\n \n {/* body部分 */}\n \n {renderPremiumInfo(isAnnual, headBenefitList)}\n \n \n
\n );\n };\n\n //增加個人意外保障\n const renderAdditionalPremium = () => {\n if (\n insuredData &&\n insuredData.insuredList &&\n insuredData.insuredList.length > 0\n ) {\n return (\n Schedule of Benefits - TravelElite ({valEn})
\n保障項目表 - 智遨遊 ({valZh})
\n{t(\"quotation-pdf.additionalPremiumTitle\")}
\n\n
\n {insuredData.insuredList.map((k, i) => {\n //找到当前档位对应的金额\n const val = additionalPremium.find(\n (l) => l.additionalPABenefit === k.additionalPABenefit\n );\n let displayVal = 0;\n if (val !== undefined) {\n displayVal = val.money;\n }\n //子女不显示\n const shouldDisplay = k.relationship === \"CHLD\" ? false : true;\n return (\n shouldDisplay && (\n \n {t(\"quotation-pdf.additionalPremiumInsuredPerson\")}\n
\n \n {t(\"quotation-pdf.additionalPremiumInsuredTitle\")}\n
\n \n
\n )\n );\n })}\n \n );\n }\n };\n\n /** notes */\n const renderNotes = () => {\n return (\n \n {t(\"quotation-pdf.additionalPremiumInsuredPerson\")} {i + 1}\n {k.insuredGivenName}\n {k.insuredSurname}\n
\n {/* 显示格式化的货币 */}\n \n {formatCurrency(displayVal)}\n
\n {t(\"quotation-pdf.notes\")}
\n - \n
- \n 1.\n\n {t(\"quotation-pdf.noteItem1\")}\n\n \n
- \n 2.\n\n {t(\"quotation-pdf.noteItem2\")}\n\n \n
- \n 3.\n\n {t(\"quotation-pdf.noteItem3\")}\n\n \n
- \n 4.\n\n {t(\"quotation-pdf.noteItem4\")}\n\n \n
- \n 5.\n\n {t(\"quotation-pdf.noteItem5\")}\n\n \n
\n
\n );\n};\n\nexport default DynamicContentForPuppeteer;\n","import React, { useEffect, useState } from \"react\";\nimport DynamicContentForPuppeteer from \"./DynamicContentForPuppeteer\";\nimport { postQuoteTableList, fetchPdfInsuredData } from \"@/request\";\n\nconst QuotationPDFForPuppeteer = () => {\n const [premiumData, setPremiumData] = useState(null);\n const [insuredData, setInsuredData] = useState(null);\n const [loading, setLoading] = useState(null);\n\n const query = window.location.search.substring(1);\n const param = new URLSearchParams(query);\n const appNo = param.get(\"appNo\") ?? \"U000230212\";\n const lang = param.get(\"lang\") ?? \"en\";\n\n //get data of premium\n const getPremiumData = async () => {\n setLoading(true);\n try {\n const res = await postQuoteTableList({});\n if (res.status === 200) {\n setPremiumData(res.data);\n }\n setLoading(false);\n } catch (error) {\n setLoading(false);\n console.error(\"fetch premium data in pdf met error\", error);\n }\n };\n\n //get data of insured data\n const getInsuredData = async () => {\n setLoading(true);\n try {\n //add language and appNo\n const res = await fetchPdfInsuredData(appNo, lang);\n if (res.status === 200) {\n setInsuredData(res.data);\n }\n setLoading(false);\n } catch (error) {\n setLoading(false);\n console.error(\"fetch insured data in pdf met error\", error);\n }\n };\n\n useEffect(() => {\n document.documentElement.style.backgroundColor = \"white\";\n getPremiumData();\n getInsuredData();\n }, []);\n\n if (loading) {\n return \n {/* 投保信息-----------start-------------- */}\n {renderLogoAndQrCode()}\n {renderTitleAndDate()}\n {renderBasicInfo()}\n {/* 分割虚线 */}\n \n {renderPlanDetails()}\n {/* 投保信息-----------end-------------- */}\n\n {/* 保费详情 */}\n {renderTable()}\n\n {/* 增加個人意外保障額 */}\n {renderAdditionalPremium()}\n\n {/* note部分*/}\n {renderNotes()}\n
\n Loading...
;\n }\n\n return (\n \n \n
\n );\n};\n\nexport default QuotationPDFForPuppeteer;\n","import React, { lazy, Suspense } from \"react\";\r\nimport { useRoutes, BrowserRouter, Navigate, Outlet } from \"react-router-dom\";\r\nimport CustomLayout from '../components/layout/index';\r\nconst Login = lazy(()=>import(\"@/pages/login\"));\r\nimport Quote from \"@/pages/quote\";\r\nimport Home from '@/pages/home';\r\nimport Insure from '@/pages/insure';\r\nimport Comfirm from '@/pages/insure/comfirm';\r\nimport Pay from '@/pages/payment';\r\nimport InsureStatus from '@/pages/payment/component/insureStatus';\r\nimport PaySend from '@/pages/insure/paySend';\r\nimport PaymentLink from '@/pages/paymentLink';\r\nimport PaymentLinkStatus from '@/pages/paymentLink/payStatus';\r\nimport ReferralLinkFailure from '@/pages/referralLinkFailure';\r\nimport NoDataPage from '@/pages/404';\r\nimport QuotationPDFForPuppeteer from \"@/pages/quotation-pdf-for-puppeteer/Index\";\r\nconst SetPageRoute = [\r\n {\r\n path: \"/login\",\r\n element: ,\r\n },\r\n {\r\n path: 'referralLinkFailure',\r\n element:
,\r\n },\r\n {\r\n path: 'referralLinkFailure',\r\n element: