@pisell/private-materials 3.0.96 → 3.0.98

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

@@ -0,0 +1,239 @@
+import React, { ReactNode } from 'react';
+import { DeviceStatusType, StatusType, ModeType } from '../const';
+import { ThunkDispatch } from './useThunkReducer';
+export declare enum EActionTypes {
+    UPDATE_INIT = "UPDATE_INIT",
+    UPDATE_CUSTOM = "UPDATE_CUSTOM",
+    UPDATE_KEY = "UPDATE_KEY",
+    UPDATE_STEP = "UPDATE_STEP",
+    UPDATE_STEP_KEY = "UPDATE_STEP_KEY",
+    UPDATE_DEVICE = "UPDATE_DEVICE",
+    UPDATE_NEXT_STEP = "UPDATE_NEXT_STEP",
+    UPDATE_STATUS = "UPDATE_STATUS",
+    UPDATE_TITLE = "UPDATE_TITLE",
+    UPDATE_LOADING = "UPDATE_LOADING",
+    UPDATE_COMPONENT = "UPDATE_COMPONENT",
+    UPDATE_STEPS = "UPDATE_STEPS",
+    UPDATE_WARN = "UPDATE_WARN",
+    UPDATE_STEP_CURRENT_ITEM_CUSTOM = "UPDATE_STEP_CURRENT_ITEM_CUSTOM",
+    UPDATE_STEP_ITEM_CUSTOM = "UPDATE_STEP_ITEM_CUSTOM",
+    UPDATE_STEP_ITEM = "UPDATE_STEP_ITEM",
+    BACKUP_PRODUCTION = "BACKUP_PRODUCTION",
+    BACKUP_FREE = "BACKUP_FREE"
+}
+export declare type State = {
+    mode: ModeType;
+    /** 厂商 */
+    eftpos: DeviceStatusType;
+    /** 用于重置页面特指 =》全部步骤 */
+    key: number;
+    /** 当前执行到哪一步了 */
+    step: number;
+    /** 标题 */
+    title: string;
+    /** step : 常规步骤页面 ,unset 自定义页面 */
+    type: 'step' | 'unset';
+    render: boolean;
+    /** 上面  unset 自定义页面,这里需要指定到具体页面 */
+    component: string;
+    lastComponent?: string;
+    /** 页面状态 */
+    status: StatusType;
+    /** 警告文案 */
+    warn: ReactNode;
+    steps: {
+        /** 用于重置当前步骤 */
+        key: number;
+        title?: ReactNode;
+        text?: ReactNode;
+        warn?: ReactNode;
+        tip?: ReactNode;
+        success?: ReactNode;
+        fail?: ReactNode;
+        loading?: ReactNode;
+        /** 步骤状态 */
+        status: StatusType;
+        custom?: {
+            /**  厂商自定义 */
+            [key: string]: unknown;
+        };
+    }[];
+    device?: {
+        [key: string]: unknown;
+    };
+    custom?: {
+        [key: string]: unknown;
+    };
+    manual?: {
+        title: string;
+        text: string;
+    };
+    backup?: Omit<State, 'backup'>;
+};
+export declare type Action = {
+    type: EActionTypes;
+    payload: Partial<State>;
+};
+export declare const updateKey: (key: number) => {
+    type: EActionTypes;
+    payload: {
+        key: number;
+    };
+};
+export declare const updateDevice: (payload: {
+    device: State['device'];
+}) => {
+    type: EActionTypes;
+    payload: {
+        device: State['device'];
+    };
+};
+export declare const updateStepKey: () => {
+    type: EActionTypes;
+    payload: {};
+};
+export declare const updateNextStep: (warn?: string) => {
+    type: EActionTypes;
+    payload: {
+        warn: string;
+    } | {
+        warn?: undefined;
+    };
+};
+export declare const updateStep: (payload: {
+    step: number;
+    warn?: ReactNode;
+}) => {
+    type: EActionTypes;
+    payload: {
+        step: number;
+        warn?: ReactNode;
+    };
+};
+export declare const updateCustom: (payload: {
+    [key: string]: unknown;
+}) => {
+    type: EActionTypes;
+    payload: {
+        [key: string]: unknown;
+    };
+};
+export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
+    type: EActionTypes;
+    payload: {
+        status: "loading" | "success" | "warn" | "fail" | "question";
+    };
+};
+export declare const updateWarn: (warn: ReactNode) => {
+    type: EActionTypes;
+    payload: {
+        warn: React.ReactNode;
+    };
+};
+export declare const updateComponent: (component: string, render?: boolean) => {
+    type: EActionTypes;
+    payload: {
+        readonly component: string;
+        readonly type: "unset";
+        readonly render: boolean;
+    } | {
+        readonly type: "step";
+        readonly render: boolean;
+        readonly component?: undefined;
+    };
+};
+export declare const updateSteps: (steps: State['steps']) => {
+    type: EActionTypes;
+    payload: {
+        steps: {
+            /** 用于重置当前步骤 */
+            key: number;
+            title?: ReactNode;
+            text?: ReactNode;
+            warn?: ReactNode;
+            tip?: ReactNode;
+            success?: ReactNode;
+            fail?: ReactNode;
+            loading?: ReactNode;
+            /** 步骤状态 */
+            status: StatusType;
+            custom?: {
+                [key: string]: unknown;
+            } | undefined;
+        }[];
+    };
+};
+export declare const updateState: (payload: Partial<State>) => {
+    type: EActionTypes;
+    payload: Partial<State>;
+};
+export declare const updateCurrentCustomStemItem: (payload: NonNullable<Partial<State['steps'][number]['custom']>>) => {
+    type: EActionTypes;
+    payload: Partial<{
+        [key: string]: unknown;
+    }>;
+};
+export declare const updateCustomStemItem: (payload: NonNullable<Partial<State['steps'][number]['custom']>>) => {
+    type: EActionTypes;
+    payload: Partial<{
+        [key: string]: unknown;
+    }>;
+};
+export declare const updateCurrentStemItem: (payload: any) => {
+    type: EActionTypes;
+    payload: any;
+};
+export declare const backUpProduction: (payload: Partial<State>) => {
+    type: EActionTypes;
+    payload: Partial<State>;
+};
+export declare const backUpFree: (payload: Partial<State>) => {
+    type: EActionTypes;
+    payload: {
+        mode?: "refund" | "pay" | "query" | undefined;
+        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "eftpos" | undefined;
+        key?: number | undefined;
+        step?: number | undefined;
+        title?: string | undefined;
+        type?: "unset" | "step" | undefined;
+        render?: boolean | undefined;
+        component?: string | undefined;
+        lastComponent?: string | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        warn?: ReactNode;
+        steps?: {
+            /** 用于重置当前步骤 */
+            key: number;
+            title?: ReactNode;
+            text?: ReactNode;
+            warn?: ReactNode;
+            tip?: ReactNode;
+            success?: ReactNode;
+            fail?: ReactNode;
+            loading?: ReactNode;
+            /** 步骤状态 */
+            status: StatusType;
+            custom?: {
+                [key: string]: unknown;
+            } | undefined;
+        }[] | undefined;
+        device?: {
+            [key: string]: unknown;
+        } | undefined;
+        custom?: {
+            [key: string]: unknown;
+        } | undefined;
+        manual?: {
+            title: string;
+            text: string;
+        } | undefined;
+        backup?: Omit<State, "backup"> | undefined;
+    };
+};
+export declare function reducers(state: State, action: Action): State;
+export declare const Provider: ({ children, state: providerState, }: {
+    children: ReactNode;
+    state?: State | undefined;
+}) => React.JSX.Element;
+export declare function useContextData(): State;
+export declare function useDispatch(): ThunkDispatch<State, Action>;

package/lib/components/eftposPay/store/index.js

@@ -0,0 +1,371 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/store/index.tsx
+var store_exports = {};
+__export(store_exports, {
+  EActionTypes: () => EActionTypes,
+  Provider: () => Provider,
+  backUpFree: () => backUpFree,
+  backUpProduction: () => backUpProduction,
+  reducers: () => reducers,
+  updateComponent: () => updateComponent,
+  updateCurrentCustomStemItem: () => updateCurrentCustomStemItem,
+  updateCurrentStemItem: () => updateCurrentStemItem,
+  updateCustom: () => updateCustom,
+  updateCustomStemItem: () => updateCustomStemItem,
+  updateDevice: () => updateDevice,
+  updateKey: () => updateKey,
+  updateNextStep: () => updateNextStep,
+  updateState: () => updateState,
+  updateStatus: () => updateStatus,
+  updateStep: () => updateStep,
+  updateStepKey: () => updateStepKey,
+  updateSteps: () => updateSteps,
+  updateWarn: () => updateWarn,
+  useContextData: () => useContextData,
+  useDispatch: () => useDispatch
+});
+module.exports = __toCommonJS(store_exports);
+var import_react = __toESM(require("react"));
+var import_const = require("../const");
+var import_helper = require("../helper");
+var import_useThunkReducer = __toESM(require("./useThunkReducer"));
+var EActionTypes = /* @__PURE__ */ ((EActionTypes2) => {
+  EActionTypes2["UPDATE_INIT"] = "UPDATE_INIT";
+  EActionTypes2["UPDATE_CUSTOM"] = "UPDATE_CUSTOM";
+  EActionTypes2["UPDATE_KEY"] = "UPDATE_KEY";
+  EActionTypes2["UPDATE_STEP"] = "UPDATE_STEP";
+  EActionTypes2["UPDATE_STEP_KEY"] = "UPDATE_STEP_KEY";
+  EActionTypes2["UPDATE_DEVICE"] = "UPDATE_DEVICE";
+  EActionTypes2["UPDATE_NEXT_STEP"] = "UPDATE_NEXT_STEP";
+  EActionTypes2["UPDATE_STATUS"] = "UPDATE_STATUS";
+  EActionTypes2["UPDATE_TITLE"] = "UPDATE_TITLE";
+  EActionTypes2["UPDATE_LOADING"] = "UPDATE_LOADING";
+  EActionTypes2["UPDATE_COMPONENT"] = "UPDATE_COMPONENT";
+  EActionTypes2["UPDATE_STEPS"] = "UPDATE_STEPS";
+  EActionTypes2["UPDATE_WARN"] = "UPDATE_WARN";
+  EActionTypes2["UPDATE_STEP_CURRENT_ITEM_CUSTOM"] = "UPDATE_STEP_CURRENT_ITEM_CUSTOM";
+  EActionTypes2["UPDATE_STEP_ITEM_CUSTOM"] = "UPDATE_STEP_ITEM_CUSTOM";
+  EActionTypes2["UPDATE_STEP_ITEM"] = "UPDATE_STEP_ITEM";
+  EActionTypes2["BACKUP_PRODUCTION"] = "BACKUP_PRODUCTION";
+  EActionTypes2["BACKUP_FREE"] = "BACKUP_FREE";
+  return EActionTypes2;
+})(EActionTypes || {});
+var updateKey = (key) => ({
+  type: "UPDATE_KEY" /* UPDATE_KEY */,
+  payload: {
+    key
+  }
+});
+var updateDevice = (payload) => ({
+  type: "UPDATE_DEVICE" /* UPDATE_DEVICE */,
+  payload
+});
+var updateStepKey = () => ({
+  type: "UPDATE_STEP_KEY" /* UPDATE_STEP_KEY */,
+  payload: {}
+});
+var updateNextStep = (warn) => ({
+  type: "UPDATE_NEXT_STEP" /* UPDATE_NEXT_STEP */,
+  payload: warn ? { warn } : {}
+});
+var updateStep = (payload) => ({
+  type: "UPDATE_STEP" /* UPDATE_STEP */,
+  payload
+});
+var updateCustom = (payload) => ({
+  type: "UPDATE_CUSTOM" /* UPDATE_CUSTOM */,
+  payload
+});
+var updateStatus = (status) => ({
+  type: "UPDATE_LOADING" /* UPDATE_LOADING */,
+  payload: { status }
+});
+var updateWarn = (warn) => ({
+  type: "UPDATE_WARN" /* UPDATE_WARN */,
+  payload: { warn }
+});
+var updateComponent = (component, render) => ({
+  type: "UPDATE_COMPONENT" /* UPDATE_COMPONENT */,
+  payload: component ? {
+    component,
+    type: "unset",
+    render: typeof render === "boolean" ? render : false
+  } : {
+    type: "step",
+    render: typeof render === "boolean" ? render : true
+  }
+});
+var updateSteps = (steps) => ({
+  type: "UPDATE_STEPS" /* UPDATE_STEPS */,
+  payload: { steps }
+});
+var updateState = (payload) => ({
+  type: "UPDATE_INIT" /* UPDATE_INIT */,
+  payload
+});
+var updateCurrentCustomStemItem = (payload) => ({
+  type: "UPDATE_STEP_CURRENT_ITEM_CUSTOM" /* UPDATE_STEP_CURRENT_ITEM_CUSTOM */,
+  payload
+});
+var updateCustomStemItem = (payload) => ({
+  type: "UPDATE_STEP_ITEM_CUSTOM" /* UPDATE_STEP_ITEM_CUSTOM */,
+  payload
+});
+var updateCurrentStemItem = (payload) => ({
+  type: "UPDATE_STEP_ITEM" /* UPDATE_STEP_ITEM */,
+  payload
+});
+var backUpProduction = (payload) => ({
+  type: "BACKUP_PRODUCTION" /* BACKUP_PRODUCTION */,
+  payload
+});
+var backUpFree = (payload) => ({
+  type: "BACKUP_FREE" /* BACKUP_FREE */,
+  payload: {
+    ...payload
+  }
+});
+var initialState = {
+  mode: import_const.ModeEnum.Pay,
+  eftpos: "",
+  key: 0,
+  step: 0,
+  type: import_const.PayRouteEnum.Step,
+  title: "Processing ...",
+  component: "",
+  status: import_const.StatusEnum.Loading,
+  steps: [],
+  warn: "",
+  render: true
+};
+var StateContext = (0, import_react.createContext)(void 0);
+var DispatchContext = (0, import_react.createContext)(
+  void 0
+);
+function reducers(state, action) {
+  switch (action.type) {
+    case "UPDATE_INIT" /* UPDATE_INIT */:
+      return {
+        ...state,
+        ...action.payload
+      };
+    case "UPDATE_NEXT_STEP" /* UPDATE_NEXT_STEP */:
+      const currentStep = state.step + 1;
+      if (state.step === state.steps.length - 1) {
+        state.steps[state.steps.length - 1].status = "success";
+        return {
+          ...state,
+          status: "success",
+          steps: [...state.steps]
+        };
+      }
+      state.steps[state.step].status = "success";
+      return {
+        ...state,
+        warn: action.payload.warn || "",
+        steps: [...state.steps],
+        status: state.steps[currentStep].status,
+        step: currentStep
+      };
+    case "UPDATE_KEY" /* UPDATE_KEY */:
+      return {
+        ...state,
+        ...action.payload
+      };
+    case "UPDATE_STEP" /* UPDATE_STEP */:
+      if (state.type === "unset") {
+        return state;
+      }
+      const { step } = action.payload;
+      state.steps.forEach((s2, index2) => {
+        if (index2 < step) {
+          s2.status = "success";
+        }
+      });
+      const current = step < state.steps.length - 1 ? step : state.steps.length - 1;
+      console.log("current ", current);
+      return {
+        ...state,
+        ...{
+          step: current,
+          warn: action.payload.warn || "",
+          status: state.steps[current].status,
+          steps: [...state.steps]
+        }
+      };
+    case "UPDATE_LOADING" /* UPDATE_LOADING */:
+      return {
+        ...state,
+        ...action.payload
+      };
+    case "UPDATE_COMPONENT" /* UPDATE_COMPONENT */:
+      return {
+        ...state,
+        ...action.payload,
+        lastComponent: state.component
+      };
+    case "UPDATE_STEPS" /* UPDATE_STEPS */:
+      return {
+        ...state,
+        ...action.payload
+      };
+    case "UPDATE_STEP_ITEM" /* UPDATE_STEP_ITEM */:
+      state.steps[state.step] = {
+        ...state.steps[state.step],
+        ...action.payload
+      };
+      return {
+        ...state,
+        steps: [...state.steps]
+      };
+    case "UPDATE_WARN" /* UPDATE_WARN */:
+      return {
+        ...state,
+        ...action.payload
+      };
+    case "UPDATE_STEP_CURRENT_ITEM_CUSTOM" /* UPDATE_STEP_CURRENT_ITEM_CUSTOM */:
+      if (state.steps[state.step].custom) {
+        state.steps[state.step].custom = {
+          ...state.steps[state.step].custom,
+          ...action.payload
+        };
+      } else {
+        state.steps[state.step].custom = {
+          ...action.payload
+        };
+      }
+      return {
+        ...state,
+        steps: [...state.steps]
+      };
+    case "UPDATE_STEP_ITEM_CUSTOM" /* UPDATE_STEP_ITEM_CUSTOM */:
+      const index = action.payload.step;
+      const { custom } = action.payload;
+      if (state.steps[index].custom) {
+        state.steps[index].custom = {
+          ...state.steps[index].custom,
+          ...custom
+        };
+      } else {
+        state.steps[index].custom = {
+          ...custom
+        };
+      }
+      return {
+        ...state,
+        steps: [...state.steps]
+      };
+    case "UPDATE_STEP_KEY" /* UPDATE_STEP_KEY */:
+      state.steps[state.step].key = Date.now();
+      return {
+        ...state,
+        steps: [...state.steps]
+      };
+    case "UPDATE_DEVICE" /* UPDATE_DEVICE */:
+      return {
+        ...state,
+        ...action.payload
+      };
+    case "UPDATE_CUSTOM" /* UPDATE_CUSTOM */:
+      return {
+        ...state,
+        custom: state.custom ? {
+          ...state.custom,
+          ...action.payload
+        } : { ...action.payload }
+        // ,
+      };
+    case "BACKUP_PRODUCTION" /* BACKUP_PRODUCTION */:
+      return {
+        ...state,
+        backup: (0, import_helper.cloneDeep)(state)
+      };
+    case "BACKUP_FREE" /* BACKUP_FREE */:
+      if (!state.backup) {
+        return state;
+      }
+      const { ...s } = state.backup;
+      return {
+        ...s,
+        ...action.payload
+      };
+    default: {
+      throw new Error(`Unhandled action type: ${action.type}`);
+    }
+  }
+}
+var Provider = ({
+  children,
+  state: providerState
+}) => {
+  const [state, dispatch] = (0, import_useThunkReducer.default)(
+    reducers,
+    providerState || initialState
+  );
+  return /* @__PURE__ */ import_react.default.createElement(StateContext.Provider, { value: state }, /* @__PURE__ */ import_react.default.createElement(DispatchContext.Provider, { value: dispatch }, children));
+};
+function useContextData() {
+  const context = (0, import_react.useContext)(StateContext);
+  if (context === void 0) {
+    throw new Error("useState must be used within a Provider");
+  }
+  return context;
+}
+function useDispatch() {
+  const context = (0, import_react.useContext)(DispatchContext);
+  if (context === void 0) {
+    throw new Error("useDispatch must be used within a Provider");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EActionTypes,
+  Provider,
+  backUpFree,
+  backUpProduction,
+  reducers,
+  updateComponent,
+  updateCurrentCustomStemItem,
+  updateCurrentStemItem,
+  updateCustom,
+  updateCustomStemItem,
+  updateDevice,
+  updateKey,
+  updateNextStep,
+  updateState,
+  updateStatus,
+  updateStep,
+  updateStepKey,
+  updateSteps,
+  updateWarn,
+  useContextData,
+  useDispatch
+});

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

@@ -0,0 +1,9 @@
+import { Reducer } from 'react';
+export default function useThunkReducer<State, Action extends {
+    [P in keyof Action]: Action[P];
+}>(reducer: Reducer<State, Action>, initialArg: State, init?: (s: State) => State): [State, ThunkDispatch<State, Action>];
+export interface ThunkDispatch<State, Action> {
+    <TReturnType>(ThunkAction: ThunkAction<TReturnType, State, Action>): TReturnType;
+    (action: Action): void;
+}
+export declare type ThunkAction<TReturnType, State, Action> = (dispatch: ThunkDispatch<State, Action>, getState: () => State) => TReturnType;

package/lib/components/eftposPay/store/useThunkReducer.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/store/useThunkReducer.ts
+var useThunkReducer_exports = {};
+__export(useThunkReducer_exports, {
+  default: () => useThunkReducer
+});
+module.exports = __toCommonJS(useThunkReducer_exports);
+var import_react = require("react");
+function useThunkReducer(reducer, initialArg, init) {
+  const [hookState, setHookState] = (0, import_react.useState)(
+    init ? init(initialArg) : initialArg
+  );
+  const state = (0, import_react.useRef)(hookState);
+  const getState = (0, import_react.useCallback)(() => state.current, [state]);
+  const setState = (0, import_react.useCallback)(
+    (newState) => {
+      state.current = newState;
+      setHookState(newState);
+    },
+    [state, setHookState]
+  );
+  const reduce = (0, import_react.useCallback)(
+    (action) => reducer(getState(), action),
+    [reducer, getState]
+  );
+  const dispatch = (0, import_react.useCallback)(
+    (action) => {
+      if (typeof action === "function") {
+        return action(dispatch, getState);
+      }
+      setState(reduce(action));
+    },
+    [getState, setState, reduce]
+  );
+  return [hookState, dispatch];
+}

package/lib/components/eftposPay/var.less

@@ -0,0 +1,9 @@
+@pos-max-height:var (--pisel-lc-pos-max-height, unset);
+@pos-height:var (--pisel-lc-pos-max-height, unset);
+@pos-width:var (--pisel-lc-pos-width, 600px);
+@pos-padding:var (--pisel-lc-pos-pay-padding, 24px);
+
+@pos-terminal-max-height:var (--pisel-lc-pos-max-height, unset);
+@pos-terminal-height:var (--pisel-lc-pos-max-height, unset);
+@pos-terminal-width:var (--pisel-lc-pos-width, 600px);
+@pos-terminal-padding:var (--pisel-lc-pos-pay-padding, 24px);

package/lib/components/eftposPay/windcave/action.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: ({ index, api, }: {
+    index: number;
+    api: {
+        [key: string]: (...agrn: unknown[]) => Promise<unknown>;
+    };
+}) => React.JSX.Element;
+export default _default;