@pisell/private-materials 6.2.24 → 6.2.26

package/lib/plus/clinetSearch/Add/GenderField/index.js

@@ -0,0 +1,52 @@
+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/clinetSearch/Add/GenderField/index.tsx
+var GenderField_exports = {};
+__export(GenderField_exports, {
+  default: () => GenderField_default
+});
+module.exports = __toCommonJS(GenderField_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var GenderField = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      size: "large",
+      placeholder: import_utils.locales.getText("pisell2.text.gender"),
+      options: [
+        { label: import_utils.locales.getText("pisell2.text.gender.male"), value: "1" },
+        { label: import_utils.locales.getText("pisell2.text.gender.female"), value: "2" }
+      ],
+      ...props
+    }
+  );
+};
+var GenderField_default = GenderField;

package/lib/plus/clinetSearch/Add/PhoneField/index.js

@@ -0,0 +1,78 @@
+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/clinetSearch/Add/PhoneField/index.tsx
+var PhoneField_exports = {};
+__export(PhoneField_exports, {
+  default: () => PhoneField_default
+});
+module.exports = __toCommonJS(PhoneField_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_pisellPhoneKeyboard = __toESM(require("../../../../pro/pisellPhoneKeyboard"));
+var import_ahooks = require("ahooks");
+var import_serve = require("./serve");
+var defaultValue = {
+  code: "+61",
+  phone: ""
+};
+var PhoneField = ({ value, onChange }) => {
+  const codes = (0, import_ahooks.useRequest)(import_serve.getCountries, {
+    manual: true
+  });
+  (0, import_react.useEffect)(() => {
+    codes.run();
+  }, []);
+  const _onChange = (key, val) => {
+    onChange({ ...defaultValue, ...value, [key]: val });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      options: codes.data || [],
+      onChange: (val) => {
+        _onChange("code", val);
+      },
+      size: "large",
+      style: { flex: "0 0 100px" },
+      loading: codes.loading,
+      optionLabelProp: "value",
+      value: value == null ? void 0 : value.code,
+      dropdownMatchSelectWidth: false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellPhoneKeyboard.default,
+    {
+      value: (value == null ? void 0 : value.phone) || "",
+      onChange: (e) => {
+        _onChange("phone", e);
+      }
+    }
+  ));
+};
+var PhoneField_default = PhoneField;

package/lib/plus/clinetSearch/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/plus/clinetSearch/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/plus/clinetSearch/Add/index.js

@@ -0,0 +1,243 @@
+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/clinetSearch/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_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_PhoneField = __toESM(require("./PhoneField"));
+var import_GenderField = __toESM(require("./GenderField"));
+var import_utils = require("@pisell/utils");
+var import_serve = require("../serve");
+var import_utils2 = require("../../../utils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var AddClient = (0, import_react.forwardRef)((props, ref) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils2.request.setRequest((_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.request);
+  const { onChange, phone, containerProps } = 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]);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    reset: () => {
+      form.resetFields();
+    }
+  }));
+  const _addClient = (0, import_ahooks.useRequest)(import_serve.addCustomer, {
+    manual: true,
+    onSuccess: (res, param) => {
+      var _a2;
+      onChange({ ...(_a2 = param[0]) == null ? void 0 : _a2.customer, id: res.customer_id }, useIsChecked);
+    }
+  });
+  const onFinish = (values) => {
+    var _a2;
+    const { phone: phone2, ...rest } = values;
+    if (!values.first_name && !values.last_name && !values.email && !((_a2 = values == null ? void 0 : values.phone) == null ? void 0 : _a2.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: []
+    });
+  };
+  const renderContent = () => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
+      {
+        form,
+        onFinish,
+        layout: "vertical",
+        initialValues: {
+          is_checked: 0,
+          phone: {
+            code: "+61",
+            phone: ""
+          }
+        },
+        size: "large"
+      },
+      /* @__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,
+          {
+            placeholder: import_utils.locales.getText("pisell2.text.firstname"),
+            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,
+          {
+            placeholder: import_utils.locales.getText("pisell2.text.lastname"),
+            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.gender"),
+          name: "gender"
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_GenderField.default, null)
+      )), /* @__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.birthday"),
+          name: "birthday"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.DatePicker,
+          {
+            style: { width: "100%" },
+            size: "large",
+            format: "DD/MM/YYYY",
+            inputReadOnly: true,
+            placeholder: import_utils.locales.getText("pisell2.text.birthday"),
+            placement: "bottomLeft"
+          }
+        )
+      )), /* @__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.phone"),
+          name: "phone"
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_PhoneField.default, null)
+      )), /* @__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.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,
+          {
+            placeholder: import_utils.locales.getText("pisell2.text.email"),
+            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)))
+    );
+  };
+  const renderFooter = () => {
+    return /* @__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")
+    ));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellContainer,
+    {
+      renderType: "modal",
+      props: {
+        ...containerProps,
+        bodyStyle: {
+          padding: "24px 24px 0"
+        },
+        footer: renderFooter()
+      }
+    },
+    renderContent()
+  );
+});
+var Add_default = AddClient;

package/lib/plus/clinetSearch/Add/index.less

@@ -0,0 +1,30 @@
+.pisell-client-search__new-client-modal {
+
+  .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;
+}