@pisell/private-materials 6.4.82 → 6.4.84

package/es/{components/checkout/PaymentPlugin.js → plus/webPosLogin/components/SelectStore/index.js}

@@ -8,192 +8,191 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useRef, useEffect, useState } from "react";
-import { Button } from "antd";
-import { CloseOutlined } from "@ant-design/icons";
-import useModal from "../../hooks/useModal";
-import Checkout from "./content";
-import { locales } from "@pisell/utils";
-import checkoutLocales from "./locales";
-import useEngineContext from "../../hooks/useEngineContext";
-import React from "react";
+import React, { memo, useState, useMemo, useCallback } from 'react';
+import { Spin } from 'antd';
+import { SearchOutlined } from '@ant-design/icons';
+import { PisellInput, PisellEmpty, Image } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
 
-// 添加样式来覆盖Modal的默认padding
-var modalStyle = document.createElement('style');
-modalStyle.textContent = "\n  :where(.payment-modal-wrapper) .ant-modal .ant-modal-content,\n  .payment-modal-wrapper .ant-modal .ant-modal-content,\n  .payment-modal-wrapper .ant-modal-content {\n    padding: 12px 36px 36px 36px !important;\n  }\n";
-if (!document.querySelector('.payment-modal-style')) {
-  modalStyle.className = 'payment-modal-style';
-  document.head.appendChild(modalStyle);
-}
-var PaymentPlugin = function PaymentPlugin() {
-  var _context$appHelper;
-  var context = useEngineContext();
-  var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
-    pisellos = _context$appHelper$ut.pisellos;
-  var paymentRef = useRef();
-  var callback = useRef();
-  var _useState = useState(0),
+/**
+ * SelectStore 组件 Props
+ */
+
+/** 默认店铺图标 */
+var DEFAULT_STORE_ICON = 'https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-store-icon.png';
+
+/**
+ * 获取店铺显示名称
+ * @param store 店铺数据
+ * @param locale 语言
+ */
+var getStoreName = function getStoreName(store) {
+  var _store$tenant;
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
+  var name = store === null || store === void 0 || (_store$tenant = store.tenant) === null || _store$tenant === void 0 ? void 0 : _store$tenant.name;
+  if (!name) return '';
+
+  // 优先使用对应语言的名称，否则使用 original
+  return name[locale] || name.original || '';
+};
+
+/**
+ * 模糊搜索匹配
+ * @param store 店铺数据
+ * @param keyword 搜索关键词
+ * @param locale 语言
+ */
+var matchStore = function matchStore(store, keyword, locale) {
+  var _store$tenant2;
+  if (!keyword.trim()) return true;
+  var lowerKeyword = keyword.toLowerCase();
+  var name = store === null || store === void 0 || (_store$tenant2 = store.tenant) === null || _store$tenant2 === void 0 ? void 0 : _store$tenant2.name;
+
+  // 搜索所有语言的名称
+  var searchFields = [name === null || name === void 0 ? void 0 : name.en, name === null || name === void 0 ? void 0 : name['zh-CN'], name === null || name === void 0 ? void 0 : name['zh-HK'], name === null || name === void 0 ? void 0 : name.original, store === null || store === void 0 ? void 0 : store.nickname].filter(Boolean);
+  return searchFields.some(function (field) {
+    return field === null || field === void 0 ? void 0 : field.toLowerCase().includes(lowerKeyword);
+  });
+};
+
+/**
+ * SelectStore 店铺选择组件
+ * @description 展示店铺列表，支持搜索过滤和选择
+ */
+var SelectStore = /*#__PURE__*/memo(function (props) {
+  var _props$storeList = props.storeList,
+    storeList = _props$storeList === void 0 ? [] : _props$storeList,
+    _props$locale = props.locale,
+    locale = _props$locale === void 0 ? 'en' : _props$locale,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    lastUsedStoreId = props.lastUsedStoreId,
+    onSelect = props.onSelect;
+
+  /** 搜索关键词 */
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    totalAmount = _useState2[0],
-    setTotalAmount = _useState2[1];
-  // 创建本地翻译函数，优先使用 checkout 语言包
-  var translation = function translation(key, fallback) {
-    var _checkoutLocales;
-    var currentLang = locales.locale || 'en';
-    var checkoutText = (_checkoutLocales = checkoutLocales[currentLang]) === null || _checkoutLocales === void 0 ? void 0 : _checkoutLocales[key];
-    if (checkoutText) {
-      return checkoutText;
-    }
+    searchKeyword = _useState2[0],
+    setSearchKeyword = _useState2[1];
 
-    // 回退到全局语言包
-    return locales.getText(key) || fallback;
-  };
-  var handlePaymentComplete = function handlePaymentComplete(result) {
-    var _callback$current;
-    console.log("Payment completed:", result);
-    (_callback$current = callback.current) === null || _callback$current === void 0 || _callback$current.call(callback, result);
-    hideModal(); // 支付完成后关闭弹窗
-  };
-  var handlePaymentCancel = function handlePaymentCancel() {
-    var _callback$current2;
-    console.log("Payment cancelled");
-    hideModal();
-    (_callback$current2 = callback.current) === null || _callback$current2 === void 0 || _callback$current2.call(callback, {
-      status: "cancelled"
+  /** 当前选中的店铺ID（用于显示点击loading） */
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectingId = _useState4[0],
+    setSelectingId = _useState4[1];
+
+  /**
+   * 过滤后的店铺列表
+   */
+  var filteredStoreList = useMemo(function () {
+    if (!searchKeyword.trim()) return storeList;
+    return storeList.filter(function (store) {
+      return matchStore(store, searchKeyword, locale);
     });
-  };
+  }, [storeList, searchKeyword, locale]);
 
-  // 自定义头部组件
-  var CustomHeader = function CustomHeader() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        padding: "16px 0",
-        marginBottom: "16px",
-        borderBottom: "1px solid #f0f0f0",
-        backgroundColor: "#fafafa",
-        margin: "-12px -36px 16px -36px",
-        // 扩展到modal边缘
-        paddingLeft: "36px",
-        paddingRight: "36px"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "12px"
-      }
-    }, "\u786C\u4EF6\u72B6\u6001"), /*#__PURE__*/React.createElement("div", null, translation("order.total"), "\uFF1A", totalAmount), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px"
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      type: "text",
-      size: "small",
-      icon: /*#__PURE__*/React.createElement(CloseOutlined, null),
-      onClick: handlePaymentCancel,
-      style: {
-        color: "#8c8c8c",
-        border: "none",
-        boxShadow: "none"
-      }
-    })));
-  };
-  var _useModal = useModal({
-      title: null,
-      // 移除默认标题，使用自定义头部
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomHeader, null), /*#__PURE__*/React.createElement(Checkout, {
-        paymentData: paymentRef.current,
-        moduleConfig: {
-          showWalletPass: true,
-          showCashPayment: true,
-          showAdditionalModule: true,
-          showPaymentOptions: true
-        },
-        onPaymentComplete: handlePaymentComplete,
-        onPaymentCancel: handlePaymentCancel,
-        onStatusChange: function onStatusChange(status) {
-          return console.log("Status changed:", status);
-        },
-        open_deposit: true // 开启押金选择功能
-      })),
-      width: 880,
-      // 808px 内容宽度 + 36px 左右内边距
-      destroyOnClose: true,
-      maskClosable: false,
-      footer: null,
-      // 移除默认的确定/取消按钮，让组件内部处理
-      closeIcon: null,
-      // 移除默认关闭图标，使用自定义的
-      onCancel: handlePaymentCancel,
-      wrapClassName: "payment-modal-wrapper"
-    }),
-    showModal = _useModal.showModal,
-    hideModal = _useModal.hideModal,
-    content = _useModal.content;
-  var onOpen = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(props) {
-      var checkout, _props$data, _props$data2, orderInfo;
+  /**
+   * 处理搜索输入
+   */
+  var handleSearchChange = useCallback(function (e) {
+    setSearchKeyword(e.target.value);
+  }, []);
+
+  /**
+   * 处理店铺选择
+   */
+  var handleSelectStore = useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(store) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            // 获取 checkout 模块并处理订单数据
-            checkout = pisellos.getModule("checkout");
-            if (!checkout) {
-              _context.next = 6;
+            if (!selectingId) {
+              _context.next = 2;
               break;
             }
-            _context.next = 4;
-            return checkout.createLocalOrderAsync({
-              orderData: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.order_info,
-              cartSummary: (_props$data2 = props.data) === null || _props$data2 === void 0 || (_props$data2 = _props$data2.subtotal_info) === null || _props$data2 === void 0 ? void 0 : _props$data2.subTotalList,
-              autoPayment: true
-            });
-          case 4:
-            // 获取订单总金额
-            orderInfo = checkout.getCurrentOrderInfo();
-            if (orderInfo && orderInfo.totalAmount) {
-              setTotalAmount(orderInfo.totalAmount);
-            }
+            return _context.abrupt("return");
+          case 2:
+            // 正在选择中，防止重复点击
+
+            setSelectingId(store.id);
+            _context.next = 5;
+            return onSelect === null || onSelect === void 0 ? void 0 : onSelect(store);
+          case 5:
+            setSelectingId(null);
           case 6:
-            paymentRef.current = props === null || props === void 0 ? void 0 : props.data;
-            callback.current = props === null || props === void 0 ? void 0 : props.callback;
-            showModal(); // 打开弹窗
-          case 9:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function onOpen(_x) {
+    return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }();
-  var onClose = function onClose() {
-    hideModal();
-  };
+  }(), [selectingId, onSelect]);
 
   /**
-   * @title: 初始化, 注入插件
-   * @description:
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2023-09-13 09:41
+   * 渲染店铺列表项
    */
-  var init = function init() {
-    var state = {
-      open: onOpen,
-      close: onClose
-    };
-    console.log("PaymentPlugin", state);
+  var renderStoreItem = function renderStoreItem(store) {
+    var _store$tenant3;
+    var isLastUsed = lastUsedStoreId === store.id;
+    var isSelecting = selectingId === store.id;
+    var storeName = getStoreName(store, locale);
+    var storeIcon = (store === null || store === void 0 || (_store$tenant3 = store.tenant) === null || _store$tenant3 === void 0 ? void 0 : _store$tenant3.logo) || DEFAULT_STORE_ICON;
+    return /*#__PURE__*/React.createElement("div", {
+      key: store.id,
+      className: "select-store__item ".concat(isSelecting ? 'select-store__item--selecting' : ''),
+      onClick: function onClick() {
+        return handleSelectStore(store);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "select-store__item-icon"
+    }, /*#__PURE__*/React.createElement(Image, {
+      width: 48,
+      height: 48,
+      src: storeIcon,
+      alt: storeName,
+      fallbackType: "image",
+      preview: false
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "select-store__item-content"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "select-store__item-name"
+    }, storeName)), /*#__PURE__*/React.createElement("div", {
+      className: "select-store__item-extra"
+    }, isSelecting ? /*#__PURE__*/React.createElement(Spin, {
+      size: "small"
+    }) : isLastUsed ? /*#__PURE__*/React.createElement("span", {
+      className: "select-store__item-tag"
+    }, locales.getText('webpos-login-last-used')) : null));
   };
-  useEffect(function () {
-    init();
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, content);
-};
-export default PaymentPlugin;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "select-store"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "select-store__search"
+  }, /*#__PURE__*/React.createElement(PisellInput, {
+    placeholder: locales.getText('webpos-login-search'),
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
+      style: {
+        color: '#999'
+      }
+    }),
+    value: searchKeyword,
+    onChange: handleSearchChange,
+    allowClear: true,
+    size: "large"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "select-store__list"
+  }, loading ? /*#__PURE__*/React.createElement("div", {
+    className: "select-store__loading"
+  }, /*#__PURE__*/React.createElement(Spin, {
+    size: "large"
+  })) : filteredStoreList.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "select-store__empty"
+  }, /*#__PURE__*/React.createElement(PisellEmpty, {
+    description: locales.getText('webpos-login-select-store-empty')
+  })) : filteredStoreList.map(renderStoreItem)));
+});
+SelectStore.displayName = 'SelectStore';
+export default SelectStore;

package/es/plus/webPosLogin/components/SelectStore/index.less

@@ -0,0 +1,157 @@
+/**
+ * SelectStore 店铺选择组件样式
+ */
+.select-store {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  /* 搜索框区域 */
+  &__search {
+    flex-shrink: 0;
+    padding: 0 0 16px 0;
+
+    .ant-input-affix-wrapper {
+      border-radius: 8px;
+      border: 1px solid #e5e5e5;
+      background: #fff;
+      height: 48px;
+
+      &:hover,
+      &:focus,
+      &.ant-input-affix-wrapper-focused {
+        border-color: #F04A28;
+        box-shadow: 0 0 0 2px rgba(240, 74, 40, 0.1);
+      }
+
+      .ant-input {
+        font-size: 15px;
+      }
+    }
+  }
+
+  /* 店铺列表区域 */
+  &__list {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-right: 4px;
+
+    /* 自定义滚动条 */
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #ddd;
+      border-radius: 3px;
+
+      &:hover {
+        background: #ccc;
+      }
+    }
+  }
+
+  /* 加载状态 */
+  &__loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 200px;
+  }
+
+  /* 空状态 */
+  &__empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 200px;
+  }
+
+  /* 店铺列表项 */
+  &__item {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 16px;
+    margin-bottom: 8px;
+    background: #fff;
+    border: 1px solid #eee;
+    border-radius: 12px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+
+    &:hover {
+      border-color: #F04A28;
+      box-shadow: 0 2px 8px rgba(240, 74, 40, 0.1);
+    }
+
+    &:active {
+      transform: scale(0.99);
+    }
+
+    /* 选中状态 */
+    &--selecting {
+      opacity: 0.7;
+      pointer-events: none;
+    }
+
+    /* 店铺图标 */
+    &-icon {
+      flex-shrink: 0;
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+      overflow: hidden;
+      background: #f5f5f5;
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    /* 店铺内容 */
+    &-content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    /* 店铺名称 */
+    &-name {
+      display: block;
+      font-size: 15px;
+      font-weight: 500;
+      color: #1a1a1a;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    /* 额外信息区域 */
+    &-extra {
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+    }
+
+    /* Last used 标签 */
+    &-tag {
+      display: inline-flex;
+      align-items: center;
+      padding: 4px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      color: #fff;
+      background: #F04A28;
+      border-radius: 4px;
+      white-space: nowrap;
+    }
+  }
+}

package/es/plus/webPosLogin/components/UserFooter/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { UserInfo, StoreItem, LoginStep, LocaleType } from '../../types';
+import './index.less';
+/**
+ * UserFooter 组件 Props
+ */
+export interface UserFooterProps {
+    /** 是否显示切换店铺 */
+    isShowChangeStore?: boolean;
+    /** 用户信息 */
+    userInfo?: UserInfo;
+    /** 当前选中的店铺 */
+    selectedStore?: StoreItem;
+    /** 当前步骤 */
+    step?: LoginStep;
+    /** 语言 */
+    locale?: LocaleType;
+    /** 切换账号回调 */
+    onChangeAccount?: () => void;
+    /** 切换店铺回调 */
+    onChangeStore?: () => void;
+}
+/**
+ * UserFooter 底部用户信息组件
+ * @description 展示当前用户和店铺信息，支持切换账号和切换店铺
+ */
+declare const UserFooter: React.FC<UserFooterProps>;
+export default UserFooter;

package/es/plus/webPosLogin/components/UserFooter/index.js

@@ -0,0 +1,110 @@
+import React, { memo, useMemo } from 'react';
+import { locales } from '@pisell/utils';
+import { Image } from '@pisell/materials';
+import "./index.less";
+
+/**
+ * UserFooter 组件 Props
+ */
+
+/** 默认用户头像 */
+var DEFAULT_USER_AVATAR = 'https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-avatar.png';
+
+/** 默认店铺图标 */
+var DEFAULT_STORE_ICON = 'https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-store-icon.png';
+
+/**
+ * 获取店铺显示名称
+ * @param store 店铺数据
+ * @param locale 语言
+ */
+var getStoreName = function getStoreName(store) {
+  var _store$tenant;
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
+  if (!store) return '';
+  var name = store === null || store === void 0 || (_store$tenant = store.tenant) === null || _store$tenant === void 0 ? void 0 : _store$tenant.name;
+  if (!name) return '';
+
+  // 优先使用对应语言的名称，否则使用 original
+  return name[locale] || name.original || '';
+};
+
+/**
+ * UserFooter 底部用户信息组件
+ * @description 展示当前用户和店铺信息，支持切换账号和切换店铺
+ */
+var UserFooter = /*#__PURE__*/memo(function (props) {
+  var _selectedStore$tenant;
+  var userInfo = props.userInfo,
+    selectedStore = props.selectedStore,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 'store' : _props$step,
+    _props$locale = props.locale,
+    locale = _props$locale === void 0 ? 'en' : _props$locale,
+    onChangeAccount = props.onChangeAccount,
+    onChangeStore = props.onChangeStore,
+    _props$isShowChangeSt = props.isShowChangeStore,
+    isShowChangeStore = _props$isShowChangeSt === void 0 ? false : _props$isShowChangeSt;
+
+  /** 用户头像 */
+  var userAvatar = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) || DEFAULT_USER_AVATAR;
+
+  /** 用户名称 */
+  var userName = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || '';
+
+  /** 店铺图标 */
+  var storeIcon = (selectedStore === null || selectedStore === void 0 || (_selectedStore$tenant = selectedStore.tenant) === null || _selectedStore$tenant === void 0 ? void 0 : _selectedStore$tenant.logo) || DEFAULT_STORE_ICON;
+
+  /** 店铺名称 */
+  var storeName = useMemo(function () {
+    return getStoreName(selectedStore, locale);
+  }, [selectedStore, locale]);
+
+  /** 是否显示店铺信息（设备选择步骤显示） */
+  var showStoreInfo = step === 'device' && selectedStore && isShowChangeStore;
+
+  // 如果没有用户信息，不显示
+  if (!userInfo) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "user-footer"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "user-footer__user"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "user-footer__avatar"
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: userAvatar,
+    alt: userName,
+    preview: false,
+    width: 44,
+    height: 44,
+    fallbackType: "avatar"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "user-footer__info"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "user-footer__name"
+  }, userName), /*#__PURE__*/React.createElement("a", {
+    className: "user-footer__action",
+    onClick: onChangeAccount
+  }, locales.getText('webpos-login-change-account')))), showStoreInfo && /*#__PURE__*/React.createElement("div", {
+    className: "user-footer__store"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "user-footer__avatar"
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: storeIcon,
+    alt: storeName,
+    preview: false,
+    width: 44,
+    height: 44,
+    fallbackType: "avatar"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "user-footer__info"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "user-footer__name",
+    title: storeName
+  }, storeName), /*#__PURE__*/React.createElement("a", {
+    className: "user-footer__action",
+    onClick: onChangeStore
+  }, locales.getText('webpos-login-change-store')))));
+});
+UserFooter.displayName = 'UserFooter';
+export default UserFooter;