@pisell/private-materials 6.4.83 → 6.4.84

package/lib/plus/webPosLogin/index.js

@@ -0,0 +1,56 @@
+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/webPosLogin/index.tsx
+var webPosLogin_exports = {};
+__export(webPosLogin_exports, {
+  BrandPanel: () => import_BrandPanel.default,
+  LoginPanel: () => import_LoginPanel.default,
+  SelectDevice: () => import_SelectDevice.default,
+  SelectStore: () => import_SelectStore.default,
+  UserFooter: () => import_UserFooter.default,
+  WebPosLogin: () => import_WebPosLogin2.default,
+  default: () => import_WebPosLogin.default
+});
+module.exports = __toCommonJS(webPosLogin_exports);
+var import_WebPosLogin = __toESM(require("./WebPosLogin"));
+var import_WebPosLogin2 = __toESM(require("./WebPosLogin"));
+var import_BrandPanel = __toESM(require("./components/BrandPanel"));
+var import_LoginPanel = __toESM(require("./components/LoginPanel"));
+var import_SelectStore = __toESM(require("./components/SelectStore"));
+var import_SelectDevice = __toESM(require("./components/SelectDevice"));
+var import_UserFooter = __toESM(require("./components/UserFooter"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrandPanel,
+  LoginPanel,
+  SelectDevice,
+  SelectStore,
+  UserFooter,
+  WebPosLogin
+});

package/lib/plus/webPosLogin/locales.d.ts

@@ -0,0 +1,49 @@
+/**
+ * WebPosLogin 组件国际化文本
+ * @description 支持 en、zh-CN、zh-HK 三种语言
+ */
+declare const _default: {
+    en: {
+        'webpos-login-search': string;
+        'webpos-login-back': string;
+        'webpos-login-last-used': string;
+        'webpos-login-select-store-title': string;
+        'webpos-login-select-store-empty': string;
+        'webpos-login-change-account': string;
+        'webpos-login-store-data-missing': string;
+        'webpos-login-select-device-title': string;
+        'webpos-login-select-device-empty': string;
+        'webpos-login-change-store': string;
+        'webpos-login-device-not-in-use': string;
+        'webpos-login-device-currently-used-by': string;
+    };
+    'zh-CN': {
+        'webpos-login-search': string;
+        'webpos-login-back': string;
+        'webpos-login-last-used': string;
+        'webpos-login-select-store-title': string;
+        'webpos-login-select-store-empty': string;
+        'webpos-login-change-account': string;
+        'webpos-login-store-data-missing': string;
+        'webpos-login-select-device-title': string;
+        'webpos-login-select-device-empty': string;
+        'webpos-login-change-store': string;
+        'webpos-login-device-not-in-use': string;
+        'webpos-login-device-currently-used-by': string;
+    };
+    'zh-HK': {
+        'webpos-login-search': string;
+        'webpos-login-back': string;
+        'webpos-login-last-used': string;
+        'webpos-login-select-store-title': string;
+        'webpos-login-select-store-empty': string;
+        'webpos-login-change-account': string;
+        'webpos-login-store-data-missing': string;
+        'webpos-login-select-device-title': string;
+        'webpos-login-select-device-empty': string;
+        'webpos-login-change-store': string;
+        'webpos-login-device-not-in-use': string;
+        'webpos-login-device-currently-used-by': string;
+    };
+};
+export default _default;

package/lib/plus/webPosLogin/locales.js

@@ -0,0 +1,77 @@
+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/webPosLogin/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    /* ========== 通用 ========== */
+    "webpos-login-search": "Search",
+    "webpos-login-back": "Back",
+    "webpos-login-last-used": "Last used",
+    /* ========== 店铺选择 ========== */
+    "webpos-login-select-store-title": "Please Select Your Store",
+    "webpos-login-select-store-empty": "No stores found",
+    "webpos-login-change-account": "Change Account",
+    "webpos-login-store-data-missing": "Store data not available. Please contact support for assistance.",
+    /* ========== 设备选择 ========== */
+    "webpos-login-select-device-title": "Please Select Your Device",
+    "webpos-login-select-device-empty": "No devices found",
+    "webpos-login-change-store": "Change Store",
+    "webpos-login-device-not-in-use": "not in use",
+    "webpos-login-device-currently-used-by": "Currently used by"
+  },
+  "zh-CN": {
+    /* ========== 通用 ========== */
+    "webpos-login-search": "搜索",
+    "webpos-login-back": "返回",
+    "webpos-login-last-used": "上次使用",
+    /* ========== 店铺选择 ========== */
+    "webpos-login-select-store-title": "请选择您的店铺",
+    "webpos-login-select-store-empty": "暂无店铺",
+    "webpos-login-change-account": "切换账号",
+    "webpos-login-store-data-missing": "店铺数据缺失，请联系客服处理。",
+    /* ========== 设备选择 ========== */
+    "webpos-login-select-device-title": "请选择您的设备",
+    "webpos-login-select-device-empty": "暂无设备",
+    "webpos-login-change-store": "切换店铺",
+    "webpos-login-device-not-in-use": "未使用",
+    "webpos-login-device-currently-used-by": "正在被使用"
+  },
+  "zh-HK": {
+    /* ========== 通用 ========== */
+    "webpos-login-search": "搜尋",
+    "webpos-login-back": "返回",
+    "webpos-login-last-used": "上次使用",
+    /* ========== 店铺选择 ========== */
+    "webpos-login-select-store-title": "請選擇您的店鋪",
+    "webpos-login-select-store-empty": "暫無店鋪",
+    "webpos-login-change-account": "切換賬號",
+    "webpos-login-store-data-missing": "店铺数据缺失，请联系客服处理。",
+    /* ========== 设备选择 ========== */
+    "webpos-login-select-device-title": "請選擇您的設備",
+    "webpos-login-select-device-empty": "暫無設備",
+    "webpos-login-change-store": "切換店鋪",
+    "webpos-login-device-not-in-use": "未使用",
+    "webpos-login-device-currently-used-by": "正在被使用"
+  }
+};

package/lib/plus/webPosLogin/service.d.ts

@@ -0,0 +1,44 @@
+import { StoreItem } from './types';
+interface IGetDeviceListParams {
+    type: string;
+    with: string[];
+}
+/**
+ * 获取设备列表
+ * @param params 查询参数
+ * @returns Promise<{list: any[], count: number}> 设备列表和总数
+ */
+export declare const getDeviceList: (parmas: IGetDeviceListParams) => Promise<any[]>;
+/**
+ * 选择店铺
+ * @param shopId 店铺ID
+ * @returns Promise<any> 选择店铺结果
+ */
+export declare const selectShop: (shopId: string) => Promise<any>;
+/**
+ * 获取租户详情
+ * @param deviceId 设备ID
+ * @returns Promise<any> 租户详情
+ */
+export declare const getTenantDetail: () => Promise<any>;
+/**
+ * 获取租户列表
+ * @returns Promise<any> 租户列表
+ */
+export declare const getTenant: () => Promise<StoreItem[]>;
+/**
+ * 选择设备
+ * @param deviceNumber 设备编号
+ * @returns Promise<any> 设备详情
+ */
+export declare const selectDevice: (params: Record<string, any>) => Promise<any>;
+/**
+ * 解除设备绑定
+ * @param deviceNumber 设备编号
+ * @returns Promise<any> 解除设备绑定结果
+ */
+export declare const dissociateDevice: (params: {
+    number: string;
+    dissociateDeviceNumber: string;
+}) => Promise<any>;
+export {};

package/lib/plus/webPosLogin/service.js

@@ -0,0 +1,94 @@
+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/webPosLogin/service.ts
+var service_exports = {};
+__export(service_exports, {
+  dissociateDevice: () => dissociateDevice,
+  getDeviceList: () => getDeviceList,
+  getTenant: () => getTenant,
+  getTenantDetail: () => getTenantDetail,
+  selectDevice: () => selectDevice,
+  selectShop: () => selectShop
+});
+module.exports = __toCommonJS(service_exports);
+var import_utils = require("../../utils");
+var getDeviceList = async (parmas) => {
+  try {
+    const { data } = await import_utils.request.getRequest().get(
+      `/shop/device/select`,
+      parmas,
+      {
+        cache: {
+          mode: "remote_local",
+          type: "indexDB"
+        }
+      }
+    );
+    return data || [];
+  } catch (error) {
+    console.error(error);
+    return [];
+  }
+};
+var selectShop = async (shopId) => {
+  const { data } = await import_utils.request.getRequest().get(
+    `/shop/account/choose-shop/${shopId}`,
+    {},
+    {
+      cache: {
+        mode: "remote_local",
+        type: "indexDB"
+      }
+    }
+  );
+  return data;
+};
+var getTenantDetail = async () => {
+  const { data } = await import_utils.request.getRequest().get(`/tenant/core`, {}, {
+    prefix: false
+  });
+  return data;
+};
+var getTenant = async () => {
+  const { data } = await import_utils.request.getRequest().get(`/account/auth/tenant`, {}, {
+    prefix: false
+  });
+  return data;
+};
+var selectDevice = async (params) => {
+  const { deviceNumber, ...rest } = params;
+  const { data } = await import_utils.request.getRequest().post(`/shop/device/${deviceNumber}/allocate`, rest);
+  return data;
+};
+var dissociateDevice = async (params) => {
+  const { number, dissociateDeviceNumber } = params;
+  const { data } = await import_utils.request.getRequest().post(`/shop/device/${dissociateDeviceNumber}/deactivate`, {
+    number
+  });
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dissociateDevice,
+  getDeviceList,
+  getTenant,
+  getTenantDetail,
+  selectDevice,
+  selectShop
+});

package/lib/plus/webPosLogin/types.d.ts

@@ -0,0 +1,286 @@
+/**
+ * WebPosLogin 组件类型定义
+ * @description WebPOS 登录流程组件，包含登录、店铺选择、设备选择三个步骤
+ */
+/// <reference types="react" />
+/**
+ * 店铺数据结构
+ * @description 从租户列表接口返回的店铺信息
+ */
+export interface StoreItem {
+    /** 店铺ID */
+    id: number;
+    /** 租户ID */
+    tenant_id: number;
+    /** 账户ID */
+    account_id: number;
+    /** 类型 */
+    type: string;
+    /** 昵称 */
+    nickname: string;
+    /** 状态 */
+    status: string;
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 租户详情 */
+    tenant: {
+        /** 租户ID */
+        id: number;
+        /** 父租户ID */
+        tenant_id?: number;
+        /** 账户ID */
+        account_id?: number;
+        /** 类型 */
+        type?: string;
+        /** 名称（多语言） */
+        name: {
+            en?: string | null;
+            'zh-CN'?: string | null;
+            'zh-HK'?: string | null;
+            original: string;
+        };
+        /** Logo图片 */
+        logo?: string;
+        /** 图标 */
+        icon?: string;
+        /** Favicon */
+        favicon?: string;
+        /** 默认域名 */
+        default_domain: string;
+        /** 私有域名 */
+        private_domain?: string | null;
+        /** 货币代码 */
+        currency_code?: string | null;
+        /** 国家代码 */
+        country_code?: string | null;
+        /** 语言 */
+        locale?: string;
+        /** 时区 */
+        timezone?: string;
+        /** 状态 */
+        status?: string;
+    };
+}
+/**
+ * 设备客户端信息
+ * @description 设备绑定的客户端详情
+ */
+export interface DeviceClient {
+    /** 客户端ID */
+    id: number;
+    /** 店铺ID */
+    shop_id: number;
+    /** 设备ID */
+    device_id: number;
+    /** 客户端编号 */
+    number: string;
+    /** 客户端名称 */
+    name: string;
+    /** 客户端类型 */
+    type: string;
+    /** 设备型号 */
+    model?: string;
+    /** 系统版本 */
+    version?: string;
+    /** 设备详细数据 */
+    data?: {
+        battery?: {
+            is_charging?: boolean;
+            visible_percent?: string;
+        };
+        hardware?: {
+            country?: string;
+            datetime?: string;
+            language?: string;
+            timezone?: string;
+        };
+        application?: {
+            name?: string;
+            type?: string;
+            version?: string;
+            language?: string;
+            bundle_id?: string;
+        };
+        connectivity?: {
+            ip?: string;
+            type?: string;
+            wifi_details?: any[];
+        };
+    };
+    /** 最后刷新时间 */
+    refreshed_at?: string;
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新时间 */
+    updated_at?: string;
+}
+/**
+ * 设备数据结构
+ * @description 从设备列表接口返回的设备信息
+ */
+export interface DeviceItem {
+    /** 设备ID */
+    id: number;
+    /** 店铺ID */
+    shop_id: number;
+    /** 设备类型 */
+    type: string;
+    /** 设备编号 */
+    number: string;
+    /** 设备名称 */
+    name: string;
+    /** 设备描述 */
+    description?: string;
+    /** 设备设置 */
+    setting?: any[];
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 绑定的客户端信息（null 表示未被使用） */
+    client?: DeviceClient | null;
+}
+/**
+ * 用户信息
+ * @description 当前登录用户的基本信息
+ */
+export interface UserInfo {
+    /** 用户名称 */
+    name: string;
+    /** 用户头像 */
+    avatar?: string;
+}
+/**
+ * 品牌区轮播项
+ * @description 左侧品牌区的轮播内容配置
+ */
+export interface CarouselItem {
+    /** 内容类型：图片或视频 */
+    type: 'image' | 'video';
+    /** 资源URL */
+    url: string;
+}
+/**
+ * 品牌区配置
+ * @description 左侧品牌展示区域的配置
+ */
+export interface BrandConfig {
+    /** 轮播内容列表（图片/视频） */
+    carouselItems?: CarouselItem[];
+    /** 默认Logo（当无轮播时显示） */
+    logo?: string;
+    /** 品牌标语 */
+    slogan?: string;
+}
+/**
+ * 登录流程步骤
+ */
+export declare type LoginStep = 'login' | 'store' | 'device';
+/**
+ * 支持的语言类型
+ */
+export declare type LocaleType = 'en' | 'zh-CN' | 'zh-HK';
+/**
+ * WebPosLogin 主组件 Props
+ * @description WebPOS 登录组件的所有配置项
+ */
+export interface WebPosLoginCptProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 背景图片URL */
+    backgroundImage?: string;
+    /** 品牌区配置 */
+    brandConfig?: BrandConfig;
+    /** 当前步骤：login-登录 | store-店铺选择 | device-设备选择 */
+    step?: LoginStep;
+    /** 是否显示返回按钮（默认 true） */
+    showBackButton?: boolean;
+    /** 店铺列表数据 */
+    storeList?: StoreItem[];
+    /** 设备列表数据 */
+    deviceList?: DeviceItem[];
+    /** 当前用户信息 */
+    userInfo?: UserInfo;
+    /** 当前选中的店铺 */
+    selectedStore?: StoreItem;
+    /** 上次使用的店铺ID（用于显示 Last used 标签） */
+    lastUsedStoreId?: number;
+    /** 上次使用的设备ID（用于显示 Last used 标签） */
+    lastUsedDeviceId?: number;
+    /** 语言设置 */
+    locale?: LocaleType;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 登录配置 */
+    loginConfig?: any;
+    /** 店铺选择回调 */
+    onStoreSelect?: (store: StoreItem) => void;
+    /** 设备选择回调 */
+    onDeviceSelect?: (device: DeviceItem) => void;
+    /** 切换账号回调 */
+    onChangeAccount?: () => void;
+    /** 切换店铺回调 */
+    onChangeStore?: () => void;
+    /** 返回上一步回调 */
+    onBack?: () => void;
+    /** 登录成功回调 */
+    onLoginSuccess?: (data: any) => void;
+}
+/**
+ * BrandPanel 品牌区组件 Props
+ */
+export interface BrandPanelProps {
+    /** 品牌配置 */
+    config?: BrandConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * SelectStore 店铺选择组件 Props
+ */
+export interface SelectStoreProps {
+    /** 店铺列表 */
+    storeList?: StoreItem[];
+    /** 语言 */
+    locale?: LocaleType;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 上次使用的店铺ID */
+    lastUsedStoreId?: number;
+    /** 选择店铺回调 */
+    onSelect?: (store: StoreItem) => void;
+}
+/**
+ * SelectDevice 设备选择组件 Props
+ */
+export interface SelectDeviceProps {
+    /** 设备列表 */
+    deviceList?: DeviceItem[];
+    /** 语言 */
+    locale?: LocaleType;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 选择设备回调 */
+    onSelect?: (device: DeviceItem) => void;
+}
+/**
+ * UserFooter 底部用户信息组件 Props
+ */
+export interface UserFooterProps {
+    /** 用户信息 */
+    userInfo?: UserInfo;
+    /** 当前选中的店铺 */
+    selectedStore?: StoreItem;
+    /** 当前步骤 */
+    step?: LoginStep;
+    /** 语言 */
+    locale?: LocaleType;
+    /** 切换账号回调 */
+    onChangeAccount?: () => void;
+    /** 切换店铺回调 */
+    onChangeStore?: () => void;
+}

package/lib/plus/webPosLogin/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/webPosLogin/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/pro/Login2.0/Login2.js

@@ -1030,17 +1030,27 @@ var Login2 = ({
         ),
         showPasswordField && /* @__PURE__ */ import_react.default.createElement("div", { className: "login2-form-footer" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "remember_me", valuePropName: "checked", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_materials.Checkbox, { defaultChecked: rememberMe }, import_utils.locales.getText("pisell-login2-remember-me"))), /* @__PURE__ */ import_react.default.createElement("a", { className: "login2-link", onClick: handleForgotPasswordClick }, import_utils.locales.getText("pisell-login2-forgot-password"))),
         /* @__PURE__ */ import_react.default.createElement(
-          import_materials.Button,
+          import_antd.ConfigProvider,
           {
-            type: "primary",
-            size: "large",
-            block: true,
-            htmlType: "button",
-            loading,
-            onClick: handleFormSubmit,
-            className: "login2-submit-button"
+            theme: {
+              token: {
+                colorPrimary: (ui == null ? void 0 : ui.themeColor) || "#7F56D9"
+              }
+            }
           },
-          isPasswordStep ? import_utils.locales.getText("pisell-login2-login-button") : isEmail ? import_utils.locales.getText("pisell-login2-continue-with-email") : import_utils.locales.getText("pisell-login2-continue-with-phone")
+          /* @__PURE__ */ import_react.default.createElement(
+            import_materials.Button,
+            {
+              type: "primary",
+              size: "large",
+              block: true,
+              htmlType: "button",
+              loading,
+              onClick: handleFormSubmit,
+              className: "login2-submit-button"
+            },
+            isPasswordStep ? import_utils.locales.getText("pisell-login2-login-button") : isEmail ? import_utils.locales.getText("pisell-login2-continue-with-email") : import_utils.locales.getText("pisell-login2-continue-with-phone")
+          )
         ),
         showPasswordField && /* @__PURE__ */ import_react.default.createElement(
           import_materials.Button,

package/lib/pro/Login2.0/index.less

@@ -333,18 +333,6 @@
       font-weight: 600;
       color: #ffffff;
 
-      &:hover:not(:disabled) {
-        background: #6941c6;
-        border-color: #6941c6;
-      }
-
-      &:focus {
-        background: var(--theme-color, #7f56d9);
-        border-color: var(--theme-color, #7f56d9);
-        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
-          0px 0px 0px 4px rgba(127, 86, 217, 0.1);
-      }
-
       &:disabled {
         background: #f2f4f7;
         border-color: #f2f4f7;