@pisell/private-materials 3.4.75 → 3.4.76

package/lib/components/ecocup/components/AddCustomerModal/index.js

@@ -0,0 +1,212 @@
+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/ecocup/components/AddCustomerModal/index.tsx
+var AddCustomerModal_exports = {};
+__export(AddCustomerModal_exports, {
+  default: () => AddCustomerModal_default
+});
+module.exports = __toCommonJS(AddCustomerModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_hooks = require("../../hooks");
+var AddCustomerModal = (props) => {
+  const { visible, onCancel, onOk } = props;
+  const [form] = import_antd.Form.useForm();
+  const { post } = (0, import_hooks.useRequest)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const { goalShopId } = (0, import_hooks.useGetGoalShopInfo)();
+  const _onCancel = () => {
+    if (loading) return;
+    onCancel == null ? void 0 : onCancel();
+    form.resetFields();
+  };
+  const _onOk = async () => {
+    if (loading) return;
+    try {
+      const values = await form.validateFields();
+      const result = await addCustomer(values);
+      if (!result) {
+        return;
+      }
+      onOk == null ? void 0 : onOk(values);
+      form.resetFields();
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  const addCustomer = async (values) => {
+    const { first_name, last_name, phone, email, membership } = values;
+    try {
+      setLoading(true);
+      const res = await post("/shop/wallet/eco/customer", {
+        goal_shop_id: goalShopId,
+        customer: {
+          first_name,
+          last_name,
+          phone: phone == null ? void 0 : phone.phone,
+          country_calling_code: phone == null ? void 0 : phone.countryCallingCode,
+          email,
+          register_channel: "shop"
+        },
+        tags: [membership]
+      });
+      if ((res == null ? void 0 : res.code) == 200) {
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText(
+            "pisell2.text.ecocup.add-customer-modal.success"
+          )
+        });
+        return true;
+      }
+      return false;
+    } catch (error) {
+      console.error(error);
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open: visible,
+      headerDivider: true,
+      title: import_utils.locales.getText("pisell2.text.ecocup.add-customer-modal.title"),
+      onCancel: _onCancel,
+      onOk: _onOk,
+      okText: import_utils.locales.getText("pisell2.text.ecocup.button.confirm"),
+      cancelText: import_utils.locales.getText("pisell2.text.ecocup.button.cancel"),
+      width: 680,
+      centered: true,
+      destroyOnClose: true,
+      wrapClassName: "pisell2-ecocup-add-customer-modal",
+      okButtonProps: { loading }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-add-customer-modal-content" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, size: "large" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-add-customer-modal-content-name-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemInput,
+      {
+        renderMode: "edit",
+        label: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.first-name"
+        ),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.first-name-placeholder"
+        ),
+        name: "first_name",
+        requiredobj: {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.add-customer-modal.first-name-required"
+          )
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemInput,
+      {
+        renderMode: "edit",
+        label: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.last-name"
+        ),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.last-name-placeholder"
+        ),
+        name: "last_name",
+        requiredobj: {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.add-customer-modal.last-name-required"
+          )
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemInput.Mobile,
+      {
+        renderMode: "edit",
+        name: "phone",
+        label: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.phone"
+        ),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.phone-placeholder"
+        ),
+        typeobj: {
+          type: "phone",
+          enabled: true,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.add-customer-modal.phone-error"
+          )
+        },
+        requiredobj: {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.add-customer-modal.phone-required"
+          )
+        },
+        returnFormat: "object"
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemInput,
+      {
+        renderMode: "edit",
+        name: "email",
+        label: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.email"
+        ),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.email-placeholder"
+        ),
+        requiredobj: {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.add-customer-modal.email-required"
+          )
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemSelect,
+      {
+        renderMode: "edit",
+        name: "membership",
+        label: import_utils.locales.getText(
+          "pisell2.text.ecocup.add-customer-modal.membership"
+        ),
+        defaultValue: "normal",
+        options: [
+          { label: "Normal", value: "normal" },
+          { label: "Business", value: "business" },
+          { label: "Admin", value: "admin" }
+        ]
+      }
+    )))
+  );
+};
+var AddCustomerModal_default = AddCustomerModal;

package/lib/components/ecocup/components/AddCustomerModal/index.less

@@ -0,0 +1,9 @@
+.pisell2-ecocup-add-customer-modal-content {
+  padding: 24px 0;
+
+  .pisell2-ecocup-add-customer-modal-content-name-wrap {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+  }
+}

package/lib/components/ecocup/components/CupActionList/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ECupActionType, ICup, ICustomer } from '../../types';
+import './index.less';
+interface IProps {
+    maxNum: number;
+    currentNum: number;
+    cups: ICup[];
+    customerData?: ICustomer;
+    onClearAll: () => void;
+    onRemove: (cup: ICup) => void;
+    onAction: (type: ECupActionType, cup: ICup) => void;
+}
+declare const CupActionList: (props: IProps) => React.JSX.Element;
+export default CupActionList;

package/lib/components/ecocup/components/CupActionList/index.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/ecocup/components/CupActionList/index.tsx
+var CupActionList_exports = {};
+__export(CupActionList_exports, {
+  default: () => CupActionList_default
+});
+module.exports = __toCommonJS(CupActionList_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_types = require("../../types");
+var import_hooks = require("../../hooks");
+var import_CupActionModal = __toESM(require("../CupActionModal"));
+var import_MoreDropdown = __toESM(require("../MoreDropdown"));
+var import_index = require("./index.less");
+var import_dayjs = __toESM(require("dayjs"));
+var CupActionList = (props) => {
+  const {
+    maxNum,
+    currentNum,
+    cups,
+    customerData,
+    onClearAll,
+    onRemove,
+    onAction
+  } = props;
+  const cupActionModal = (0, import_hooks.useModal)("ecocup-cup-action-modal");
+  const isOverMax = (0, import_react.useMemo)(() => {
+    return currentNum > maxNum;
+  }, [currentNum, maxNum]);
+  const handleAction = (type, cup) => {
+    cupActionModal.open({
+      data: {
+        type,
+        cupData: cup,
+        customerData
+      },
+      onOk: () => {
+        onAction(type, cup);
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list" }, isOverMax && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list-over-max" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.ecocup.customer-first-modal.over-max").replace("{{num}}", (currentNum - maxNum).toString())), /* @__PURE__ */ import_react.default.createElement("span", { onClick: onClearAll }, import_utils.locales.getText("pisell2.text.ecocup.button.clear-all"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list-cup-list" }, cups.map((cup) => {
+    var _a;
+    const isInStock = (cup == null ? void 0 : cup.status) === import_types.ECupStatus.IN_STOCK;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: cup.code,
+        className: "pisell2-ecocup-cup-action-list-cup",
+        style: isInStock ? {
+          backgroundColor: "#F6F2FF",
+          border: "1px solid #F6F2FF"
+        } : {
+          border: "1px solid #D0D5DD"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "RestOutlined", size: 24, color: "#7F56DA" }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list-cup-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list-cup-info-top" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.ecocup.cup-id")), /* @__PURE__ */ import_react.default.createElement("span", null, (cup == null ? void 0 : cup.eco_cup_code) || (cup == null ? void 0 : cup.code) || "-")), !isInStock && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list-cup-info-bottom" }, /* @__PURE__ */ import_react.default.createElement("span", null, ((_a = cup == null ? void 0 : cup.rent_shop) == null ? void 0 : _a.name) || "-"), /* @__PURE__ */ import_react.default.createElement("span", null, (cup == null ? void 0 : cup.rent_time) ? (0, import_dayjs.default)(cup == null ? void 0 : cup.rent_time).format("DD/MM/YYYY") : "-"))),
+      isInStock ? /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Button,
+        {
+          type: "primary",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-trash-01", size: 24, color: "#7F56DA" }),
+          onClick: () => onRemove(cup),
+          className: "pisell2-ecocup-cup-action-list-cup-info-remove"
+        },
+        import_utils.locales.getText("pisell2.text.ecocup.button.remove")
+      ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-list-cup-info-actions" }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Button,
+        {
+          type: "primary",
+          onClick: () => handleAction(import_types.ECupActionType.RETURN, cup)
+        },
+        "Return"
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_MoreDropdown.default,
+        {
+          locales: import_utils.locales,
+          onClick: (key) => handleAction(key, cup),
+          buttonText: import_utils.locales.getText(
+            "pisell2.text.ecocup.button.others"
+          )
+        }
+      ))
+    );
+  })), (cupActionModal == null ? void 0 : cupActionModal.visible) && /* @__PURE__ */ import_react.default.createElement(import_CupActionModal.default, { ...cupActionModal == null ? void 0 : cupActionModal.modalProps }));
+};
+var CupActionList_default = CupActionList;

package/lib/components/ecocup/components/CupActionList/index.less

@@ -0,0 +1,102 @@
+.pisell2-ecocup-cup-action-list {
+  &-over-max {
+    margin-bottom: 8px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    color: #d92d20;
+    font-size: 16px;
+    font-weight: 400;
+
+    & > span {
+      flex: 1;
+
+      &:first-child {
+        text-align: left;
+      }
+
+      &:last-child {
+        text-align: right;
+        text-decoration: underline;
+        cursor: pointer;
+      }
+    }
+  }
+
+  &-cup-list {
+    max-height: 260px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    overflow-y: auto;
+  }
+
+  &-cup {
+    height: 60px;
+    min-height: 60px;
+    padding: 0 16px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+    border-radius: 8px;
+
+    &-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+
+      &-top {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 4px;
+        font-size: 20px;
+        font-weight: 300;
+        color: #7f56da;
+
+        & > span {
+          &:first-child {
+            color: #667085;
+          }
+        }
+      }
+
+      &-bottom {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 4px;
+        font-size: 14px;
+        font-weight: 300;
+        color: #7f56da;
+
+        & > span {
+          &:first-child {
+            color: #667085;
+          }
+        }
+      }
+    }
+
+    &-info-remove {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      border-radius: 8px;
+      border: 1px solid #7f56da;
+      background: #f6f2ff;
+      color: #7F56DA;
+    }
+
+    &-info-actions {
+      display: flex;
+      flex-direction: row;
+      align-items: flex-end;
+      justify-content: center;
+      gap: 10px;
+    }
+  }
+}

package/lib/components/ecocup/components/CupActionModal/hooks.d.ts

@@ -0,0 +1,5 @@
+import { ECupActionType } from '../../types';
+export declare const useCupAction: () => {
+    run: (this: unknown, cupId: string, action: ECupActionType) => Promise<boolean>;
+    loading: boolean;
+};

package/lib/components/ecocup/components/CupActionModal/hooks.js

@@ -0,0 +1,55 @@
+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/ecocup/components/CupActionModal/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useCupAction: () => useCupAction
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_hooks = require("../../hooks");
+var useCupAction = () => {
+  const { put } = (0, import_hooks.useRequest)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const { goalShopId } = (0, import_hooks.useGetGoalShopInfo)();
+  const run = (0, import_ahooks.useMemoizedFn)(async (cupId, action) => {
+    try {
+      setLoading(true);
+      const res = await put(`/shop/wallet/eco/cup/action/${cupId}`, { action, goal_shop_id: goalShopId });
+      if ((res == null ? void 0 : res.code) == 200) {
+        return true;
+      }
+      return false;
+    } catch (error) {
+      console.error(error);
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  });
+  return {
+    run,
+    loading
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCupAction
+});

package/lib/components/ecocup/components/CupActionModal/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+import { ICustomer, ICup, ECupActionType } from '../../types';
+interface IProps {
+    visible: boolean;
+    onCancel: () => void;
+    onOk: (cup: ICup) => void;
+    data: {
+        type: ECupActionType;
+        cupData: ICup;
+        customerData: ICustomer;
+    };
+}
+declare const CupActionModal: (props: IProps) => React.JSX.Element;
+export default CupActionModal;

package/lib/components/ecocup/components/CupActionModal/index.js

@@ -0,0 +1,125 @@
+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/ecocup/components/CupActionModal/index.tsx
+var CupActionModal_exports = {};
+__export(CupActionModal_exports, {
+  default: () => CupActionModal_default
+});
+module.exports = __toCommonJS(CupActionModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_CustomerCard = __toESM(require("../CustomerCard"));
+var import_CupInfoCard = __toESM(require("../CupInfoCard"));
+var import_index = require("./index.less");
+var import_types = require("../../types");
+var import_hooks = require("./hooks");
+var CupActionModal = (props) => {
+  var _a;
+  const { visible, onCancel, onOk, data } = props;
+  const { type, cupData } = data || {};
+  const cupAction = (0, import_hooks.useCupAction)();
+  const style = (0, import_react.useMemo)(() => {
+    if ((data == null ? void 0 : data.type) === import_types.ECupActionType.MISSING || (data == null ? void 0 : data.type) === import_types.ECupActionType.BROKEN) {
+      return {
+        backgroundColor: "#FEE4E2",
+        color: "#F04438"
+      };
+    }
+    return {
+      backgroundColor: "#F6F2FF",
+      color: "#7F56DA"
+    };
+  }, [data == null ? void 0 : data.type]);
+  const _onCancel = () => {
+    if (cupAction == null ? void 0 : cupAction.loading) return;
+    onCancel == null ? void 0 : onCancel();
+  };
+  const _onOk = () => {
+    if (cupAction == null ? void 0 : cupAction.loading) return;
+    cupAction.run((cupData == null ? void 0 : cupData.eco_cup_id) || (cupData == null ? void 0 : cupData.id), type).then((res) => {
+      if (res) {
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText(
+            `pisell2.text.ecocup.toast.success-${type}`
+          )
+        });
+        onOk == null ? void 0 : onOk(cupData);
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open: visible,
+      headerDivider: false,
+      title: import_utils.locales.getText(
+        `pisell2.text.ecocup.cup-action-modal.title-${data == null ? void 0 : data.type}`
+      ),
+      onCancel: _onCancel,
+      onOk: _onOk,
+      okText: import_utils.locales.getText(
+        `pisell2.text.ecocup.button.mark-as-${data == null ? void 0 : data.type}`
+      ),
+      cancelText: import_utils.locales.getText("pisell2.text.ecocup.button.cancel"),
+      okButtonProps: { loading: cupAction == null ? void 0 : cupAction.loading },
+      width: 580,
+      destroyOnClose: true,
+      wrapClassName: "pisell2-ecocup-cup-action-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-modal-content" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell2-ecocup-cup-action-modal-content-cup",
+        style: { ...style }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "RestOutlined", size: 24 }),
+      /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          style: {
+            color: (data == null ? void 0 : data.type) === import_types.ECupActionType.RETURN ? "#667085" : "#F04438"
+          }
+        },
+        import_utils.locales.getText("pisell2.text.ecocup.cup-action-modal.cup-id")
+      ),
+      /* @__PURE__ */ import_react.default.createElement("span", null, (cupData == null ? void 0 : cupData.eco_cup_code) || (cupData == null ? void 0 : cupData.code) || "")
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-modal-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-modal-info-left" }, /* @__PURE__ */ import_react.default.createElement(
+      import_CupInfoCard.default,
+      {
+        type: "rentInfo",
+        data: {
+          shop: (_a = cupData == null ? void 0 : cupData.rent_shop) == null ? void 0 : _a.name,
+          time: cupData == null ? void 0 : cupData.rent_time
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-action-modal-info-right" }, /* @__PURE__ */ import_react.default.createElement(import_CustomerCard.default, { ...data == null ? void 0 : data.customerData }))))
+  );
+};
+var CupActionModal_default = CupActionModal;