@pisell/private-materials 3.0.185 → 3.0.186

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/index.js

@@ -0,0 +1,200 @@
+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/pisellSelectCustomerModal/RightPanel/Add/index.tsx
+var Add_exports = {};
+__export(Add_exports, {
+  default: () => Add_default
+});
+module.exports = __toCommonJS(Add_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_ahooks = require("ahooks");
+var import_PhoneField = __toESM(require("./PhoneField"));
+var import_GenderField = __toESM(require("./GenderField"));
+var import_BirthdayField = __toESM(require("./BirthdayField"));
+var import_utils = require("@pisell/utils");
+var import_serve = require("../serve");
+var AddClient = (props) => {
+  const { onChange, phone } = props;
+  const [form] = import_antd.Form.useForm();
+  const useIsChecked = import_antd.Form.useWatch("is_checked", form);
+  (0, import_react.useEffect)(() => {
+    form.setFieldsValue({ phone: { code: "+61", phone } });
+  }, [phone]);
+  const _addClient = (0, import_ahooks.useRequest)(import_serve.addCustomer, {
+    manual: true,
+    onSuccess: (res, param) => {
+      var _a;
+      onChange({ ...(_a = param[0]) == null ? void 0 : _a.customer, id: res.customer_id });
+    }
+  });
+  const onFinish = (values) => {
+    var _a;
+    const { phone: phone2, ...rest } = values;
+    if (!values.first_name && !values.last_name && !values.email && !((_a = values == null ? void 0 : values.phone) == null ? void 0 : _a.phone)) {
+      import_antd.message.info(import_utils.locales.getText("pisell2.text.add-client.confirm"));
+      return;
+    }
+    _addClient.run({
+      customer: {
+        accepts_marketing: 0,
+        register_channel: "shop",
+        tax_exempt: 1,
+        ...rest,
+        first_name: rest.first_name || "",
+        last_name: rest.last_name || "",
+        note: rest.note || "",
+        email: rest.email || "",
+        country_calling_code: phone2.code || "",
+        phone: phone2.phone || ""
+      },
+      address: {
+        first_name: "",
+        last_name: "",
+        company: "",
+        address1: "",
+        address2: "",
+        city: "",
+        country_code: "AU",
+        province_code: "ACT",
+        phone: "",
+        country: "澳大利亚",
+        province: "Australian Capital Territory",
+        country_calling_code: "+61"
+      },
+      tags: []
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-add-client" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form,
+    {
+      form,
+      onFinish,
+      layout: "vertical",
+      initialValues: {
+        is_checked: 0,
+        phone: {
+          code: "+61",
+          phone: ""
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: [16, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.firstname"),
+        name: "first_name"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { size: "large" })
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.lastname"),
+        name: "last_name"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { size: "large" })
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.gender"),
+        name: "gender"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_GenderField.default, null)
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.birthday"),
+        name: "birthday"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_BirthdayField.default,
+        {
+          itemStyle: { flex: 1 },
+          style: { display: "flex", gap: 16, width: "100%" },
+          useSpace: false
+        }
+      )
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.phone"),
+        name: "phone"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_PhoneField.default, null)
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.email"),
+        name: "email",
+        rules: [
+          {
+            pattern: /^([a-zA-Z0-9_\-\.+])+@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,63})+$/,
+            message: import_utils.locales.getText("pisell2.text.email-error-message")
+          }
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { size: "large" })
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("pisell2.text.notes"),
+        name: "note"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "is_checked" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-add-client__footer" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        size: "large",
+        style: { flex: 1 },
+        onClick: () => {
+          form.setFieldsValue({ is_checked: 0 });
+          form.submit();
+        },
+        loading: _addClient.loading && !useIsChecked
+      },
+      import_utils.locales.getText("pisell2.text.save")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "primary",
+        size: "large",
+        style: { flex: 1 },
+        onClick: () => {
+          form.setFieldsValue({ is_checked: 1 });
+          form.submit();
+        },
+        loading: _addClient.loading && useIsChecked
+      },
+      import_utils.locales.getText("pisell2.text.save-and-select")
+    ))
+  ));
+};
+var Add_default = AddClient;

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/index.less

@@ -0,0 +1,35 @@
+.select-customer-right-panel-add-client {
+  width: 100%;
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+
+  .select-customer-right-panel-add-client__footer {
+    position: sticky;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #fff;
+    display: flex;
+    gap: 16px;
+  }
+}
+
+input::-webkit-inner-spin-button,
+input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  appearance: none;
+}

package/lib/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface CustomerListProps {
+    value: any;
+    onChange: (value: any) => void;
+    phone: string;
+    customerOrigin?: any;
+    loading: boolean;
+    onLoadMore: () => void;
+    setPage: (page: 'create') => void;
+}
+declare const CustomerList: (props: CustomerListProps) => React.JSX.Element;
+export default CustomerList;

package/lib/components/pisellSelectCustomerModal/RightPanel/List/index.js

@@ -0,0 +1,94 @@
+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/pisellSelectCustomerModal/RightPanel/List/index.tsx
+var List_exports = {};
+__export(List_exports, {
+  default: () => List_default
+});
+module.exports = __toCommonJS(List_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_CustomerCard = __toESM(require("../../CustomerCard"));
+var import_CheckCircle = __toESM(require("@pisell/icon/es/CheckCircle"));
+var import_materials = require("@pisell/materials");
+var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
+var import_index = require("./index.less");
+var import_utils = require("@pisell/utils");
+var CustomerList = (props) => {
+  const {
+    value,
+    onChange,
+    phone,
+    customerOrigin,
+    onLoadMore,
+    loading,
+    setPage
+  } = props;
+  const list = (0, import_react.useMemo)(() => {
+    const _list = (customerOrigin == null ? void 0 : customerOrigin.list) || [];
+    return _list;
+  }, [customerOrigin, phone]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, list.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-list" }, list.map((item) => {
+    const active = item.id === (value == null ? void 0 : value.id);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_CustomerCard.default,
+      {
+        key: item.id,
+        className: (0, import_classnames.default)("select-customer-right-panel-item", {
+          "select-customer-right-panel-item-active": active
+        }),
+        customer: item,
+        showIcon: active,
+        customIcon: /* @__PURE__ */ import_react.default.createElement(import_CheckCircle.default, { style: { fontSize: 28, color: "#079455" } }),
+        onClickItem: () => {
+          onChange(item);
+        }
+      }
+    );
+  }), customerOrigin.list.length < customerOrigin.count ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-load-more" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: onLoadMore, loading }, import_utils.locales.getText("pisell2.text.load-more"))) : null) : !loading ? /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellEmpty,
+    {
+      description: import_utils.locales.getText("pisell2.text.no-results-found"),
+      imageStyle: { height: "auto" },
+      extraDescription: /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "select-customer-right-panel-add",
+          onClick: () => {
+            setPage("create");
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "select-customer-right-panel-header-icon" }),
+        /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.create-new-client"))
+      )
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { round: true, active: true }));
+};
+var List_default = CustomerList;

package/lib/components/pisellSelectCustomerModal/RightPanel/List/index.less

@@ -0,0 +1,49 @@
+.select-customer-right-panel-list {
+  width: 100%;
+  flex: 1;
+  overflow-y: auto;
+
+  .select-customer-right-panel-item {
+    border: none;
+    position: relative;
+
+    // &::before {
+    //   content: '';
+    //   position: absolute;
+    //   bottom: 0;
+    //   left: 0;
+    //   width: 100%;
+    //   height: 100%;
+    //   background: transparent;
+    //   z-index: 1;
+    //   height: 1px;
+    //   background-color: #eaecf0;
+    // }
+
+    &.select-customer-right-panel-item-active,
+    &:hover {
+      background: var(--Gray-100, #F2F4F7);
+
+      // &::before {
+      // display: none;
+      // }
+    }
+  }
+}
+
+.select-customer-right-panel-load-more {
+  padding: 10px 0;
+  text-align: center;
+}
+
+.select-customer-right-panel-add {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: #7f56d9;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  gap: 8px;
+}

package/lib/components/pisellSelectCustomerModal/RightPanel/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface RightPanelProps {
+    value: any;
+    onChange: (value: any) => void;
+    phone: string;
+}
+export interface QueryParams {
+    sort_by: 'updated_at' | 'id' | '';
+    search: string;
+    skip: number;
+    num: number;
+}
+declare const RightPanel: (props: RightPanelProps) => React.JSX.Element;
+export default RightPanel;

package/lib/components/pisellSelectCustomerModal/RightPanel/index.js

@@ -0,0 +1,150 @@
+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/pisellSelectCustomerModal/RightPanel/index.tsx
+var RightPanel_exports = {};
+__export(RightPanel_exports, {
+  default: () => RightPanel_default
+});
+module.exports = __toCommonJS(RightPanel_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var import_serve = require("./serve");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils = require("../../../utils");
+var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
+var import_List = __toESM(require("./List"));
+var import_Add = __toESM(require("./Add"));
+var import_ChevronLeft = __toESM(require("@pisell/icon/es/ChevronLeft"));
+var import_utils2 = require("@pisell/utils");
+var defaultParams = {
+  skip: 1,
+  num: 10,
+  sort_by: "id",
+  search: ""
+};
+var RightPanel = (props) => {
+  const { value, onChange, phone } = props;
+  const [page, setPage] = (0, import_react.useState)("list");
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const [customerOrigin, setCustomerOrigin] = (0, import_react.useState)({
+    skip: 1,
+    count: 0,
+    list: []
+  });
+  const [params, setParams] = (0, import_react.useState)(defaultParams);
+  const _getCustomerList = (0, import_ahooks.useRequest)(import_serve.getCustomerList, {
+    manual: true,
+    onSuccess: (res, param) => {
+      const _params = param[0];
+      setParams(_params);
+      let list = [];
+      if (_params.skip === 1) {
+        list = res.list;
+      } else {
+        list = customerOrigin.list.concat(res.list);
+      }
+      setCustomerOrigin({ ...res, list });
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (page !== "list") {
+      return;
+    }
+    _getCustomerList.run({
+      ...defaultParams,
+      search: phone
+    });
+  }, [phone, page]);
+  const header = (0, import_react.useMemo)(() => {
+    if (page === "list") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-header" }, /* @__PURE__ */ import_react.default.createElement("span", null, phone ? import_utils2.locales.getText("pisell2.text.result-found") : import_utils2.locales.getText("pisell2.text.personnel-list")), /* @__PURE__ */ import_react.default.createElement(
+        import_PlusCircle.default,
+        {
+          className: "select-customer-right-panel-header-icon",
+          onClick: () => {
+            setPage("create");
+          }
+        }
+      ));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("select-customer-right-panel-header", {
+          "select-customer-right-panel-header-create": page === "create"
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_ChevronLeft.default,
+        {
+          className: "select-customer-right-panel-header-icon select-customer-right-panel-header-icon-back",
+          onClick: () => {
+            setPage("list");
+          }
+        }
+      ),
+      import_utils2.locales.getText("pisell2.text.create-new-client")
+    );
+  }, [phone, page]);
+  const addChange = (values) => {
+    setPage("list");
+    if (values == null ? void 0 : values.is_checked) {
+      onChange == null ? void 0 : onChange(values);
+    }
+    setCustomerOrigin({
+      ...customerOrigin,
+      count: customerOrigin.count + 1,
+      list: [values].concat(customerOrigin.list)
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-header" }, header), page === "list" ? /* @__PURE__ */ import_react.default.createElement(
+    import_List.default,
+    {
+      loading: _getCustomerList.loading,
+      phone,
+      customerOrigin,
+      value,
+      onChange,
+      onLoadMore: () => {
+        if (customerOrigin.list.length >= customerOrigin.count) {
+          return;
+        }
+        _getCustomerList.run({
+          ...params,
+          skip: params.skip + 1
+        });
+      },
+      setPage
+    }
+  ) : null, page === "create" ? /* @__PURE__ */ import_react.default.createElement(import_Add.default, { phone, onChange: addChange }) : null);
+};
+var RightPanel_default = RightPanel;

package/lib/components/pisellSelectCustomerModal/RightPanel/index.less

@@ -0,0 +1,43 @@
+.select-customer-right-panel {
+  width: 348px;
+  height: 511px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+
+  .select-customer-right-panel-header {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 44px;
+    position: sticky;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .select-customer-right-panel-header-create {
+      justify-content: flex-start;
+    }
+
+    .select-customer-right-panel-header-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 44px;
+      height: 44px;
+      cursor: pointer;
+      font-size: 24px;
+    }
+
+    .select-customer-right-panel-header-icon-back {
+      justify-content: flex-start;
+      width: 24px;
+    }
+  }
+}

package/lib/components/pisellSelectCustomerModal/RightPanel/mock.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    status: boolean;
+    code: number;
+    message: string;
+    data: {
+        list: ({
+            phone: string;
+            email: string;
+            country_calling_code: string;
+            channel: string;
+            shop_id: number;
+            display_name: string;
+            updated_at: string;
+            created_at: string;
+            id: number;
+            nickname?: undefined;
+            is_deleted?: undefined;
+        } | {
+            id: number;
+            shop_id: number;
+            country_calling_code: string;
+            phone: string;
+            display_name: string;
+            nickname: string;
+            email: string;
+            channel: string;
+            is_deleted: number;
+            created_at: string;
+            updated_at: string;
+        } | {
+            shop_id: string;
+            nickname: string;
+            channel: string;
+            updated_at: string;
+            created_at: string;
+            id: number;
+            phone?: undefined;
+            email?: undefined;
+            country_calling_code?: undefined;
+            display_name?: undefined;
+            is_deleted?: undefined;
+        })[];
+        count: number;
+        skip: number;
+    };
+};
+export default _default;