@pisell/private-materials 3.4.66 → 3.4.68

package/lib/components/appointmentBooking/utils.js

@@ -23,6 +23,7 @@ __export(utils_exports, {
   checkAndGoNext: () => checkAndGoNext,
   checkAndMarkCartRenderError: () => checkAndMarkCartRenderError,
   checkHasFormStep: () => checkHasFormStep,
+  clearDataByStepKey: () => clearDataByStepKey,
   currentAppointmentBoard: () => currentAppointmentBoard,
   currentRenderLists: () => currentRenderLists,
   formatCarts: () => formatCarts,
@@ -42,6 +43,7 @@ __export(utils_exports, {
   getResourceTitle: () => getResourceTitle,
   hasResourceFormId: () => hasResourceFormId,
   openForm: () => openForm,
+  processResourceList: () => processResourceList,
   sortResources: () => sortResources,
   updateBookingFormStorage: () => updateBookingFormStorage,
   updateCartResources: () => updateCartResources,
@@ -165,6 +167,18 @@ var sortResources = (resources, resourceSort) => {
     console.log(error, "wh2222");
   }
 };
+var processResourceList = (resources, resourceSort) => {
+  var _a;
+  const processedResources = resources.map((item) => {
+    return {
+      ...item,
+      resources: sortResources((item == null ? void 0 : item.resources) || [], resourceSort)
+    };
+  });
+  const _resources = ((_a = processedResources == null ? void 0 : processedResources[0]) == null ? void 0 : _a.resources) || [];
+  const resourceCodes = _resources.map((item) => item.code);
+  return { resources: processedResources, resourceCodes };
+};
 var getMeAccount = (val) => {
   return val == null ? void 0 : val.find((d) => !(d == null ? void 0 : d.isGuest));
 };
@@ -487,12 +501,100 @@ var updateCartResources = (item, value, currentSelectedResources) => {
   }
   return newResource || [];
 };
+var STEP_CLEAR_CONFIG = {
+  "select-time": ["time"],
+  "fill-form": ["time", "form"],
+  "select-resource": ["time", "form", "resource"],
+  "select-date": ["time", "form", "resource", "date"],
+  "select-service": ["time", "form", "resource", "date"]
+};
+var getMatchedStepKey = (key) => {
+  if (STEP_CLEAR_CONFIG[key]) {
+    return key;
+  }
+  const matchedKey = Object.keys(STEP_CLEAR_CONFIG).find(
+    (stepKey) => key.startsWith(stepKey)
+  );
+  return matchedKey || null;
+};
+var createClearActions = (appointmentBooking, setTimes) => {
+  return {
+    time: () => {
+      appointmentBooking.deleteCartItemInfo("time");
+      setTimes == null ? void 0 : setTimes([]);
+    },
+    resource: () => {
+      appointmentBooking.deleteCartItemInfo("resource");
+    },
+    form: () => {
+      appointmentBooking.deleteCartItemInfo("relationForms");
+      appointmentBooking.removeStep("fill-form");
+    },
+    date: () => {
+      var _a;
+      const { bookingProcess } = ((_a = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a.productModuleParams) || {};
+      if (bookingProcess !== "date_first") {
+        appointmentBooking.clearDateRange();
+      }
+    }
+  };
+};
+var clearServiceRelatedSteps = (appointmentBooking) => {
+  const stepList = (appointmentBooking == null ? void 0 : appointmentBooking.getStepList()) || [];
+  const stepKeysToRemove = ["select-resource_", "fill-form_"];
+  stepList.forEach((item) => {
+    if (item == null ? void 0 : item.isSkip) {
+      appointmentBooking.updateStep(item.key, {
+        key: item.key,
+        isSkip: false
+      });
+    }
+    const shouldRemove = stepKeysToRemove.some(
+      (prefix) => {
+        var _a;
+        return (_a = item.key) == null ? void 0 : _a.startsWith(prefix);
+      }
+    );
+    if (shouldRemove) {
+      appointmentBooking.removeStep(item.key);
+    }
+  });
+};
+var executeClearActions = (dataTypes, clearActions) => {
+  const uniqueTypes = Array.from(new Set(dataTypes));
+  uniqueTypes.forEach((type) => {
+    const action = clearActions[type];
+    if (action) {
+      action();
+    }
+  });
+};
+var clearDataByStepKey = (key, appointmentBooking, setTimes) => {
+  if (!key || !appointmentBooking) {
+    return;
+  }
+  if (key === "select-service") {
+    clearServiceRelatedSteps(appointmentBooking);
+  }
+  const stepKey = getMatchedStepKey(key);
+  if (!stepKey) {
+    return;
+  }
+  const clearDataTypes = STEP_CLEAR_CONFIG[stepKey] || [];
+  if (clearDataTypes.length === 0) {
+    return clearDataTypes;
+  }
+  const clearActions = createClearActions(appointmentBooking, setTimes);
+  executeClearActions(clearDataTypes, clearActions);
+  return clearDataTypes;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Toast,
   checkAndGoNext,
   checkAndMarkCartRenderError,
   checkHasFormStep,
+  clearDataByStepKey,
   currentAppointmentBoard,
   currentRenderLists,
   formatCarts,
@@ -512,6 +614,7 @@ var updateCartResources = (item, value, currentSelectedResources) => {
   getResourceTitle,
   hasResourceFormId,
   openForm,
+  processResourceList,
   sortResources,
   updateBookingFormStorage,
   updateCartResources,

package/lib/components/booking/addons/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/TabProduct/productItem/index.d.ts

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

package/lib/components/booking/components/TabProduct/selectProductItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const SelectProductItem: ({ item, onClick, onChangeQuantity, amountSymbol, style, className, disabled, }: any) => JSX.Element;
 export default SelectProductItem;

package/lib/components/booking/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const renderBundles: (item: any, amountSymbol: string) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 空状态
  * @description:

package/lib/components/booking/components/footer/FooterMenus/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const FooterMenus: ({ state, menuChange, items }: any) => JSX.Element | null;
 export default FooterMenus;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 底部

package/lib/components/booking/components/voucher/index.js

@@ -270,8 +270,11 @@ var VoucherCard = (props) => {
       productListToValue(val.productList, true);
       setCode("");
     } else {
+      const content = {
+        time_limit: import_utils.locales.getText("pisell2.text.goodpass.code-invalid-expired")
+      };
       (0, import_materials.PisellToast)({
-        content: val.type === "server" ? import_utils.locales.getText("pisell2.text.goodpass.code-invalid") : import_utils.locales.getText("pisell2.text.goodpass.code-invalid-cart")
+        content: val.type === "server" ? import_utils.locales.getText("pisell2.text.goodpass.code-invalid") : content[val == null ? void 0 : val.unavailableReason] || import_utils.locales.getText("pisell2.text.goodpass.code-invalid-cart")
       });
     }
   };

package/lib/components/booking/forms/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -4,6 +4,6 @@ declare const useSendModal: (bookingId?: number) => {
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleOpen: () => void;
     handleValuesChange: (val: any) => void;
-    handleOk: (values: SendModalValues) => Promise<boolean | undefined>;
+    handleOk: (values: SendModalValues) => Promise<any>;
 };
 export default useSendModal;

package/lib/components/booking/forms/table/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
 export default Table;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InfoProps } from './main';
 declare const APP: (props: InfoProps) => JSX.Element;
 export default APP;

package/lib/components/booking/info/notes/index.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Actions: ({ currentService }: {
     currentService: any;

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/addTimeModal/index.d.ts

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

package/lib/components/booking/info2/service/actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '../../../info/service/actions/index.less';
 declare const Actions: ({ currentService }: {
     currentService: any;

package/lib/components/booking/info2/service/addTimeModal/index.d.ts

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

package/lib/components/booking/info2/service/contactInfoMode/index.d.ts

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

package/lib/components/booking/locales.js

@@ -321,6 +321,7 @@ var locales_default = {
     "pisell2.text.goodpass.enter-code": "Enter Code",
     "pisell2.text.goodpass.code-invalid": "Current code is invalid",
     "pisell2.text.goodpass.code-invalid-cart": "No eligible items in the cart",
+    "pisell2.text.goodpass.code-invalid-expired": "Current coupon is not valid in use",
     "pisell2.text.status.valid": "Valid",
     "pisell2.text.status.expired": "Expired",
     "pisell2.text.validity.expired": (str) => {
@@ -631,6 +632,7 @@ var locales_default = {
     "pisell2.text.goodpass.enter-code": "请输入券码",
     "pisell2.text.goodpass.code-invalid": "当前券码不可用",
     "pisell2.text.goodpass.code-invalid-cart": "当前购物车中无可用商品",
+    "pisell2.text.goodpass.code-invalid-expired": "当前优惠券不在使用期限内",
     "pisell2.text.status.valid": "有效",
     "pisell2.text.status.expired": "已过期",
     "pisell2.text.validity.expired": (str) => {
@@ -941,6 +943,7 @@ var locales_default = {
     "pisell2.text.goodpass.enter-code": "請輸入券碼",
     "pisell2.text.goodpass.code-invalid": "當前券碼不可用",
     "pisell2.text.goodpass.code-invalid-cart": "當前購物車中無可用商品",
+    "pisell2.text.goodpass.code-invalid-expired": "當前優惠券不在使用期限內",
     "pisell2.text.status.valid": "有效",
     "pisell2.text.status.expired": "已過期",
     "pisell2.text.validity.expired": (str) => {

package/lib/components/booking/materiels/duration/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface DurationProps extends SelectProps {
     locale?: string;

package/lib/components/booking/materiels/holder/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;

package/lib/components/booking/materiels/startTime/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from "antd";
 interface StartTimeProps extends SelectProps {
     locale?: string;

package/lib/components/booking/notes/NoteBlock/NoteItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     isEdit: boolean;

package/lib/components/booking/notes/NoteBlock/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     title?: string;

package/lib/components/booking/notes/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/payments/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -8,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/payo/config.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StatusEnum } from '../const';
 export declare const POS: ({ api, onChange, }: {
     api: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './tip.less';
 /**
  * @title: 支付状态未知页面

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 按钮操作区
  * @description: 仅包含签名

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: ({ api, onChange, formatAmount, }: {
     api: any;
     onChange: any;

package/lib/components/eventBooking/components/Provider/Cart/Item/index.js

@@ -40,6 +40,7 @@ var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
 var import_Total = __toESM(require("./Total"));
 var import_Deposit = __toESM(require("../Deposit"));
+var import_Voucher = __toESM(require("../../../Voucher"));
 var import_index = require("./index.less");
 var CartItem = () => {
   var _a;
@@ -88,7 +89,7 @@ var CartItem = () => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, null), /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
   ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
 };
 var Item_default = CartItem;

package/lib/components/eventBooking/components/Voucher/components/Voucher.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface VoucherUIProps {
+    showDetail: boolean;
+    onToggleDetail: () => void;
+    isLogin: boolean;
+    onLoginClick: () => void;
+    availableData: any[];
+    onDiscountChange: (val: {
+        id: any;
+        isSelected: boolean;
+    }) => void;
+    mixedSort: (val: any[]) => any[];
+    code: string;
+    onCodeChange: (value: string) => void;
+    onApplyCode: () => void;
+    codeDisabled?: boolean;
+}
+declare const VoucherUI: React.FC<VoucherUIProps>;
+export default VoucherUI;

package/lib/components/eventBooking/components/Voucher/components/Voucher.js

@@ -0,0 +1,116 @@
+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/eventBooking/components/Voucher/components/Voucher.tsx
+var Voucher_exports = {};
+__export(Voucher_exports, {
+  default: () => Voucher_default
+});
+module.exports = __toCommonJS(Voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_UserCircle = __toESM(require("@pisell/icon/es/UserCircle"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var VoucherUI = ({
+  showDetail,
+  onToggleDetail,
+  isLogin,
+  onLoginClick,
+  availableData,
+  onDiscountChange,
+  mixedSort,
+  code,
+  onCodeChange,
+  onApplyCode,
+  codeDisabled = false
+}) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const locale = ((_a2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a2.get("umi_locale")) || "en";
+    import_utils.locales.init(import_locales.default, locale);
+  }, [utils]);
+  const renderLoginCard = () => {
+    if (isLogin) return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "login-card" }, /* @__PURE__ */ import_react.default.createElement(import_UserCircle.default, { style: { fontSize: 28 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText, { className: "login-btn", onClick: onLoginClick }, import_utils.locales.getText("pisell2.voucher.login")), /* @__PURE__ */ import_react.default.createElement("span", null, " ", import_utils.locales.getText("pisell2.voucher.login-tip"))));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__event-booking-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.voucher.title")), /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-right", onClick: onToggleDetail }, import_utils.locales.getText("pisell2.voucher.details"), " ", /* @__PURE__ */ import_react.default.createElement(
+    import_ChevronDown.default,
+    {
+      className: (0, import_classnames.default)("voucher-right-icon", {
+        show: showDetail
+      })
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("voucher-detail", {
+        show: showDetail
+      })
+    },
+    (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellGoodPassCard,
+      {
+        style: { width: "100%" },
+        dataSource: availableData,
+        mixedSort,
+        onChange: onDiscountChange
+      }
+    ) : null,
+    renderLoginCard(),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.voucher.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellInput,
+      {
+        value: code,
+        allowClear: true,
+        onChange: (e) => {
+          var _a2;
+          onCodeChange((_a2 = e.target) == null ? void 0 : _a2.value);
+        },
+        size: "small",
+        placeholder: import_utils.locales.getText("pisell2.voucher.enter-code")
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        size: "small",
+        disabled: codeDisabled,
+        onClick: () => onApplyCode()
+      },
+      import_utils.locales.getText("pisell2.voucher.apply")
+    ))
+  ));
+};
+var Voucher_default = VoucherUI;