@pisell/private-materials 3.0.184 → 3.0.186

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/serve.js

@@ -0,0 +1,193 @@
+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/pisellSelectCustomerModal/RightPanel/Add/PhoneField/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  defaultCodes: () => defaultCodes,
+  getCountries: () => getCountries
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../../../utils");
+var import_utils2 = require("@pisell/utils");
+var formatData = (data) => {
+  return data.map((item, i) => {
+    return {
+      label: `${item.name} (+${item.calling_code})`,
+      value: "+" + item.calling_code,
+      key: i
+    };
+  });
+};
+var defaultCodes = formatData([
+  {
+    "name": "Mexico",
+    "code": "MX",
+    "calling_code": "52",
+    "currency_code": "MXN"
+  },
+  {
+    "name": "美国",
+    "code": "US",
+    "calling_code": "1",
+    "currency_code": "USD"
+  },
+  {
+    "name": "加拿大",
+    "code": "CA",
+    "calling_code": "1",
+    "currency_code": "CAD"
+  },
+  {
+    "name": "澳大利亚",
+    "code": "AU",
+    "calling_code": "61",
+    "currency_code": "AUD"
+  },
+  {
+    "name": "新西兰",
+    "code": "NZ",
+    "calling_code": "64",
+    "currency_code": "NZD"
+  },
+  {
+    "name": "新加坡",
+    "code": "SG",
+    "calling_code": "65",
+    "currency_code": "SGD"
+  },
+  {
+    "name": "香港特别行政区",
+    "code": "HK",
+    "calling_code": "852",
+    "currency_code": "HKD"
+  },
+  {
+    "name": "中国",
+    "code": "CN",
+    "calling_code": "86",
+    "currency_code": "AUD"
+  },
+  {
+    "name": "日本",
+    "code": "JP",
+    "calling_code": "81",
+    "currency_code": "JPY"
+  },
+  {
+    "name": "马来西亚",
+    "code": "MY",
+    "calling_code": "60",
+    "currency_code": "USD"
+  },
+  {
+    "name": "英国",
+    "code": "GB",
+    "calling_code": "44",
+    "currency_code": "GBP"
+  },
+  {
+    "name": "法国",
+    "code": "FR",
+    "calling_code": "33",
+    "currency_code": "EUR"
+  },
+  {
+    "name": "意大利",
+    "code": "IT",
+    "calling_code": "39",
+    "currency_code": "EUR"
+  },
+  {
+    "name": "Ireland",
+    "code": "IE",
+    "calling_code": "353",
+    "currency_code": "EUR"
+  },
+  {
+    "name": "Netherlands",
+    "code": "NL",
+    "calling_code": "31",
+    "currency_code": "EUR"
+  },
+  {
+    "name": "Germany",
+    "code": "DE",
+    "calling_code": "49",
+    "currency_code": "EUR"
+  },
+  {
+    "name": "Spain",
+    "code": "ES",
+    "calling_code": "34",
+    "currency_code": "EUR"
+  },
+  {
+    "name": "India",
+    "code": "IND",
+    "calling_code": "91",
+    "currency_code": "INR"
+  },
+  {
+    "name": "Nigeria",
+    "code": "NG",
+    "calling_code": "234",
+    "currency_code": "NGN"
+  },
+  {
+    "name": "Islamic Republic of Pakistan‎",
+    "code": "PAK",
+    "calling_code": "92",
+    "currency_code": "PRK"
+  },
+  {
+    "name": "Philippines",
+    "code": "PH",
+    "calling_code": "63",
+    "currency_code": "PHP"
+  },
+  {
+    "name": "Thailand",
+    "code": "TH",
+    "calling_code": "66",
+    "currency_code": "THB"
+  },
+  {
+    "name": "South Africa",
+    "code": "ZA",
+    "calling_code": "27",
+    "currency_code": "ZAR"
+  }
+]);
+var getCountries = async (params) => {
+  import_utils.request.getRequest().get("/shop/area/country", { "translate-locale": import_utils2.locales.formatLocale(localStorage.getItem("umi_locale") || "en") }, { abort: true, useCache: true }).then((res) => {
+    localStorage.setItem("pisell2_data_countries", JSON.stringify(formatData(res.data || [])));
+  });
+  let data = localStorage.getItem("pisell2_data_countries");
+  if (data) {
+    data = JSON.parse(data);
+    return data;
+  } else {
+    return defaultCodes;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultCodes,
+  getCountries
+});

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+interface AddClientProps {
+    onChange: (value: any) => void;
+    phone: string;
+}
+declare const AddClient: (props: AddClientProps) => React.JSX.Element;
+export default AddClient;

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;