@pisell/private-materials 3.0.111 → 3.0.113

package/lib/components/pay/toC/PaymentMethods/GlobePayWxH5/index.js

@@ -0,0 +1,89 @@
+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/pay/toC/PaymentMethods/GlobePayWxH5/index.tsx
+var GlobePayWxH5_exports = {};
+__export(GlobePayWxH5_exports, {
+  default: () => GlobePayWxH5_default
+});
+module.exports = __toCommonJS(GlobePayWxH5_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_ThreedsLoading = __toESM(require("../MWCreditCard/TDSPay/ThreedsLoading"));
+var import_serve = require("./serve");
+var import_payGroup = require("../../payGroup");
+var import_index = require("./index.less");
+var GlobePayWxH5 = (props, ref) => {
+  const { onChange } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const init = async ({ payGroup }) => {
+    setOpen(true);
+    const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
+    if (!values) {
+      setOpen(false);
+      return;
+    }
+    try {
+      const data = await (0, import_serve.getAliPayUrl)(payGroup.order_id, values);
+      const url = data.url || (data == null ? void 0 : data.pay_url);
+      if (url) {
+        (0, import_payGroup.setPayNumber)(payGroup == null ? void 0 : payGroup.order_id, data == null ? void 0 : data.pay_number);
+        window.location.href = url;
+      } else {
+        setOpen(false);
+      }
+    } catch (err) {
+      setOpen(false);
+    }
+  };
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      init
+    })
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      platform: "h5",
+      open,
+      footer: false,
+      header: false,
+      closable: false,
+      bodyStyle: { padding: 0 }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
+      import_ThreedsLoading.default,
+      {
+        title: import_utils.locales.getText("tocPay.text.redirectingToWeChatPay")
+      }
+    ))
+  );
+};
+var GlobePayWxH5_default = (0, import_react.forwardRef)(GlobePayWxH5);

package/lib/components/pay/toC/PaymentMethods/GlobePayWxH5/serve.d.ts

@@ -0,0 +1,2 @@
+export declare const getReturnUrl: () => string;
+export declare const getAliPayUrl: (orderId: number, values: any) => Promise<any>;

package/lib/components/pay/toC/PaymentMethods/GlobePayWxH5/serve.js

@@ -0,0 +1,44 @@
+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/pay/toC/PaymentMethods/GlobePayWxH5/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getAliPayUrl: () => getAliPayUrl,
+  getReturnUrl: () => getReturnUrl
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../../../utils");
+var getReturnUrl = () => {
+  return `${location.origin}/payment-finish`;
+};
+var getAliPayUrl = async (orderId, values) => {
+  try {
+    const { data } = await import_utils.request.getRequest().get(`/h5/globepay/order/${orderId}/wechat/jsapi`, {
+      return_url: getReturnUrl(),
+      ...values
+    });
+    return data;
+  } catch (err) {
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAliPayUrl,
+  getReturnUrl
+});

package/lib/components/pay/toC/PaymentMethods/GooglePay/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface GooglePayRef {
+    init: (res: any) => void;
+}
+export interface GooglePayProps {
+    onChange?: (values: any) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<GooglePayProps & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pay/toC/PaymentMethods/GooglePay/index.js

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pay/toC/PaymentMethods/GooglePay/index.tsx
+var GooglePay_exports = {};
+__export(GooglePay_exports, {
+  default: () => GooglePay_default
+});
+module.exports = __toCommonJS(GooglePay_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_ThreedsLoading = __toESM(require("../MWCreditCard/TDSPay/ThreedsLoading"));
+var import_model = require("../../model");
+var import_payGroup = require("../../payGroup");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var GooglePay = (props, ref) => {
+  var _a;
+  const { state } = (0, import_react.useContext)(import_model.Context);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const context = (0, import_useEngineContext.default)();
+  const { config } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
+  const init = async ({ payGroup }) => {
+    var _a2, _b, _c, _d, _e, _f, _g;
+    setOpen(true);
+    const utils = context.appHelper.utils || {};
+    const dvaStore = (_b = (_a2 = utils == null ? void 0 : utils.getStore) == null ? void 0 : _a2.call(utils)) == null ? void 0 : _b.getState();
+    const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
+    if (!values) {
+      setOpen(false);
+      return;
+    }
+    try {
+      const locale = ((_c = dvaStore.core) == null ? void 0 : _c.translateLocale) || "en";
+      const shopId = (_f = (_e = (_d = dvaStore.core) == null ? void 0 : _d.core) == null ? void 0 : _e.shop) == null ? void 0 : _f.id;
+      const currentURL = window.location.href;
+      const linkElement = document.createElement("a");
+      linkElement.href = currentURL;
+      const shop_domain = linkElement.hostname;
+      const _href = `${config.pay}/google-pay?order_id=${(_g = state.payGroup) == null ? void 0 : _g.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}`;
+      window.location.href = _href;
+    } catch (err) {
+      setOpen(false);
+    }
+  };
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      init
+    })
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      platform: "h5",
+      open,
+      footer: false,
+      header: false,
+      closable: false,
+      bodyStyle: { padding: 0 }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
+      import_ThreedsLoading.default,
+      {
+        title: import_utils.locales.getText("tocPay.text.connectingGooglePay")
+      }
+    ))
+  );
+};
+var GooglePay_default = (0, import_react.forwardRef)(GooglePay);

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/Add/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+export interface AddMWCreditCardRef {
+    init: () => void;
+    onReset: () => void;
+    onSubmit: () => void;
+}
+export interface AddMWCreditCardProps {
+    onCreate?: (values: any) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<AddMWCreditCardProps & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/Add/index.js

@@ -0,0 +1,270 @@
+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/pay/toC/PaymentMethods/MWCreditCard/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_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_model = require("../../../model");
+var import_index = require("./index.less");
+var formatName = (card_name) => {
+  let _name = card_name || "";
+  _name = _name.trim();
+  if (!_name) {
+    return {
+      text: "",
+      error: import_utils.locales.getText("tocPay.text.enterName")
+    };
+  }
+  _name = _name.replace("-", "");
+  _name = _name.replace(/\s+/g, " ");
+  let _arr = _name.split(" ");
+  if (_arr.length == 0) {
+    return {
+      text: "",
+      error: import_utils.locales.getText("tocPay.text.enterValidName")
+    };
+  }
+  if (_arr.length == 1) {
+    _name = _name;
+    return {
+      text: _name,
+      error: ""
+    };
+  } else {
+    _name = _arr[0] + " " + _arr[_arr.length - 1];
+    return {
+      text: _name,
+      error: ""
+    };
+  }
+};
+var AddMWCreditCard = (props, ref) => {
+  const { onCreate } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [form] = import_antd.Form.useForm();
+  const { state } = (0, import_react.useContext)(import_model.Context);
+  const init = async () => {
+    onReset();
+    setOpen(true);
+  };
+  const onCancel = () => {
+    setOpen(false);
+    onReset();
+  };
+  const _checkValue = (values) => {
+    if (!values.card_number) {
+      console.log(import_utils.locales.getText("tocPay.text.enterCardNumber"));
+      return;
+    }
+    if (values.card_number.replace(/\s/g, "").length < 16) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("tocPay.text.enterValidCardNumber"),
+        duration: 2
+      });
+      console.log(import_utils.locales.getText("tocPay.text.enterValidCardNumber"));
+      return;
+    }
+    let { error, text } = formatName(values.card_name);
+    if (error) {
+      console.log(error);
+      return;
+    }
+    let patt = /^([A-Za-z]+|[A-Za-z,.'&-]+) ([A-Za-z]+|[A-Za-z,.'&-]+)$/;
+    if (!patt.test(text)) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("tocPay.text.enterEnglishName"),
+        duration: 2
+      });
+      console.log(import_utils.locales.getText("tocPay.text.enterEnglishName"));
+      return;
+    }
+    if (!values.date) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("tocPay.text.enterExpirationDate"),
+        duration: 2
+      });
+      console.log(import_utils.locales.getText("tocPay.text.enterExpirationDate"));
+      return;
+    }
+    if (!values.card_ccv) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("tocPay.text.enterCVV"),
+        duration: 2
+      });
+      console.log(import_utils.locales.getText("tocPay.text.enterCVV"));
+      return;
+    }
+    if ((values.card_ccv + "").length < 3) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("tocPay.text.enterValidCVV"),
+        duration: 2
+      });
+      console.log(import_utils.locales.getText("tocPay.text.enterValidCVV"));
+      return;
+    }
+    return true;
+  };
+  const onReset = () => {
+    form.resetFields();
+  };
+  const onFinish = (values) => {
+    const _status = _checkValue(values);
+    if (!_status)
+      return;
+    onCreate == null ? void 0 : onCreate(values);
+  };
+  const onSubmit = () => {
+    form.submit();
+  };
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      init,
+      onReset,
+      onSubmit
+    })
+  );
+  const okText = (0, import_react.useMemo)(() => {
+    var _a, _b, _c;
+    let current = (_a = state.payGroup) == null ? void 0 : _a.otherPayment;
+    if (current == null ? void 0 : current.surcharge) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, import_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: ((_b = state.payGroup) == null ? void 0 : _b.wait_amount) || 0 }), " +", import_utils.locales.getText("tocPay.text.surcharge"));
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, import_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: ((_c = state.payGroup) == null ? void 0 : _c.wait_amount) || 0 }));
+    }
+  }, [state.payGroup]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      title: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("tocPay.text.addCard")),
+      open,
+      onCancel,
+      cancelVisible: false,
+      onOk: onSubmit,
+      okText,
+      bodyStyle: { padding: 24 }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
+      {
+        layout: "vertical",
+        form,
+        onFinish,
+        requiredMark: false
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [10, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          label: import_utils.locales.getText("tocPay.text.cardNumber"),
+          name: "card_number",
+          rules: [
+            {
+              required: true,
+              message: import_utils.locales.getText("tocPay.text.incorrectCardNumber")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_materials.PisellInput.BankCard, 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("tocPay.text.expiration"),
+          name: "date",
+          rules: [
+            {
+              required: true,
+              message: import_utils.locales.getText("tocPay.text.incorrectExpiryDate")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDatePicker, { type: "input", format: "MM/YY" })
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          label: import_utils.locales.getText("tocPay.text.securityCode"),
+          name: "card_ccv",
+          rules: [
+            {
+              required: true,
+              message: import_utils.locales.getText(
+                "tocPay.text.incorrectSecurityCode"
+              )
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_materials.PisellInput.SecurityCode, { maxLength: 3 })
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          label: import_utils.locales.getText("tocPay.text.cardholderName"),
+          name: "card_name",
+          rules: [
+            {
+              required: true,
+              pattern: new RegExp(
+                /^([A-Za-z]+|[A-Za-z,.'&-]+) ([A-Za-z]+|[A-Za-z,.'&-]+)$/,
+                "g"
+              ),
+              message: import_utils.locales.getText("tocPay.text.enterEnglishName")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.PisellInput,
+          {
+            placeholder: import_utils.locales.getText("tocPay.text.incorrectName")
+          }
+        )
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "is_save",
+          valuePropName: "checked",
+          initialValue: true
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, null, /* @__PURE__ */ import_react.default.createElement("span", { className: "save-card-checkbox-text" }, import_utils.locales.getText("tocPay.text.saveCardForNextTime")))
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellAlert,
+        {
+          className: "save-card-alert",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-shield-tick" }),
+          showIcon: true,
+          message: import_utils.locales.getText("tocPay.text.secureBankInfo")
+        }
+      )))
+    ))
+  );
+};
+var Add_default = (0, import_react.forwardRef)(AddMWCreditCard);

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/Add/index.less

@@ -0,0 +1,25 @@
+.pisell-lowcode-form-item-label {
+  color: var(--Gray-900, #101828);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.save-card-checkbox-text {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+}
+
+.save-card-alert {
+
+  .pisell-lowcode-alert-message {
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+}

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/List/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+export interface MWCreditCardListRef {
+    init: (order: any) => void;
+}
+interface MWCreditCardListProps {
+    onAdd?: () => void;
+    onChange?: (cardId: number) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<MWCreditCardListProps & React.RefAttributes<any>>;
+export default _default;