@pisell/private-materials 6.7.3 → 6.7.4

package/es/plus/webPosLogin/components/MediaDisplay/index.js

@@ -0,0 +1,220 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { memo, useMemo, useRef, useEffect, useState, useCallback } from 'react';
+import { Image } from '@pisell/materials';
+import "./index.less";
+
+/**
+ * MediaDisplay 媒体组件
+ * @description 通用媒体展示组件，支持图片/视频展示
+ * - 支持单个媒体或轮播（预留）
+ * - 支持全屏模式
+ * - 支持视频播放控制和状态回调
+ */
+var MediaDisplay = /*#__PURE__*/memo(function (props) {
+  var _config$carouselItems3;
+  var config = props.config,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$fullscreen = props.fullscreen,
+    fullscreen = _props$fullscreen === void 0 ? false : _props$fullscreen,
+    _props$muted = props.muted,
+    muted = _props$muted === void 0 ? true : _props$muted,
+    _props$loop = props.loop,
+    loop = _props$loop === void 0 ? false : _props$loop,
+    onVideoEnded = props.onVideoEnded,
+    onVideoStateChange = props.onVideoStateChange,
+    _props$canClose = props.canClose,
+    canClose = _props$canClose === void 0 ? true : _props$canClose,
+    onClose = props.onClose;
+  var videoRef = useRef(null);
+  var _useState = useState('idle'),
+    _useState2 = _slicedToArray(_useState, 2),
+    videoState = _useState2[0],
+    setVideoState = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isVideoEnded = _useState4[0],
+    setIsVideoEnded = _useState4[1];
+
+  /**
+   * 获取当前要展示的媒体项
+   * 如果只有一个媒体项，直接返回；否则返回第一个（轮播逻辑预留）
+   */
+  var currentMedia = useMemo(function () {
+    var _config$carouselItems;
+    if (config !== null && config !== void 0 && (_config$carouselItems = config.carouselItems) !== null && _config$carouselItems !== void 0 && _config$carouselItems.length) {
+      // 目前只取第一个，轮播逻辑预留
+      return config.carouselItems[0];
+    }
+    // 如果有 logo，构造为图片类型
+    if (config !== null && config !== void 0 && config.logo) {
+      return {
+        type: 'image',
+        url: config.logo
+      };
+    }
+    return null;
+  }, [config === null || config === void 0 ? void 0 : config.carouselItems, config === null || config === void 0 ? void 0 : config.logo]);
+
+  /**
+   * 是否为视频类型
+   */
+  var isVideo = (currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.type) === 'video';
+
+  /**
+   * 是否为单一媒体（不需要显示切换控件）
+   */
+  var isSingleMedia = useMemo(function () {
+    var _config$carouselItems2;
+    var itemCount = (config === null || config === void 0 || (_config$carouselItems2 = config.carouselItems) === null || _config$carouselItems2 === void 0 ? void 0 : _config$carouselItems2.length) || 0;
+    // 只有一个轮播项，或者没有轮播项但有 logo
+    return itemCount <= 1;
+  }, [config === null || config === void 0 || (_config$carouselItems3 = config.carouselItems) === null || _config$carouselItems3 === void 0 ? void 0 : _config$carouselItems3.length]);
+
+  /**
+   * 更新视频播放状态
+   */
+  var updateVideoState = useCallback(function (state) {
+    setVideoState(state);
+    onVideoStateChange === null || onVideoStateChange === void 0 || onVideoStateChange(state);
+  }, [onVideoStateChange]);
+
+  /**
+   * 处理视频播放结束
+   */
+  var handleVideoEnded = useCallback(function () {
+    setIsVideoEnded(true);
+    updateVideoState('ended');
+    onVideoEnded === null || onVideoEnded === void 0 || onVideoEnded();
+
+    // 如果可以关闭，触发关闭回调
+    if (canClose) {
+      onClose === null || onClose === void 0 || onClose();
+    }
+    // 如果不能关闭（初始化未完成），视频会停在最后一帧等待
+    // 外部通过修改 canClose 为 true 后，组件会在下次渲染时触发 onClose
+  }, [canClose, onClose, onVideoEnded, updateVideoState]);
+
+  /**
+   * 监听 canClose 变化，如果视频已结束且 canClose 变为 true，触发关闭
+   */
+  useEffect(function () {
+    if (isVideoEnded && canClose) {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  }, [isVideoEnded, canClose, onClose]);
+
+  /**
+   * 视频事件处理
+   */
+  useEffect(function () {
+    var video = videoRef.current;
+    if (!video || !isVideo) return;
+    var handlePlay = function handlePlay() {
+      return updateVideoState('playing');
+    };
+    var handlePause = function handlePause() {
+      return updateVideoState('paused');
+    };
+    var handleError = function handleError() {
+      return updateVideoState('error');
+    };
+    var handleLoadedData = function handleLoadedData() {
+      // 视频加载完成后自动播放
+      video.play().catch(function (err) {
+        console.warn('[MediaDisplay] 视频自动播放失败:', err);
+        updateVideoState('error');
+      });
+    };
+    video.addEventListener('play', handlePlay);
+    video.addEventListener('pause', handlePause);
+    video.addEventListener('ended', handleVideoEnded);
+    video.addEventListener('error', handleError);
+    video.addEventListener('loadeddata', handleLoadedData);
+    return function () {
+      video.removeEventListener('play', handlePlay);
+      video.removeEventListener('pause', handlePause);
+      video.removeEventListener('ended', handleVideoEnded);
+      video.removeEventListener('error', handleError);
+      video.removeEventListener('loadeddata', handleLoadedData);
+    };
+  }, [isVideo, handleVideoEnded, updateVideoState]);
+
+  /** 品牌标语 */
+  var slogan = config === null || config === void 0 ? void 0 : config.slogan;
+
+  /**
+   * 渲染媒体内容
+   */
+  var renderMedia = function renderMedia() {
+    if (!currentMedia) {
+      return null;
+    }
+    if (currentMedia.type === 'video') {
+      return /*#__PURE__*/React.createElement("video", {
+        style: {
+          backgroundColor: currentMedia.backgroundColor
+        },
+        ref: videoRef,
+        src: currentMedia.url,
+        className: "media-display__video",
+        muted: muted,
+        loop: loop,
+        playsInline: true,
+        autoPlay: true
+      });
+    }
+    if (currentMedia.type === 'logo') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "media-display__logo-wrapper"
+      }, /*#__PURE__*/React.createElement(Image, {
+        style: currentMedia.logoStyle,
+        src: currentMedia.url,
+        preview: false
+      }));
+    }
+
+    // 图片类型
+    return /*#__PURE__*/React.createElement("div", {
+      className: "media-display__image-wrapper"
+    }, /*#__PURE__*/React.createElement(Image, {
+      style: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: currentMedia.backgroundColor
+      },
+      src: currentMedia.url,
+      preview: false,
+      alt: "Media",
+      className: "media-display__image"
+    }));
+  };
+
+  // 全屏模式
+  if (fullscreen) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "media-display media-display--fullscreen ".concat(className).trim()
+    }, renderMedia());
+  }
+  console.log(currentMedia, 'currentMedia');
+
+  // 普通模式（品牌面板样式）
+  return /*#__PURE__*/React.createElement("div", {
+    className: "webpos-login-brand-panel ".concat(className).trim()
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "webpos-login-brand-panel__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "webpos-login-brand-panel__logo-wrapper"
+  }, renderMedia()), slogan && /*#__PURE__*/React.createElement("p", {
+    className: "webpos-login-brand-panel__slogan"
+  }, slogan), !isSingleMedia && /*#__PURE__*/React.createElement("div", {
+    className: "webpos-login-brand-panel__carousel-controls"
+  })));
+});
+MediaDisplay.displayName = 'MediaDisplay';
+export default MediaDisplay;

package/es/plus/webPosLogin/components/MediaDisplay/index.less

@@ -0,0 +1,141 @@
+/**
+ * MediaDisplay 媒体展示组件样式
+ */
+
+/* 全屏模式 */
+.media-display {
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  /* 全屏模式 */
+  &--fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9999;
+    /* 背景色由 JS 动态设置（从视频帧提取主色），这里设置默认回退值 */
+    background: #000;
+
+    /* 全屏模式下视频铺满 */
+    .media-display__video {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  /* 视频样式（普通模式） */
+  &__video {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  /* 图片容器 */
+  &__image-wrapper {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .pisell-lowcode-image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  /* 图片样式 */
+  &__image {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: cover;
+  }
+}
+
+/**
+ * BrandPanel 品牌区组件样式（普通模式）
+ */
+.webpos-login-brand-panel {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 50%;
+  min-width: 400px;
+  min-height: 600px;
+  background: linear-gradient(135deg, #F04A28 0%, #E8421F 100%);
+  border-radius: 24px 0 0 24px;
+  overflow: hidden;
+  flex-shrink: 0;
+
+  /* 品牌内容区 */
+  &__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 40px;
+    text-align: center;
+  }
+
+  /* Logo/媒体 容器 */
+  &__logo-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    max-width: 320px;
+
+    /* 视频在品牌面板中的样式 */
+    video {
+      max-width: 100%;
+      max-height: 240px;
+      border-radius: 8px;
+    }
+  }
+
+  /* Logo 图片 */
+  &__logo {
+    max-width: 100%;
+    max-height: 120px;
+    object-fit: contain;
+  }
+
+  /* 品牌标语 */
+  &__slogan {
+    margin-top: 16px;
+    font-size: 18px;
+    font-weight: 400;
+    color: rgba(255, 255, 255, 0.9);
+    letter-spacing: 0.5px;
+    line-height: 1.5;
+  }
+
+  /* 轮播控件（预留） */
+  &__carousel-controls {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 20px;
+    gap: 8px;
+  }
+}
+
+/* 响应式适配 */
+@media screen and (max-width: 768px) {
+  .webpos-login-brand-panel {
+    display: none;
+  }
+
+  /* 全屏模式在移动端仍然显示 */
+  .media-display--fullscreen {
+    display: flex;
+  }
+}

package/es/plus/webPosLogin/components/MediaDisplay/type.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+/**
+ * 媒体轮播项
+ * @description 媒体展示区的轮播内容配置
+ */
+export interface CarouselItem {
+    /** 内容类型：图片或视频 */
+    type: 'image' | 'video' | 'logo';
+    /** 资源URL */
+    url: string;
+    /** 背景颜色 */
+    backgroundColor?: string;
+    /** logo样式 */
+    logoStyle?: React.CSSProperties;
+}
+/**
+ * 媒体配置
+ * @description 媒体展示区域的配置
+ */
+export interface MediaConfig {
+    /** 轮播内容列表（图片/视频） */
+    carouselItems?: CarouselItem[];
+    /** 默认Logo（当无轮播时显示） */
+    logo?: string;
+    /** 品牌标语 */
+    slogan?: string;
+}
+/**
+ * 视频播放状态
+ */
+export declare type VideoPlayState = 'idle' | 'playing' | 'paused' | 'ended' | 'error';
+/**
+ * MediaDisplay 媒体展示组件 Props
+ */
+export interface MediaDisplayProps {
+    /** 品牌配置 */
+    config?: MediaConfig;
+    /** 自定义类名 */
+    className?: string;
+    /** 是否全屏模式 */
+    fullscreen?: boolean;
+    /** 视频是否静音，默认 true */
+    muted?: boolean;
+    /** 视频是否循环播放，默认 false */
+    loop?: boolean;
+    /** 视频播放结束回调 */
+    onVideoEnded?: () => void;
+    /** 视频播放状态变化回调 */
+    onVideoStateChange?: (state: VideoPlayState) => void;
+    /** 是否可以关闭（用于控制视频结束后是否允许关闭） */
+    canClose?: boolean;
+    /** 关闭回调（视频结束且 canClose 为 true 时触发） */
+    onClose?: () => void;
+}

package/es/plus/webPosLogin/components/MediaDisplay/type.js

@@ -0,0 +1 @@
+export {};

package/es/pro/pisellPaymentList/example.d.ts

@@ -4,6 +4,7 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
+/// <reference types="react" />
 export declare const BasicExample: () => JSX.Element;
 export declare const ChildrenExample: () => JSX.Element;
 export declare const CustomItemExample: () => JSX.Element;

package/lib/components/appointmentBooking/components/Footer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ onNext, isOpen }: any) => JSX.Element;
 export default Footer;

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const GuestOptionsModal: (props: any) => JSX.Element;
 export default GuestOptionsModal;

package/lib/components/booking/components/formItemChildrenWrap/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const FormItemChildrenWrap: (props: any) => JSX.Element;
 export default FormItemChildrenWrap;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info/service/like/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Like: ({ status, onChange, className, style, }: {
     style?: any;

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;

package/lib/components/eftpos/form/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

package/lib/components/eftpos/group/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/lib/components/eftpos/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/lib/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: (props: {
     status: string;
     pedding?: string;

package/lib/components/eftposPay/device.d.ts

@@ -11,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, containerStyle, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"tyro" | "windcave" | "stripe" | "payo" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "warn" | "loading" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "pay" | "refund" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "windcave" | "stripe" | "payo" | "linkly" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
@@ -308,7 +308,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/lib/components/eventBooking/components/ErrorTip/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => JSX.Element;
 export default ErrorTip;

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Deposit: () => JSX.Element;
 export default Deposit;

package/lib/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const InformationOptionsModal: (props: any) => JSX.Element;
 export default InformationOptionsModal;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const WeekItem: (props: any) => JSX.Element;
 export default WeekItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const DayItem: (props: any) => JSX.Element;
 export default DayItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => JSX.Element;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;