@pisell/private-materials 6.4.49 → 6.4.51

package/lib/components/pinModal/hooks.js

@@ -0,0 +1,85 @@
+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/pinModal/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  usePin: () => usePin
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_dayjs = __toESM(require("dayjs"));
+var import_serve = require("./serve");
+var usePin = () => {
+  const [pin, setPin] = (0, import_react.useState)("");
+  const [lastUpdateTime, setLastUpdateTime] = (0, import_react.useState)("");
+  const _getPinRequest = (0, import_ahooks.useRequest)(import_serve.getPinApi, {
+    manual: true,
+    loadingDelay: 100,
+    onSuccess: (res) => {
+      const { code, data } = res;
+      if (code === 200 && (data == null ? void 0 : data.pin)) {
+        setPin(data.pin);
+        setLastUpdateTime(getTime((data == null ? void 0 : data.generated_at) || ""));
+      }
+    }
+  });
+  const getTime = (time) => {
+    if (!time) return "";
+    return (0, import_dayjs.default)(time).format("YYYY-MM-DD HH:mm");
+  };
+  const _resetPinRequest = (0, import_ahooks.useRequest)(import_serve.resetPinApi, {
+    manual: true,
+    loadingDelay: 100,
+    onSuccess: (res) => {
+      const { code, data } = res;
+      if (code === 200 && (data == null ? void 0 : data.pin)) {
+        setPin(data.pin);
+        setLastUpdateTime(getTime((data == null ? void 0 : data.generated_at) || ""));
+      }
+    }
+  });
+  const getPin = (id) => {
+    _getPinRequest.run({ wallet_detail_id: id });
+  };
+  const resetPin = (id) => {
+    _resetPinRequest.run({ wallet_detail_id: id });
+  };
+  return {
+    pin,
+    lastUpdateTime,
+    getPin,
+    resetPin,
+    resetPinLoading: _resetPinRequest.loading
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePin
+});

package/lib/components/pinModal/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/pinModal/index.js

@@ -0,0 +1,88 @@
+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/pinModal/index.tsx
+var pinModal_exports = {};
+__export(pinModal_exports, {
+  default: () => pinModal_default
+});
+module.exports = __toCommonJS(pinModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_hooks = require("./hooks");
+var import_utils2 = require("../../utils");
+var import_index = require("./index.less");
+var PinModal = (props, ref) => {
+  var _a, _b, _c, _d;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  import_utils2.request.setRequest((_d = (_c = context == null ? void 0 : context.appHelper) == null ? void 0 : _c.utils) == null ? void 0 : _d.request);
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const { pin, lastUpdateTime, getPin, resetPin, resetPinLoading } = (0, import_hooks.usePin)();
+  const walletDetailIdRef = (0, import_react.useRef)();
+  const onOpen = (wallet_detail_id) => {
+    walletDetailIdRef.current = wallet_detail_id;
+    getPin(wallet_detail_id);
+    setVisible(true);
+  };
+  const onHide = () => {
+    walletDetailIdRef.current = void 0;
+    setVisible(false);
+  };
+  const onResetPin = async () => {
+    if (!walletDetailIdRef.current || resetPinLoading) {
+      return;
+    }
+    resetPin(walletDetailIdRef.current);
+  };
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    open: onOpen,
+    hide: onHide
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      title: import_utils.locales.getText("pisell2.pin.modal.title"),
+      open: visible,
+      okText: import_utils.locales.getText("pisell2.pin.modal.reset.pin"),
+      onOk: onResetPin,
+      cancelText: import_utils.locales.getText("pisell2.pin.modal.cancel"),
+      onCancel: onHide,
+      okButtonProps: {
+        loading: resetPinLoading
+      },
+      destroyOnClose: true,
+      mobileModalHeight: "auto"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-modal" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-modal-content" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pin-modal-content-label" }, import_utils.locales.getText("pisell2.pin.modal.label")), /* @__PURE__ */ import_react.default.createElement("span", { className: "pin-modal-content-code" }, pin)), /* @__PURE__ */ import_react.default.createElement("span", { className: "pin-modal-content-desc" }, import_utils.locales.getText("pisell2.pin.modal.desc")), /* @__PURE__ */ import_react.default.createElement("span", { className: "pin-modal-content-time" }, import_utils.locales.getText("pisell2.pin.modal.time"), lastUpdateTime))
+  );
+};
+var pinModal_default = (0, import_react.forwardRef)(PinModal);

package/lib/components/pinModal/index.less

@@ -0,0 +1,44 @@
+.pin-modal {
+  width: 100%;
+  height: 100%;
+  padding: 16px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+
+  &-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4px;
+
+    &-label {
+      color: #101828;
+      text-align: center;
+      font-size: 16px;
+      font-weight: 400;
+    }
+
+    &-code {
+      color: #101828;
+      text-align: center;
+      font-size: 24px;
+      font-weight: 600;
+    }
+
+    &-desc {
+      color: #101828;
+      text-align: center;
+      font-size: 16px;
+      font-weight: 500;
+    }
+
+    &-time {
+      color: #667085;
+      text-align: center;
+      font-size: 16px;
+      font-weight: 400;
+    }
+  }
+}

package/lib/components/pinModal/locales.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'pisell2.pin.modal.title': string;
+        'pisell2.pin.modal.label': string;
+        'pisell2.pin.modal.desc': string;
+        'pisell2.pin.modal.time': string;
+        'pisell2.pin.modal.reset.pin': string;
+        'pisell2.pin.modal.cancel': string;
+    };
+    'zh-CN': {
+        'pisell2.pin.modal.title': string;
+        'pisell2.pin.modal.label': string;
+        'pisell2.pin.modal.desc': string;
+        'pisell2.pin.modal.time': string;
+        'pisell2.pin.modal.reset.pin': string;
+        'pisell2.pin.modal.cancel': string;
+    };
+    'zh-HK': {
+        'pisell2.pin.modal.title': string;
+        'pisell2.pin.modal.label': string;
+        'pisell2.pin.modal.desc': string;
+        'pisell2.pin.modal.time': string;
+        'pisell2.pin.modal.reset.pin': string;
+        'pisell2.pin.modal.cancel': string;
+    };
+};
+export default _default;

package/lib/components/pinModal/locales.js

@@ -0,0 +1,50 @@
+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/pinModal/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.pin.modal.title": "View PIN",
+    "pisell2.pin.modal.label": "Current PIN :",
+    "pisell2.pin.modal.desc": "This PIN will expire in 72 hours. Do not share your PIN with others.",
+    "pisell2.pin.modal.time": "Last Updated : ",
+    "pisell2.pin.modal.reset.pin": "Regenerate PIN",
+    "pisell2.pin.modal.cancel": "Cancel"
+  },
+  "zh-CN": {
+    "pisell2.pin.modal.title": "查看PIN",
+    "pisell2.pin.modal.label": "当前PIN码 :",
+    "pisell2.pin.modal.desc": "该PIN码将在72小时后失效，请勿向他人泄露您的PIN码。",
+    "pisell2.pin.modal.time": "最后更新时间 : ",
+    "pisell2.pin.modal.reset.pin": "重新生成PIN",
+    "pisell2.pin.modal.cancel": "取消"
+  },
+  "zh-HK": {
+    "pisell2.pin.modal.title": "查看PIN",
+    "pisell2.pin.modal.label": "當前PIN碼 :",
+    "pisell2.pin.modal.desc": "該PIN碼將在72小時後失效，請勿向他人洩露您的PIN碼。",
+    "pisell2.pin.modal.time": "最後更新時間 : ",
+    "pisell2.pin.modal.reset.pin": "重新生成PIN",
+    "pisell2.pin.modal.cancel": "取消"
+  }
+};

package/lib/components/pinModal/serve.d.ts

@@ -0,0 +1,6 @@
+export declare const getPinApi: (data: {
+    wallet_detail_id: string | number;
+}) => Promise<any>;
+export declare const resetPinApi: (data: {
+    wallet_detail_id: string | number;
+}) => Promise<any>;

package/lib/components/pinModal/serve.js

@@ -0,0 +1,37 @@
+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/pinModal/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getPinApi: () => getPinApi,
+  resetPinApi: () => resetPinApi
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var getPinApi = (data) => {
+  return import_utils.request.getRequest().get("/h5/wallet/detail/pin", data);
+};
+var resetPinApi = (data) => {
+  return import_utils.request.getRequest().post("/h5/wallet/detail/pin/refresh", data);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getPinApi,
+  resetPinApi
+});

package/lib/components/pinVerifyModal/hooks.d.ts

@@ -0,0 +1,7 @@
+import { TVerifyPin, VerifyInfo } from './types';
+export declare const usePinVerify: () => {
+    verifyPin: TVerifyPin;
+    loading: boolean;
+    verifyInfo: VerifyInfo | null;
+    setVerifyInfo: (data: VerifyInfo | null) => void;
+};

package/lib/components/pinVerifyModal/hooks.js

@@ -0,0 +1,93 @@
+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/pinVerifyModal/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  usePinVerify: () => usePinVerify
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils = require("../../utils");
+var usePinVerify = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const apiPrefix = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.apiPrefix;
+  const [verifyInfo, setVerifyInfo] = (0, import_react.useState)(null);
+  const verifySuccessRef = (0, import_react.useRef)(
+    () => {
+    }
+  );
+  const _setVerifyInfo = (data) => {
+    const { failed_count, check_max_count } = data || {};
+    if (!check_max_count) {
+      setVerifyInfo(null);
+      return;
+    }
+    setVerifyInfo({
+      check_max_count,
+      remaining_count: check_max_count - (failed_count || 0)
+    });
+  };
+  const verifyPinApi = (data) => {
+    return import_utils.request.getRequest().post(`${apiPrefix}/wallet/detail/pin/validate`, data, {
+      fullResult: true
+    });
+  };
+  const _verifyPin = (0, import_ahooks.useRequest)(verifyPinApi, {
+    manual: true,
+    onSuccess: (res) => {
+      var _a2;
+      if ((res == null ? void 0 : res.code) === 200) {
+        const { status, msg, failed_count, check_max_count } = (res == null ? void 0 : res.data) || {};
+        _setVerifyInfo({ failed_count, check_max_count });
+        (0, import_materials.PisellToast)({ content: msg, duration: 2 });
+        if (status === "success") {
+          (_a2 = verifySuccessRef.current) == null ? void 0 : _a2.call(verifySuccessRef, res == null ? void 0 : res.data);
+        }
+      }
+    }
+  });
+  const verifyPin = (data, onSuccess) => {
+    verifySuccessRef.current = onSuccess;
+    _verifyPin.run(data);
+  };
+  return {
+    verifyPin,
+    loading: _verifyPin.loading,
+    verifyInfo,
+    setVerifyInfo: _setVerifyInfo
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePinVerify
+});

package/lib/components/pinVerifyModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import { PinVerifyModalProps, PinVerifyModalRef } from './types';
+declare const _default: React.ForwardRefExoticComponent<PinVerifyModalProps & React.RefAttributes<PinVerifyModalRef>>;
+export default _default;