@pisell/materials 6.0.18 → 6.0.20

package/lib/components/dataSourceComponents/fields/Upload/shopUploadServe.d.ts

@@ -0,0 +1,56 @@
+import { RcFile } from 'antd/es/upload';
+export declare const filetypes: Record<string, any>;
+/**
+ * @Title: 获取 阿里云 Signature
+ * @Describe:
+ * @Author: Wzw
+ */
+export declare const getPolicy: () => Promise<any>;
+export declare const getPolicyFile: () => Promise<any>;
+/**
+ * @Title: 获取图片尺寸
+ * @Describe:
+ * @Author: Wzw
+ * @param {*} async
+ */
+export declare const getImageWidth: (file: any) => Promise<{
+    width: number;
+    height: number;
+}>;
+/**
+ * @Title: 重新生成文件名
+ * @Describe:
+ * @Author: Wzw
+ * @param {string} file
+ */
+export declare const formatFileName: (file?: any) => Promise<string>;
+export declare const uploadFileAli: (file: any) => Promise<any>;
+/**
+ * @Title: base64转file
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} dataurl
+ * @param {string} filename
+ */
+export declare const dataURLtoFile: (dataurl: any, filename: string) => File;
+/**
+ * @Title: 获取视频封面
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} file
+ */
+export declare const getVideoCover: (file: any) => Promise<unknown>;
+/**
+ * @Title: 获取腾讯云 Signature
+ * @Describe:
+ * @Author: Wzw
+ */
+export declare const getSignature: () => Promise<any>;
+/**
+ * @Title: 上传到腾讯云
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} file
+ */
+export declare const uploadFileTencent: (file: any) => Promise<unknown>;
+export declare const uploadFile: (file: RcFile) => Promise<any>;

package/lib/components/dataSourceComponents/fields/Upload/shopUploadServe.js

@@ -0,0 +1,247 @@
+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/dataSourceComponents/fields/Upload/shopUploadServe.ts
+var shopUploadServe_exports = {};
+__export(shopUploadServe_exports, {
+  dataURLtoFile: () => dataURLtoFile,
+  filetypes: () => filetypes,
+  formatFileName: () => formatFileName,
+  getImageWidth: () => getImageWidth,
+  getPolicy: () => getPolicy,
+  getPolicyFile: () => getPolicyFile,
+  getSignature: () => getSignature,
+  getVideoCover: () => getVideoCover,
+  uploadFile: () => uploadFile,
+  uploadFileAli: () => uploadFileAli,
+  uploadFileTencent: () => uploadFileTencent
+});
+module.exports = __toCommonJS(shopUploadServe_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var import_vod_js_sdk_v6 = __toESM(require("vod-js-sdk-v6"));
+var import_utils2 = require("../../../table/utils");
+var filetypes = {
+  "vnd.openxmlformats-officedocument.wordprocessingml.document": {
+    icon: "iconword",
+    type: "applicatio",
+    format: "docx"
+  },
+  "vnd.openxmlformats-officedocument.spreadsheetml.sheet": {
+    icon: "iconxlsx",
+    type: "applicatio",
+    format: "xlsx"
+  },
+  csv: {
+    icon: "icontxt",
+    type: "text",
+    format: "csv"
+  },
+  "vnd.ms-excel": {
+    icon: "iconxlsx",
+    type: "applicatio",
+    format: "xls"
+  },
+  msword: {
+    icon: "iconword",
+    type: "applicatio",
+    format: "doc"
+  },
+  pdf: {
+    icon: "iconpdf",
+    type: "applicatio",
+    format: "pdf"
+  }
+};
+var getPolicy = () => import_utils2.request.getRequest().get("/shop/ali-upload/policy", { type: "image" });
+var getPolicyFile = () => import_utils2.request.getRequest().get("/shop/ali-upload/policy", { type: "file" });
+var getImageWidth = async (file) => {
+  return new Promise((resolve, reject) => {
+    try {
+      let url = window.URL || window.webkitURL;
+      let img = new Image();
+      img.src = url.createObjectURL(file);
+      img.onload = function() {
+        resolve({ width: img.width, height: img.height });
+      };
+      img.onerror = function() {
+        resolve({ width: 0, height: 0 });
+      };
+    } catch (err) {
+      resolve({ width: 0, height: 0 });
+    }
+  });
+};
+var formatFileName = async (file) => {
+  var _a;
+  const imgSize = await getImageWidth(file);
+  let _suffix = ((file == null ? void 0 : file.type) || "image/png").split("/")[1];
+  let fileType = (_a = filetypes[_suffix]) == null ? void 0 : _a.format;
+  if (fileType) {
+    _suffix = fileType;
+  }
+  return (0, import_dayjs.default)().format("YYYY_MM_DD_HH_mm_ss_SSS") + "_" + (0, import_utils.getUniqueId)() + "__" + imgSize.width + "_" + imgSize.height + "__." + _suffix;
+};
+var uploadFileAli = async (file) => {
+  const policyData = await getPolicy();
+  let _name = await formatFileName(file);
+  let formData = new FormData();
+  formData.append("Content-Type", "multipart/form-data");
+  formData.append("OSSAccessKeyId", policyData.data.access_key_id);
+  formData.append("policy", policyData.data.policy);
+  formData.append("Signature", policyData.data.signature);
+  formData.append("key", policyData.data.dir + _name);
+  formData.append("success_action_status", "200");
+  formData.append("callback", policyData.data.callback);
+  formData.append("file", file);
+  return import_utils2.request.getRequest().post(policyData.data.cdn_domain, formData);
+};
+var uploadAli = async (file) => {
+  return uploadFileAli(file);
+};
+var getObjectURL = (file) => {
+  var url = null;
+  if (window.createObjectURL != void 0) {
+    url = window.createObjectURL(file);
+  } else if (window.URL != void 0) {
+    url = window.URL.createObjectURL(file);
+  } else if (window.webkitURL != void 0) {
+    url = window.webkitURL.createObjectURL(file);
+  }
+  return url;
+};
+var dataURLtoFile = (dataurl, filename) => {
+  var arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new File([u8arr], filename, { type: mime });
+};
+var getVideoCover = (file) => {
+  const url = getObjectURL(file);
+  return new Promise(function(resolve, reject) {
+    try {
+      let _video = document.createElement("video");
+      _video.setAttribute("crossOrigin", "anonymous");
+      _video.setAttribute("preload", "auto");
+      _video.muted = true;
+      _video.setAttribute("autoplay", "autoplay");
+      _video.src = url;
+      _video.addEventListener("loadeddata", function() {
+        this.currentTime = 1;
+      });
+      _video.addEventListener("seeked", function() {
+        this.width = this.videoWidth;
+        this.height = this.videoHeight;
+        if (this.width === 0 || this.height === 0) {
+          return resolve("");
+        }
+        let canvas = document.createElement("canvas");
+        let ctx = canvas.getContext("2d");
+        canvas.width = this.width;
+        canvas.height = this.height;
+        if (ctx === null) return;
+        ctx.drawImage(this, 0, 0, canvas.width, canvas.height);
+        let _cover = canvas.toDataURL("image/jpeg", 1);
+        let _cover_name = file.name.split(".")[0] + "_cover.jpeg";
+        resolve(dataURLtoFile(_cover, _cover_name));
+      });
+    } catch (err) {
+      reject();
+    }
+  });
+};
+var getSignature = () => import_utils2.request.getRequest().get("/shop/core/tx-video-sign").then((res) => {
+  var _a;
+  return (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.sign;
+});
+var uploadFileTencent = async (file) => {
+  return new Promise(async (resolve, reject) => {
+    try {
+      const coverFile = await getVideoCover(file);
+      console.log(coverFile);
+      const coverData = await uploadFileAli(coverFile);
+      const tcVod = new import_vod_js_sdk_v6.default({
+        // 传入鉴权函数
+        getSignature
+      });
+      const uploader = tcVod.upload({
+        mediaFile: file,
+        mediaName: file.name
+      });
+      uploader.on("media_upload", (info) => {
+      });
+      uploader.done().then((doneResult) => {
+        var _a, _b;
+        let res = {
+          status: true,
+          data: {
+            ...doneResult,
+            cover: {
+              ...doneResult == null ? void 0 : doneResult.cover,
+              url: (_a = coverData == null ? void 0 : coverData.data) == null ? void 0 : _a.url
+            },
+            url: (_b = doneResult == null ? void 0 : doneResult.video) == null ? void 0 : _b.url
+          }
+        };
+        return resolve(res);
+      }).catch((err) => {
+        return reject(err);
+      });
+    } catch (err) {
+      return reject(err);
+    }
+  });
+};
+var uploadTencent = async (file) => {
+  const res = await uploadFileTencent(file);
+  return res;
+};
+var uploadFile = (file) => {
+  if (file.type.startsWith("image")) {
+    return uploadAli(file);
+  } else if (file.type.startsWith("video")) {
+    return uploadTencent(file);
+  } else {
+    return uploadAli(file);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dataURLtoFile,
+  filetypes,
+  formatFileName,
+  getImageWidth,
+  getPolicy,
+  getPolicyFile,
+  getSignature,
+  getVideoCover,
+  uploadFile,
+  uploadFileAli,
+  uploadFileTencent
+});

package/lib/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -16,6 +16,7 @@ export interface UploadProps {
     maxCount?: number;
     multiple?: boolean;
     presetType?: string[];
+    presetTypeString?: string[];
     customType?: string[];
     enablePresetType?: boolean;
     enableCustomType?: boolean;

package/lib/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -15,3 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
 export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
+export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;

package/lib/components/dataSourceComponents/fields/Upload/utils.js

@@ -24,6 +24,7 @@ __export(utils_exports, {
   createMultilingualFileList: () => createMultilingualFileList,
   genFileListByString: () => genFileListByString,
   generateUid: () => generateUid,
+  getBaseTime: () => getBaseTime,
   getDefaultFileList: () => getDefaultFileList,
   getFileMetadataParams: () => getFileMetadataParams,
   getFileName: () => getFileName,
@@ -69,14 +70,19 @@ var checkFileCount = ({
   return { success: true };
 };
 var createVideoMetadata = async (file) => {
-  return new Promise((resolve) => {
+  return new Promise((resolve, reject) => {
     const video = document.createElement("video");
     const canvas = document.createElement("canvas");
     video.preload = "metadata";
     let hasMetadata = false;
     let hasSeeked = false;
     const tryResolve = () => {
-      if (!hasMetadata || !hasSeeked) return;
+      if (!hasMetadata || !hasSeeked) {
+        reject();
+        console.log("没有元数据或没有seeked");
+        return;
+      }
+      ;
       canvas.width = video.videoWidth;
       canvas.height = video.videoHeight;
       const ctx = canvas.getContext("2d");
@@ -248,6 +254,14 @@ var isValueEqual = (value, fileListValue) => {
   }
   return value === fileListValue;
 };
+var getBaseTime = (size) => {
+  const KB = 1024;
+  const MB = KB * 1024;
+  if (size < MB) return 1e3;
+  if (size < 5 * MB) return 2e3;
+  if (size < 20 * MB) return 4e3;
+  return 8e3;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   checkFileCount,
@@ -255,6 +269,7 @@ var isValueEqual = (value, fileListValue) => {
   createMultilingualFileList,
   genFileListByString,
   generateUid,
+  getBaseTime,
   getDefaultFileList,
   getFileMetadataParams,
   getFileName,

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -19,7 +19,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "saas" | "xzero";
+            rootDomain: "custom" | "xzero" | "saas";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -59,13 +59,11 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
-    onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -78,14 +76,14 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "saas" | "xzero";
+        rootDomain: "custom" | "xzero" | "saas";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+}) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -97,5 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) => JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/lib/components/dataSourceComponents/hooks/usePlatform.d.ts

@@ -0,0 +1,3 @@
+declare const usePlatform: () => any;
+declare const useIsShop: () => boolean;
+export { usePlatform, useIsShop };

package/lib/components/dataSourceComponents/hooks/usePlatform.js

@@ -0,0 +1,51 @@
+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/dataSourceComponents/hooks/usePlatform.ts
+var usePlatform_exports = {};
+__export(usePlatform_exports, {
+  useIsShop: () => useIsShop,
+  usePlatform: () => usePlatform
+});
+module.exports = __toCommonJS(usePlatform_exports);
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var usePlatform = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const platform = (_b = (_a = context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.platform;
+  return platform;
+};
+var useIsShop = () => {
+  const platform = usePlatform();
+  return platform === "shop";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsShop,
+  usePlatform
+});

package/lib/components/login-and-register/index.js

@@ -35,49 +35,50 @@ module.exports = __toCommonJS(login_and_register_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
+var import_locales = require("../../locales/index");
 var import_index = require("./index.less");
 var loginAndRegister = ({
   showLogo = true,
   logo,
   logoPosition = "center",
   logoSize = { width: 48, height: 48 },
-  title = "Log in to your account",
+  title = (0, import_locales.getText)("Log in to your account"),
   showTitle = false,
   titleAlign = "center",
-  subtitle = "Welcome back! Please enter your details.",
+  subtitle = (0, import_locales.getText)("pisell-login-and-register-subtit"),
   showSubtitle = false,
   subtitleAlign = "center",
   loginMethods = ["email", "google", "facebook", "apple"],
   defaultLoginMethod = "email",
-  emailLabel = "Email",
-  passwordLabel = "Password",
-  emailPlaceholder = "Enter your email",
-  passwordPlaceholder = "Enter your password",
+  emailLabel = (0, import_locales.getText)("pisell-login-and-register-email-label"),
+  passwordLabel = (0, import_locales.getText)("pisell-login-and-register-password-label"),
+  emailPlaceholder = (0, import_locales.getText)("pisell-login-and-register-email-placeholder"),
+  passwordPlaceholder = (0, import_locales.getText)("pisell-login-and-register-password-placeholder"),
   emailRules = [
-    { required: true, message: "Please input your email!" },
-    { type: "email", message: "Please enter a valid email!" }
+    { required: true, message: (0, import_locales.getText)("pisell-login-and-register-email-error") },
+    { type: "email", message: (0, import_locales.getText)("pisell-login-and-register-email-error-valid") }
   ],
-  buttonText = "Log in",
+  buttonText = (0, import_locales.getText)("Log in"),
   socialLoginTexts = {
-    google: "Continue with Google",
-    facebook: "Continue with Facebook",
-    apple: "Continue with Apple"
+    google: (0, import_locales.getText)("pisell-login-and-register-google"),
+    facebook: (0, import_locales.getText)("pisell-login-and-register-facebook"),
+    apple: (0, import_locales.getText)("pisell-login-and-register-apple")
   },
   showFooter = true,
   showSignUp = true,
-  signUpText = "Don't have an account? Sign up",
+  signUpText = (0, import_locales.getText)("pisell-login-and-register-sign-up"),
   signUpLink = "",
   signUpPosition = "center",
   otherLinks = [],
   otherLinksPosition = "center",
   showTabs = true,
-  loginTabText = "Login",
-  registerTabText = "Register",
-  registerEmailPlaceholder = "Enter your email",
-  registerPasswordPlaceholder = "Create a password",
-  registerButtonText = "Create account",
-  rememberMeText = "Remember me",
-  forgotPasswordText = "Forgot password?",
+  loginTabText = (0, import_locales.getText)("pisell-login-and-register-login-tab"),
+  registerTabText = (0, import_locales.getText)("pisell-login-and-register-register-tab"),
+  registerEmailPlaceholder = (0, import_locales.getText)("pisell-login-and-register-register-email-placeholder"),
+  registerPasswordPlaceholder = (0, import_locales.getText)("pisell-login-and-register-register-password-placeholder"),
+  registerButtonText = (0, import_locales.getText)("pisell-login-and-register-register-button-text"),
+  rememberMeText = (0, import_locales.getText)("pisell-login-and-register-remember-me"),
+  forgotPasswordText = (0, import_locales.getText)("pisell-login-and-register-forgot-password"),
   showRememberMe = false,
   showForgotPassword = false,
   onLogin,
@@ -117,6 +118,7 @@ var loginAndRegister = ({
       setLoading(false);
     }
   };
+  console.log(registerButtonText, "registerButtonText");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-login-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-login-container" }, showLogo && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -177,7 +179,7 @@ var loginAndRegister = ({
       onClick: handleEmailLogin,
       className: "saas-login-button"
     },
-    "Log in"
+    (0, import_locales.getText)("pisell-login-and-register-login")
   )) : /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form.Item,
     {

package/lib/components/login-and-register/index.less

@@ -67,7 +67,7 @@
       position: relative;
       
       &.active {
-        color: #7F56D9;
+        color: var(--theme-color);
         
         &:after {
           content: '';
@@ -76,7 +76,7 @@
           left: 0;
           right: 0;
           height: 2px;
-          background: #7F56D9;
+          background: var(--theme-color);
         }
       }
       
@@ -105,11 +105,11 @@
       background: #FFF;
       
       &:hover {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
       }
       
       &:focus {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
 
@@ -126,7 +126,7 @@
     .saas-login-button {
       height: 44px;
       border-radius: 8px;
-      background: #7F56D9;
+      background: var(--theme-color);
       border: none;
       font-weight: 500;
       
@@ -135,7 +135,7 @@
       }
       
       &:focus {
-        background: #7F56D9;
+        background: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
     }
@@ -185,7 +185,7 @@
       margin-bottom: 16px;
       
       a {
-        color: #7F56D9;
+        //color: #7F56D9;
         margin-left: 4px;
         cursor: pointer;