@pisell/private-materials 6.2.24 → 6.2.26

package/lib/plus/clinetSearch/locales.js

@@ -0,0 +1,125 @@
+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/plus/clinetSearch/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.text.leave-empty-for-walk-in": "Leave empty for Walk-In",
+    "pisell2.text.date-year-text": "YYYY",
+    "pisell2.text.date-month-text": "MM",
+    "pisell2.text.date-day-text": "DD",
+    "pisell2.text.gender": "Gender",
+    "pisell2.text.gender.male": "Male",
+    "pisell2.text.gender.female": "Female",
+    "pisell2.text.birthday": "Birthday",
+    "pisell2.text.phone": "Phone Number",
+    "pisell2.text.email": "Email",
+    "pisell2.text.lastname": "Last Name",
+    "pisell2.text.firstname": "First Name",
+    "pisell2.text.email-error-message": "Email format error",
+    "pisell2.text.notes": "Note",
+    "pisell2.text.save": "Save",
+    "pisell2.text.save-and-select": "Save and select",
+    "pisell2.text.no-results-found": "No results found.",
+    "pisell2.text.create-new-client": "Create new client",
+    "pisell2.text.result-found": "Result found",
+    "pisell2.text.personnel-list": "Personnel list",
+    "pisell2.text.load-more": "Load more",
+    "pisell2.text.add-client.confirm": "Fill in at least one name, phone number and email address",
+    "pisell2.text.search-customer-by-phone-number": "Search by phone number",
+    "pisell2.text.create": "Create",
+    "pisell2.text.loading": "Loading",
+    "pisell2.text.no-more-data": "No More Data",
+    "pisell2.text.client-search.name": "Name",
+    "pisell2.text.client-search.register-time": "Registration Time",
+    "pisell2.text.client-search.phone": "Phone Number",
+    "pisell2.text.client-search.email": "Email Address",
+    "pisell2.text.client-search.membership": "Membership"
+  },
+  "zh-CN": {
+    "pisell2.text.leave-empty-for-walk-in": "如未注册游客则留空",
+    "pisell2.text.date-year-text": "年",
+    "pisell2.text.date-month-text": "月",
+    "pisell2.text.date-day-text": "日",
+    "pisell2.text.gender": "性别",
+    "pisell2.text.gender.male": "男",
+    "pisell2.text.gender.female": "女",
+    "pisell2.text.birthday": "生日",
+    "pisell2.text.phone": "电话号码",
+    "pisell2.text.email": "电子邮箱",
+    "pisell2.text.lastname": "姓",
+    "pisell2.text.firstname": "名",
+    "pisell2.text.email-error-message": "电子邮件格式错误",
+    "pisell2.text.notes": "备注",
+    "pisell2.text.save": "保存",
+    "pisell2.text.save-and-select": "保存并选中",
+    "pisell2.text.no-results-found": "没有搜索到结果",
+    "pisell2.text.create-new-client": "创建新客户",
+    "pisell2.text.result-found": "搜索结果",
+    "pisell2.text.personnel-list": "客户列表",
+    "pisell2.text.add-client.confirm": "姓名,电话,邮箱至少填一个",
+    "pisell2.text.load-more": "加载更多",
+    "pisell2.text.search-customer-by-phone-number": "输入手机号搜索客户",
+    "pisell2.text.create": "创建",
+    "pisell2.text.loading": "加载中",
+    "pisell2.text.no-more-data": "没有更多数据了",
+    "pisell2.text.client-search.name": "姓名",
+    "pisell2.text.client-search.register-time": "注册时间",
+    "pisell2.text.client-search.phone": "电话号码",
+    "pisell2.text.client-search.email": "邮箱",
+    "pisell2.text.client-search.membership": "会员"
+  },
+  "zh-HK": {
+    "pisell2.text.leave-empty-for-walk-in": "如未註冊遊客則留空",
+    "pisell2.text.date-year-text": "年",
+    "pisell2.text.date-month-text": "月",
+    "pisell2.text.date-day-text": "日",
+    "pisell2.text.gender": "性别",
+    "pisell2.text.gender.male": "男",
+    "pisell2.text.gender.female": "女",
+    "pisell2.text.birthday": "生日",
+    "pisell2.text.phone": "電話號碼",
+    "pisell2.text.email": "電子郵箱",
+    "pisell2.text.lastname": "姓",
+    "pisell2.text.firstname": "名",
+    "pisell2.text.email-error-message": "電子郵件格式錯誤",
+    "pisell2.text.notes": "備註",
+    "pisell2.text.save": "保存",
+    "pisell2.text.save-and-select": "保存並選中",
+    "pisell2.text.no-results-found": "沒有搜索到客戶",
+    "pisell2.text.create-new-client": "創建新客戶",
+    "pisell2.text.result-found": "搜索結果",
+    "pisell2.text.personnel-list": "客戶列表",
+    "pisell2.text.add-client.confirm": "姓名，電話，郵箱至少填一個",
+    "pisell2.text.load-more": "加載更多",
+    "pisell2.text.search-customer-by-phone-number": "輸入手機號搜索客戶",
+    "pisell2.text.create": "創建",
+    "pisell2.text.loading": "載入中",
+    "pisell2.text.no-more-data": "沒有更多資料了",
+    "pisell2.text.client-search.name": "姓名",
+    "pisell2.text.client-search.register-time": "註冊時間",
+    "pisell2.text.client-search.phone": "電話號碼",
+    "pisell2.text.client-search.email": "電郵地址",
+    "pisell2.text.client-search.membership": "會員"
+  }
+};

package/lib/plus/clinetSearch/serve.js

@@ -0,0 +1,33 @@
+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/plus/clinetSearch/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  addCustomer: () => addCustomer
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var addCustomer = async (params) => {
+  const res = await import_utils.request.getRequest().post(`/shop/customer`, params, { abort: true, fullResult: true });
+  return res == null ? void 0 : res.data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addCustomer
+});

package/lib/plus/clinetSearch/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/plus/clinetSearch/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/plus/noteModal/AddTempModal.js

@@ -0,0 +1,95 @@
+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/plus/noteModal/AddTempModal.tsx
+var AddTempModal_exports = {};
+__export(AddTempModal_exports, {
+  default: () => AddTempModal_default
+});
+module.exports = __toCommonJS(AddTempModal_exports);
+var import_materials = require("@pisell/materials");
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var AddTempModal = ({
+  open,
+  onCancel,
+  onConfirm
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  const [inputValue, setInputValue] = (0, import_react.useState)("");
+  const inputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      setTimeout(() => {
+        var _a2;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }, 100);
+    }
+  }, [open]);
+  const handleAddTemplate = () => {
+    onConfirm(inputValue);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      headerDivider: false,
+      title: import_utils.locales.getText("pisell2.text.note.modal.add.template.title"),
+      onCancel,
+      footer: null,
+      width: 680,
+      centered: true,
+      destroyOnClose: true,
+      wrapClassName: "pisell-add-temp-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "template-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "template-input-section" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        value: inputValue,
+        onChange: (e) => setInputValue(e.target.value),
+        className: "template-input",
+        ref: inputRef
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        onClick: handleAddTemplate,
+        className: "template-confirm-btn",
+        disabled: !inputValue
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.confirm")
+    )))
+  );
+};
+var AddTempModal_default = AddTempModal;

package/lib/plus/noteModal/index.js

@@ -0,0 +1,199 @@
+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/plus/noteModal/index.tsx
+var noteModal_exports = {};
+__export(noteModal_exports, {
+  default: () => noteModal_default
+});
+module.exports = __toCommonJS(noteModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
+var import_AddTempModal = __toESM(require("./AddTempModal"));
+var import_index = require("./index.less");
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var { TextArea } = import_materials.Input;
+var STORAGE_KEY = "pisell2_note_templates";
+var NoteModalContent = ({
+  open = false,
+  title = "",
+  value = "",
+  onConfirm,
+  onDelete,
+  onCancel
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  const [noteValue, setNoteValue] = (0, import_react.useState)(value);
+  const [templates, setTemplates] = (0, import_react.useState)([]);
+  const [templateModalOpen, setTemplateModalOpen] = (0, import_react.useState)(false);
+  const inputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      const storedTemplates = localStorage.getItem(STORAGE_KEY);
+      if (storedTemplates) {
+        try {
+          setTemplates(JSON.parse(storedTemplates));
+        } catch (error) {
+          console.error("Failed to parse templates from localStorage:", error);
+          setTemplates([]);
+        }
+      }
+      setTimeout(() => {
+        var _a2;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      }, 100);
+    }
+  }, [open]);
+  const saveTemplates = (newTemplates) => {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(newTemplates));
+    setTemplates(newTemplates);
+  };
+  const handleTemplateClick = (template) => {
+    setNoteValue((prev) => (prev || "") + " " + (template || ""));
+  };
+  const handleConfirm = () => {
+    onConfirm == null ? void 0 : onConfirm(noteValue);
+  };
+  const handleDelete = () => {
+    setNoteValue("");
+    onDelete == null ? void 0 : onDelete();
+  };
+  const handleCancel = () => {
+    setNoteValue("");
+    onCancel == null ? void 0 : onCancel();
+  };
+  const onAddTemplate = () => {
+    setTemplateModalOpen(true);
+  };
+  const onAddTemplateConfirm = (newTemplate) => {
+    if (newTemplate.trim()) {
+      const updatedTemplates = [...templates, newTemplate.trim()];
+      saveTemplates(updatedTemplates);
+      setTemplateModalOpen(false);
+    }
+  };
+  const onAddTemplateCancel = () => {
+    setTemplateModalOpen(false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      title: title || import_utils.locales.getText("pisell2.text.note.modal.title"),
+      headerDivider: false,
+      onCancel: handleCancel,
+      footer: null,
+      width: 680,
+      centered: true,
+      destroyOnClose: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "note-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "template-section" }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onAddTemplate, className: "add-template-btn" }, import_utils.locales.getText("pisell2.text.note.modal.btn.add.template")), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "note-modal-templates-container",
+        onTouchMove: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "note-modal-templates-scroll" }, templates.map((template, index) => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: index,
+          style: { display: "inline-block", marginLeft: "8px" }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "note-modal-template-tag",
+            onClick: () => handleTemplateClick(template)
+          },
+          template
+        )
+      )))
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "input-section" }, /* @__PURE__ */ import_react.default.createElement(
+      TextArea,
+      {
+        value: noteValue,
+        onChange: (e) => setNoteValue(e.target.value),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.note.modal.placeholder"
+        ),
+        autoSize: { minRows: 4, maxRows: 8 },
+        className: "note-input",
+        ref: inputRef
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "action-buttons" }, !!value ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        block: true,
+        type: "primary",
+        danger: true,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { style: { fontSize: 20 } }),
+        onClick: handleDelete,
+        className: "delete-btn"
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.delete")
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        block: true,
+        type: "default",
+        onClick: handleCancel,
+        className: "delete-btn"
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.cancel")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        block: true,
+        type: "primary",
+        onClick: handleConfirm,
+        className: "confirm-btn",
+        disabled: !noteValue
+      },
+      import_utils.locales.getText("pisell2.text.note.modal.btn.confirm")
+    )))
+  ), templateModalOpen && /* @__PURE__ */ import_react.default.createElement(
+    import_AddTempModal.default,
+    {
+      open: templateModalOpen,
+      onCancel: onAddTemplateCancel,
+      onConfirm: onAddTemplateConfirm
+    }
+  ));
+};
+var NoteModal = (props) => {
+  if (!props.open) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(NoteModalContent, { ...props });
+};
+var noteModal_default = NoteModal;

package/lib/plus/noteModal/index.less

@@ -0,0 +1,168 @@
+.note-modal-content {
+  padding: 0;
+
+  .template-section {
+    margin-top: 1px;
+    margin-bottom: 8px;
+    display: flex;
+    align-items: flex-start;
+    gap: 16px;
+
+    .add-template-btn {
+      flex-shrink: 0;
+      display: flex;
+      padding: 4px 8px;
+      justify-content: center;
+      align-items: center;
+      gap: 4px;
+      border-radius: 10px;
+      border: 1px solid #c3b2e7;
+      background: #eee5ff;
+      color: #7f56da;
+      text-align: center;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      white-space: nowrap;
+      outline: none;
+
+      &:hover {
+        background: #e4d6ff;
+        border-color: #7f56da;
+      }
+
+      &:focus {
+        outline: none;
+        box-shadow: 0 0 0 2px rgba(127, 86, 218, 0.2);
+      }
+    }
+
+    .note-modal-templates-container {
+      width: 100%;
+      overflow-x: scroll;
+      overflow-y: hidden;
+      -webkit-scroll-snap-type: x mandatory;
+      -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
+      white-space: nowrap;
+      position: relative;
+      scroll-behavior: smooth;
+
+      // 隐藏滚动条但保持滚动功能
+      &::-webkit-scrollbar {
+        display: none;
+      }
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+
+      .note-modal-templates-scroll {
+        width: fix-content;
+        text-align: right;
+
+        .note-modal-template-tag {
+          display: flex;
+          padding: 4px 8px;
+          justify-content: center;
+          align-items: center;
+          gap: 4px;
+          border-radius: 10px;
+          border: 1px solid #7f56da;
+          background: #fff;
+          cursor: pointer;
+          white-space: nowrap;
+          min-width: fit-content;
+
+          color: #7f56da;
+          text-align: center;
+          font-size: 14px;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+
+  .input-section {
+    margin-bottom: 16px;
+    padding: 13px 20px;
+    border-radius: 10px;
+    border: 1px solid #475467;
+
+    .note-input {
+      height: 100px;
+      max-height: 100px;
+      border: none;
+      outline: none;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+
+      color: #000;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 22px;
+
+      &:focus {
+        border: none;
+        outline: none;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .action-buttons {
+    margin-bottom: 24px;
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+
+    .delete-btn {
+      width: 200px;
+      height: 48px;
+      border-radius: 10px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+
+    .confirm-btn {
+      width: 200px;
+      height: 48px;
+      border-radius: 10px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+}
+
+.template-modal-content {
+  padding: 0;
+
+  .template-input-section {
+    display: flex;
+    gap: 16px;
+    align-items: flex-start;
+
+    .template-input {
+      height: 48px;
+      flex: 1;
+      display: flex;
+      padding: 0 20px;
+      align-items: flex-start;
+      justify-content: center;
+      gap: 4px;
+      border-radius: 10px;
+      border: 1px solid var(--Gray-600, #475467);
+    }
+
+    .template-confirm-btn {
+      width: 136px;
+      height: 48px;
+      border-radius: 10px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+}
+
+.pisell-add-temp-modal .pisell-lowcode-modal-content {
+  min-height: 132px !important;
+}