@pisell/private-materials 3.2.17 → 3.2.18

package/lib/components/appointmentBooking/components/Information/index.js

@@ -1,151 +0,0 @@
-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/appointmentBooking/components/Information/index.tsx
-var Information_exports = {};
-__export(Information_exports, {
-  default: () => Information_default
-});
-module.exports = __toCommonJS(Information_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_materials = require("@pisell/materials");
-var import_utils = require("@pisell/utils");
-var import_Sales = require("../../../Sales");
-var import_SelectHolderModal = __toESM(require("../Provider/SelectHolderModal"));
-var import_InformationOptionsModal = __toESM(require("../Provider/InformationOptionsModal/index"));
-var import_RemoveOptionConfirmModal = __toESM(require("../Provider/RemoveOptionConfirmModal"));
-var import_index = require("./index.less");
-var Information = () => {
-  const { onHolderOpen, open } = (0, import_Sales.useHolder)();
-  const { cartDataHolderList } = (0, import_Sales.useCart)();
-  const { selectHolder, deleteHolderById } = (0, import_Sales.useHolder)();
-  const { prevStep } = (0, import_Sales.useStep)();
-  const [openOption, setOpenOption] = (0, import_react.useState)(false);
-  const [holderItem, setHolderItem] = (0, import_react.useState)(null);
-  const [removeOpen, setRemoveOpen] = (0, import_react.useState)(false);
-  const options = [
-    {
-      key: "edit",
-      label: /* @__PURE__ */ import_react.default.createElement("span", { className: "dropdown-menu-item" }, import_utils.locales.getText("pisell2.event.edit.event"))
-    },
-    {
-      key: "remove",
-      label: /* @__PURE__ */ import_react.default.createElement("span", { className: "dropdown-menu-item dropdown-menu-remove-item" }, import_utils.locales.getText("pisell2.event.remove"))
-    }
-  ];
-  const handleClick = ({ key }, item) => {
-    if (key === "edit") {
-      selectHolder(item || holderItem, "createCartItem");
-      prevStep();
-      return;
-    }
-    setRemoveOpen(true);
-  };
-  const renderOptionButton = (item) => {
-    if ((0, import_utils.isMobile)()) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_materials.Button,
-        {
-          size: "large",
-          onClick: () => {
-            setHolderItem(item);
-            setOpenOption(true);
-          }
-        },
-        import_utils.locales.getText("pisell2.event.option")
-      );
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Dropdown,
-      {
-        menu: {
-          items: options,
-          onClick: (e) => {
-            setHolderItem(item);
-            handleClick(e, item);
-          }
-        },
-        placement: "bottomRight",
-        overlayClassName: "provider-information-custom-dropdown-menu"
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_materials.Button, null, import_utils.locales.getText("pisell2.event.option"))
-    );
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "provider-information-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "title" }, import_utils.locales.getText("pisell2.event.confirm.information.tip")), cartDataHolderList == null ? void 0 : cartDataHolderList.map((item) => {
-    var _a;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellCard,
-      {
-        key: item.id,
-        padding: 20,
-        className: "information-card",
-        isClickable: false
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "information-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "information-left" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellAvatar, { src: item.avatar, size: "md" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "information-title" }, /* @__PURE__ */ import_react.default.createElement("span", null, item.name), /* @__PURE__ */ import_react.default.createElement("span", { className: "subtitle" }, `${import_utils.locales.getText(
-        "pisell2.event.title"
-      )((_a = item.children) == null ? void 0 : _a.length)}`))), renderOptionButton(item)),
-      item.children.map((child) => {
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "child-wrap" }, child.name);
-      })
-    );
-  }), /* @__PURE__ */ import_react.default.createElement("span", { className: "add-tip" }, import_utils.locales.getText("pisell2.event.confirm.information.other")), /* @__PURE__ */ import_react.default.createElement(
-    import_materials.Button,
-    {
-      size: "large",
-      style: { width: "max-content" },
-      onClick: () => {
-        onHolderOpen();
-      },
-      className: "provider-information-add-button"
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-plus", style: { fontSize: "20px" } }),
-    import_utils.locales.getText("pisell2.event.add.others")
-  )), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open, type: "create" }), /* @__PURE__ */ import_react.default.createElement(
-    import_InformationOptionsModal.default,
-    {
-      options,
-      open: openOption,
-      holderItem,
-      onCancel: () => setOpenOption(false),
-      onClick: handleClick
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_RemoveOptionConfirmModal.default,
-    {
-      removeOpen,
-      onCancel: () => setRemoveOpen(false),
-      onOk: () => {
-        deleteHolderById(holderItem.id);
-        setRemoveOpen(false);
-        setOpenOption(false);
-      }
-    }
-  ));
-};
-var Information_default = Information;

package/lib/components/appointmentBooking/components/Information/index.less

@@ -1,92 +0,0 @@
-.provider-information-wrap {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  background: #ffffff;
-  margin-top: 16px;
-  width: 100%;
-
-  .provider-information-add-button {
-    display: flex;
-    align-items: center;
-    .pisell-lowcode-image-mask-info {
-      padding: 0 !important;
-    }
-  }
-
-  .title,
-  .add-tip {
-    color: var(--Gray-900, #101828);
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 28px;
-  }
-  .pisell-lowcode-card-body {
-    display: flex;
-    flex-direction: column;
-    // gap: 10px;
-  }
-  .information-card {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    .information-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 10px;
-      .information-left {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        .information-title {
-          color: var(--Text-Text_1, #1b1b1b);
-          font-size: 14px;
-          font-weight: 600;
-          line-height: 20px;
-          display: flex;
-          flex-direction: column;
-          flex: 1;
-          .subtitle {
-            font-weight: 400;
-          }
-        }
-      }
-    }
-
-    .child-wrap {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      margin-top: 10px;
-    }
-  }
-}
-
-.provider-information-custom-dropdown-menu {
-  .pisell-lowcode-dropdown-menu {
-    padding: 6px;
-    border-bottom: 1px solid var(--Gray-200, #eaecf0);
-
-    .pisell-lowcode-dropdown-menu-item {
-      padding: 9px 10px;
-
-      .dropdown-menu-item {
-        color: var(--Gray-700, #344054);
-        font-size: 14px;
-        font-weight: 500;
-        line-height: 20px;
-      }
-
-      .dropdown-menu-remove-item {
-        color: var(--Error-700, #b42318);
-      }
-
-      &:hover {
-        border-radius: 6px;
-        background: var(--Gray-50, #f9fafb);
-      }
-    }
-  }
-}

package/lib/components/appointmentBooking/components/Provider/Cart/Item/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const CartItem: () => JSX.Element;
-export default CartItem;

package/lib/components/appointmentBooking/components/Provider/Content/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Layout: () => JSX.Element;
-export default Layout;

package/lib/components/appointmentBooking/components/Provider/Content/index.js

@@ -1,90 +0,0 @@
-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/appointmentBooking/components/Provider/Content/index.tsx
-var Content_exports = {};
-__export(Content_exports, {
-  default: () => Content_default
-});
-module.exports = __toCommonJS(Content_exports);
-var import_react = __toESM(require("react"));
-var import_utils = require("@pisell/utils");
-var import_Resource = __toESM(require("../Resource"));
-var import_Event = __toESM(require("../Event"));
-var import_Information = __toESM(require("../Information"));
-var import_index = require("./index.less");
-var Layout = () => {
-  const currentStepData = {
-    key: "select-event"
-  };
-  const isFirstStep = false;
-  (0, import_react.useEffect)(() => {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-  }, [currentStepData == null ? void 0 : currentStepData.key]);
-  const Com = (0, import_react.useMemo)(() => {
-    const key = currentStepData == null ? void 0 : currentStepData.key;
-    if (!key) return null;
-    const components = {
-      // 选择资源
-      "select-category": import_Resource.default,
-      // 选择event
-      "select-event": import_Event.default,
-      // 确认信息
-      "confirm-information": import_Information.default
-    };
-    let Com2 = components[key];
-    return /* @__PURE__ */ import_react.default.createElement(Com2, null);
-  }, [currentStepData == null ? void 0 : currentStepData.key]);
-  (0, import_react.useEffect)(() => {
-    var _a, _b;
-    if ((0, import_utils.isMobile)()) {
-      const header = document.querySelector(".event-progress-bar");
-      const footer = document.querySelector(".pisell-section-footers-wrapper");
-      const content = document.querySelector(".event-content-mobile-wrap");
-      const headerHeight = ((_a = header == null ? void 0 : header.getBoundingClientRect()) == null ? void 0 : _a.height) || 0;
-      const footerHeight = ((_b = footer == null ? void 0 : footer.getBoundingClientRect()) == null ? void 0 : _b.height) || 0;
-      const windowHeight = window.innerHeight;
-      const contentHeight = windowHeight - headerHeight - footerHeight;
-      if (content && (content == null ? void 0 : content.style)) {
-        content.style.height = `${contentHeight}px`;
-        content.style.overflowY = "auto";
-      }
-    }
-  }, [currentStepData == null ? void 0 : currentStepData.key]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `event-content-wrap ${(0, import_utils.isMobile)() ? "event-content-mobile-wrap" : ""}`
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-content-left" }, "content")
-  );
-};
-var Content_default = Layout;

package/lib/components/appointmentBooking/components/Provider/Content/index.less

@@ -1,31 +0,0 @@
-.event-content-wrap {
-  width: 1000px;
-  display: flex;
-  gap: 6px;
-  // align-items: center;
-  flex: 1;
-
-  .event-content-left {
-    flex: 1;
-  }
-
-  .event-content-right {
-    margin-top: 16px;
-    width: 360px;
-    position: sticky;
-    top: 93px;
-    height: fit-content;
-  }
-}
-
-.event-content-mobile-wrap {
-  width: 100%;
-  flex: none;
-  .event-content-left {
-    width: 100%;
-    flex: none;
-    .provider-information-wrap {
-      width: 100%;
-    }
-  }
-}

package/lib/components/appointmentBooking/components/Provider/EmptyHolderModal/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const EmptyHolderModal: (props: any) => JSX.Element;
-export default EmptyHolderModal;

package/lib/components/appointmentBooking/components/Provider/EmptyHolderModal/index.js

@@ -1,60 +0,0 @@
-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/appointmentBooking/components/Provider/EmptyHolderModal/index.tsx
-var EmptyHolderModal_exports = {};
-__export(EmptyHolderModal_exports, {
-  default: () => EmptyHolderModal_default
-});
-module.exports = __toCommonJS(EmptyHolderModal_exports);
-var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
-var import_utils = require("@pisell/utils");
-var import_index = require("./index.less");
-var EmptyHolderModal = (props) => {
-  const { open, onCancel, onOk, lists } = props;
-  const content = (0, import_react.useMemo)(() => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "event-booking-empty-holder-describe" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.event.empty.holder.tip")), /* @__PURE__ */ import_react.default.createElement("ul", null, lists.map((item, index) => {
-      return /* @__PURE__ */ import_react.default.createElement("li", { key: index }, item);
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.event.empty.holder.continue.tip")));
-  }, [lists]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_materials.PisellModal.Information,
-    {
-      open,
-      title: import_utils.locales.getText("pisell2.event.empty.holder.title"),
-      describe: content,
-      okText: import_utils.locales.getText("pisell2.event.empty.holder.continue.anyway"),
-      cancelText: import_utils.locales.getText("pisell2.event.empty.holder.go.back"),
-      closable: true,
-      onCancel: () => onCancel(),
-      onOk: () => onOk()
-    }
-  );
-};
-var EmptyHolderModal_default = EmptyHolderModal;

package/lib/components/appointmentBooking/components/Provider/EmptyHolderModal/index.less

@@ -1,17 +0,0 @@
-.event-booking-empty-holder-describe {
-  color: var(--Gray-900, #101828);
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-
-  ul {
-    list-style-type: disc !important;
-    padding-left: 20px;
-    li {
-      list-style-type: disc !important;
-    }
-  }
-}

package/lib/components/appointmentBooking/components/Provider/Event/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Event: () => JSX.Element;
-export default Event;

package/lib/components/appointmentBooking/components/Provider/Event/index.js

@@ -1,100 +0,0 @@
-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/appointmentBooking/components/Provider/Event/index.tsx
-var Event_exports = {};
-__export(Event_exports, {
-  default: () => Event_default
-});
-module.exports = __toCommonJS(Event_exports);
-var import_react = __toESM(require("react"));
-var import_utils = require("@pisell/utils");
-var import_antd = require("antd");
-var import_Sales = require("../../../../Sales");
-var import_bookingServiceList = __toESM(require("../../bookingServiceList"));
-var import_bookingDetailModal = __toESM(require("../../bookingDetailModal"));
-var import_index = require("./index.less");
-var Event = () => {
-  var _a, _b;
-  const { eventData, selectEvent, getEventList, getEventListByTitle } = (0, import_Sales.useEvent)();
-  const { data } = (0, import_Sales.useSales)();
-  const { onOpenEventDetail, open } = (0, import_Sales.useEventDetail)();
-  const [lists, setLists] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
-    setLists((eventData == null ? void 0 : eventData.eventList) || []);
-  }, [eventData == null ? void 0 : eventData.eventList]);
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
-    const id = (_b2 = (_a2 = data == null ? void 0 : data.resourceData) == null ? void 0 : _a2.currentResourceItem) == null ? void 0 : _b2.id;
-    if (!id) return;
-    getEventList.run({
-      event_item_resource_id: id,
-      skip: 1,
-      num: 100
-    });
-  }, [(_b = (_a = data == null ? void 0 : data.resourceData) == null ? void 0 : _a.currentResourceItem) == null ? void 0 : _b.id]);
-  const handleClick = (item) => {
-    selectEvent(item);
-    onOpenEventDetail(item);
-  };
-  const handleSearch = (e) => {
-    var _a2;
-    const value = (_a2 = e.target) == null ? void 0 : _a2.value;
-    const events = getEventListByTitle(value);
-    setLists(events);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `event-interface-service-wrap ${(0, import_utils.isMobile)() ? "event-interface-service-mobile-wrap" : ""}`
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Skeleton,
-      {
-        active: true,
-        loading: getEventList.loading,
-        style: { padding: "16px" }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_bookingServiceList.default,
-        {
-          dataSource: lists,
-          showSearch: true,
-          showCategory: false,
-          showImage: true,
-          onClick: handleClick,
-          onSearch: handleSearch,
-          placeholder: import_utils.locales.getText("pisell2.event.search"),
-          isShowEmpty: !getEventList.loading,
-          description: import_utils.locales.getText("pisell2.event.empty.event")
-        }
-      )
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(import_bookingDetailModal.default, { open }));
-};
-var Event_default = Event;

package/lib/components/appointmentBooking/components/Provider/Event/index.less

@@ -1,20 +0,0 @@
-.event-interface-service-wrap {
-  display: flex;
-  padding: 0;
-  margin: 16px auto;
-
-  .event-booking-service-list {
-    flex: 1;
-    background: #ffffff;
-    // min-height: calc(100vh - 93px);
-  }
-}
-
-.event-interface-service-mobile-wrap {
-  margin-top: 0;
-  width: 100%;
-
-  .event-booking-service-list {
-    width: 100%;
-  }
-}

package/lib/components/appointmentBooking/components/Provider/Information/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Information: () => JSX.Element;
-export default Information;

package/lib/components/appointmentBooking/components/Provider/Information/index.less

@@ -1,92 +0,0 @@
-.provider-information-wrap {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  background: #ffffff;
-  margin-top: 16px;
-  width: 100%;
-
-  .provider-information-add-button {
-    display: flex;
-    align-items: center;
-    .pisell-lowcode-image-mask-info {
-      padding: 0 !important;
-    }
-  }
-
-  .title,
-  .add-tip {
-    color: var(--Gray-900, #101828);
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 28px;
-  }
-  .pisell-lowcode-card-body {
-    display: flex;
-    flex-direction: column;
-    // gap: 10px;
-  }
-  .information-card {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    .information-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 10px;
-      .information-left {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        .information-title {
-          color: var(--Text-Text_1, #1b1b1b);
-          font-size: 14px;
-          font-weight: 600;
-          line-height: 20px;
-          display: flex;
-          flex-direction: column;
-          flex: 1;
-          .subtitle {
-            font-weight: 400;
-          }
-        }
-      }
-    }
-
-    .child-wrap {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      margin-top: 10px;
-    }
-  }
-}
-
-.provider-information-custom-dropdown-menu {
-  .pisell-lowcode-dropdown-menu {
-    padding: 6px;
-    border-bottom: 1px solid var(--Gray-200, #eaecf0);
-
-    .pisell-lowcode-dropdown-menu-item {
-      padding: 9px 10px;
-
-      .dropdown-menu-item {
-        color: var(--Gray-700, #344054);
-        font-size: 14px;
-        font-weight: 500;
-        line-height: 20px;
-      }
-
-      .dropdown-menu-remove-item {
-        color: var(--Error-700, #b42318);
-      }
-
-      &:hover {
-        border-radius: 6px;
-        background: var(--Gray-50, #f9fafb);
-      }
-    }
-  }
-}