@pisell/private-materials 3.4.76 → 3.4.78

package/lib/plus/walletPassGallery/index.js

@@ -62,6 +62,7 @@ var TAGS = [
 ];
 var WalletPassGallery = (props) => {
   var _a, _b, _c, _d, _e, _f, _g;
+  const { hideAddButton, hideTitle, customer, platform: platformProp } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("available");
   const [currentItemId, setCurrentItemId] = (0, import_react.useState)(void 0);
   const [isOpenAddModal, setIsOpenAddModal] = (0, import_react.useState)(false);
@@ -70,16 +71,20 @@ var WalletPassGallery = (props) => {
   const [updateHolderLoading, setUpdateHolderLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { apiPrefix } = ((_b = context.appHelper) == null ? void 0 : _b.constants) || { apiPrefix: "/h5" };
+  const { isTerminal, isApp, interaction } = utils;
+  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   const platform = (0, import_react.useMemo)(() => {
+    if (platformProp) return platformProp;
     if (utils.isMobile) {
       return utils.isMobile() ? "h5" : "pc";
     }
     if (typeof window !== "undefined") {
       return window.innerWidth <= 768 ? "h5" : "pc";
     }
-  }, [utils]);
-  const dvaStore = (_c = (_b = utils == null ? void 0 : utils.getStore) == null ? void 0 : _b.call(utils)) == null ? void 0 : _c.getState();
-  import_utils.locales.init(import_locales.default, ((_d = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _d.translateLocale) || "en");
+    return "pc";
+  }, [utils, platformProp]);
+  import_utils.locales.init(import_locales.default, ((_d = (_c = context == null ? void 0 : context.engine) == null ? void 0 : _c.props) == null ? void 0 : _d.locale) || "en");
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const _getWalletDetail = (0, import_ahooks.useRequest)(import_serve.getWalletDetail, {
     manual: true
@@ -89,15 +94,21 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)({
-        available: 1,
-        num: 20,
-        skip: (d == null ? void 0 : d.nextId) || 1,
-        tags: TAGS,
-        filter_wallet_id: walletId || void 0,
-        filter_holder_id: holderId || void 0,
-        with: ["customScheduleSnapshot", "holder.detail"]
-      });
+      const res = await (0, import_serve.getWalletPassList)(
+        {
+          available: 1,
+          num: 20,
+          skip: (d == null ? void 0 : d.nextId) || 1,
+          tags: TAGS,
+          filter_wallet_id: walletId || void 0,
+          filter_holder_id: holderId || void 0,
+          with: ["customScheduleSnapshot", "holder.detail"],
+          customer_id: customer == null ? void 0 : customer.id
+        },
+        {
+          apiPrefix
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -119,15 +130,21 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)({
-        available: 0,
-        num: 20,
-        skip: (d == null ? void 0 : d.nextId) || 1,
-        tags: TAGS,
-        filter_wallet_id: walletId || void 0,
-        filter_holder_id: holderId || void 0,
-        with: ["customScheduleSnapshot", "holder.detail"]
-      });
+      const res = await (0, import_serve.getWalletPassList)(
+        {
+          available: 0,
+          num: 20,
+          skip: (d == null ? void 0 : d.nextId) || 1,
+          tags: TAGS,
+          filter_wallet_id: walletId || void 0,
+          filter_holder_id: holderId || void 0,
+          with: ["customScheduleSnapshot", "holder.detail"],
+          customer_id: customer == null ? void 0 : customer.id
+        },
+        {
+          apiPrefix
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -150,8 +167,8 @@ var WalletPassGallery = (props) => {
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
-    const req1 = _getAvailableList.loadMoreAsync();
-    const req2 = _getUnavailableList.loadMoreAsync();
+    const req1 = _getAvailableList.reloadAsync();
+    const req2 = _getUnavailableList.reloadAsync();
     let req3 = passId ? (0, import_serve.getWalletPassDetail)(passId, {
       with: ["holder.detail"]
     }) : Promise.resolve();
@@ -222,7 +239,22 @@ var WalletPassGallery = (props) => {
         }
       }
     });
+  }, [customer]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(_a2, "customer", "new", () => {
+      try {
+        _getAvailableList.reloadAsync();
+        _getUnavailableList.reloadAsync();
+      } catch (err) {
+        console.error(err);
+      }
+    });
   }, []);
+  const listReload = () => {
+    _getAvailableList.reloadAsync();
+    _getUnavailableList.reloadAsync();
+  };
   const _getUnbindList = (0, import_ahooks.useRequest)(import_serve.getUnbindList, {
     manual: true,
     onSuccess: (data) => {
@@ -266,6 +298,20 @@ var WalletPassGallery = (props) => {
     const newId = key === KEYS.unavailable ? (_a2 = _unavailable[0]) == null ? void 0 : _a2.id : (_b2 = _avaliable[0]) == null ? void 0 : _b2.id;
     setCurrentItemId(newId);
   };
+  const handleAddClick = () => {
+    var _a2, _b2;
+    if (isTerminalEnv) {
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "customer",
+        key: "new",
+        data: {
+          customer_id: String((customer == null ? void 0 : customer.id) || "")
+        }
+      });
+      return;
+    }
+    setIsOpenAddModal(true);
+  };
   const _resetSearchState = () => {
     setCurrentUnbindItem(null);
     _getUnbindList.mutate([]);
@@ -339,6 +385,32 @@ var WalletPassGallery = (props) => {
       console.log("pass not found", passId);
     }
   };
+  const _handleDetailRefresh = (passId, patch) => {
+    if (_avaliable.find((item) => item.id === passId)) {
+      _getAvailableList.mutate((data) => {
+        const newList = data.list.map(
+          (item) => item.id === passId ? { ...item, ...patch } : item
+        );
+        return {
+          ...data,
+          list: newList
+        };
+      });
+      return;
+    }
+    if (_unavailable.find((item) => item.id === passId)) {
+      _getUnavailableList.mutate((data) => {
+        const newList = data.list.map(
+          (item) => item.id === passId ? { ...item, ...patch } : item
+        );
+        return {
+          ...data,
+          list: newList
+        };
+      });
+      return;
+    }
+  };
   const _handleBindHolder = async (holderId) => {
     setUpdateHolderLoading(true);
     const { wallet_pass_detail_id: passId } = editHolderData;
@@ -372,15 +444,7 @@ var WalletPassGallery = (props) => {
     );
     return found2;
   }, [currentItemId, _avaliable, _unavailable]);
-  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")), platform === "pc" ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
-      size: "large",
-      onClick: () => setIsOpenAddModal(true)
-    },
-    import_utils.locales.getText("wallet-pass-gallery.add")
-  ) : null);
+  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, hideTitle ? null : /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
   const renderAvaliableList = () => {
     if (platform === "h5") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -407,7 +471,15 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onDetailRefresh: _handleDetailRefresh,
+        onListRefresh: listReload
+      }
+    )));
   };
   const renderUnavailableList = () => {
     if (platform === "h5") {
@@ -435,9 +507,19 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onDetailRefresh: _handleDetailRefresh,
+        onListRefresh: listReload
+      }
+    )));
+  };
+  const renderTabBar = (props2, DefaultTabBar) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   };
-  const renderTabBar = (props2, DefaultTabBar) => /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   const renderContent = () => {
     var _a2, _b2;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_content" }, /* @__PURE__ */ import_react.default.createElement(
@@ -461,7 +543,16 @@ var WalletPassGallery = (props) => {
             children: renderUnavailableList(),
             badge: ((_b2 = _getUnavailableList.data) == null ? void 0 : _b2.count) || 0
           }
-        ]
+        ],
+        tabBarExtraContent: platform === "pc" && !hideAddButton ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
+            size: "large",
+            onClick: handleAddClick
+          },
+          import_utils.locales.getText("wallet-pass-gallery.add")
+        ) : null
       }
     ));
   };
@@ -534,8 +625,8 @@ var WalletPassGallery = (props) => {
     );
   };
   const renderH5Content = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    const _walletBar = !((_c2 = (_b2 = (_a2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.isAppEnv) == null ? void 0 : _c2.call(_b2)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    var _a2, _b2, _c2, _d2;
+    const _walletBar = !((_a2 = utils == null ? void 0 : utils.isApp) == null ? void 0 : _a2.call(utils)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-wallet-pass-gallery-header-bar-arrow",
@@ -544,15 +635,15 @@ var WalletPassGallery = (props) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-chevron-left" })
-    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_f2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _f2.call(utils, (_e2 = (_d2 = _getWalletDetail.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_d2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _d2.call(utils, (_c2 = (_b2 = _getWalletDetail.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), hideAddButton ? null : /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         style: {
           padding: 24
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: () => setIsOpenAddModal(true), block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: handleAddClick, block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
     ), /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellModal,
       {
@@ -564,7 +655,15 @@ var WalletPassGallery = (props) => {
         footer: null,
         title: import_utils.locales.getText("wallet-pass-gallery.details")
       },
-      /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_passDetail.default,
+        {
+          dataSource: _currentItem,
+          platform,
+          onDetailRefresh: _handleDetailRefresh,
+          onListRefresh: listReload
+        }
+      )
     ));
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(

package/lib/plus/walletPassGallery/serve.d.ts

@@ -87,7 +87,9 @@ export declare type ErrorCallback = () => void;
  * @returns Promise<{list: IWalletListItemProps[], count: number}> 钱包列表和总数
  * @throws 请求失败时抛出错误
  */
-export declare const getWalletPassList: (params?: IWalletListParmsProps) => Promise<{
+export declare const getWalletPassList: (params: IWalletListParmsProps, options?: {
+    apiPrefix: string;
+}) => Promise<{
     list: IWalletListItemProps[];
     count: number;
 }>;

package/lib/plus/walletPassGallery/serve.js

@@ -35,9 +35,9 @@ __export(serve_exports, {
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../utils");
 var import_utils2 = require("@pisell/utils");
-var getWalletPassList = async (params) => {
+var getWalletPassList = async (params, options) => {
   try {
-    const { data } = await import_utils.request.getRequest().get(`/h5/machinecode/lowcode/list`, params);
+    const { data } = await import_utils.request.getRequest().get(`${(options == null ? void 0 : options.apiPrefix) || "/h5"}/machinecode/lowcode/list`, params);
     return data || { list: [], count: 0 };
   } catch (error) {
     console.error(

package/lib/pro/pisellPhoneKeyboard/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PopoverProps } from 'antd';
+import './index.less';
+interface PisellPhoneKeyboardProps {
+    value?: string;
+    onChange: (e: string) => void;
+    popoverProps: PopoverProps;
+    virtualKeyboardProps?: any;
+    keyboardProps?: any;
+    virtualKeyInputProps?: any;
+}
+declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => React.JSX.Element;
+export default PisellPhoneKeyboard;

package/lib/pro/pisellPhoneKeyboard/index.js

@@ -0,0 +1,219 @@
+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/pro/pisellPhoneKeyboard/index.tsx
+var pisellPhoneKeyboard_exports = {};
+__export(pisellPhoneKeyboard_exports, {
+  default: () => pisellPhoneKeyboard_default
+});
+module.exports = __toCommonJS(pisellPhoneKeyboard_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_Delete = __toESM(require("@pisell/icon/es/Delete"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_locales2 = require("../../utils/locales");
+var PisellPhoneKeyboard = (props) => {
+  import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
+  const {
+    onChange,
+    value,
+    popoverProps,
+    virtualKeyboardProps,
+    keyboardProps,
+    virtualKeyInputProps
+  } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const items = [
+    {
+      value: 1,
+      label: "1",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 2,
+      label: "2",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 3,
+      label: "3",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 4,
+      label: "4",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 5,
+      label: "5",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 6,
+      label: "6",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 7,
+      label: "7",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 8,
+      label: "8",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: 9,
+      label: "9",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: "delete",
+      label: /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" }),
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: "0",
+      label: "0",
+      disabled: false,
+      type: "text"
+    },
+    {
+      value: "ok",
+      label: import_utils.locales.getText("pisell2.text.confirm"),
+      disabled: false,
+      type: "primary"
+    }
+  ];
+  const onOk = (e) => {
+    onChange == null ? void 0 : onChange(e);
+    setOpen(false);
+  };
+  const onOpenChange = (e) => {
+    setOpen(e);
+  };
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      document.body.classList.add("hide-scroll");
+    } else {
+      setTimeout(() => {
+        document.body.classList.remove("hide-scroll");
+      }, 150);
+    }
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const adjustFontSize = (0, import_react.useMemo)(() => {
+    if (!value) {
+      return 30;
+    }
+    const maxFontSize = 60;
+    const minFontSize = 10;
+    const defaultFontSize = maxFontSize;
+    const inputWidth = 248;
+    const span = document.createElement("span");
+    span.style.position = "absolute";
+    span.style.whiteSpace = "nowrap";
+    span.style.visibility = "hidden";
+    span.style.fontSize = `${defaultFontSize}px`;
+    span.textContent = value;
+    document.body.appendChild(span);
+    let fontSize = maxFontSize;
+    while (span.offsetWidth > inputWidth && fontSize > minFontSize) {
+      fontSize -= 0.5;
+      span.style.fontSize = `${fontSize}px`;
+    }
+    document.body.removeChild(span);
+    return fontSize;
+  }, [value]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_materials.VirtualKeyboard,
+        {
+          keyboardProps: {
+            keydown: false,
+            items,
+            onChange: (e) => {
+              if (e === "reset") {
+                onChange("");
+                return;
+              }
+              if (e === "ok") {
+                onOk(value || "");
+                return;
+              }
+              if (e === "delete") {
+                onChange((value == null ? void 0 : value.slice(0, -1)) || "");
+                return;
+              }
+              onChange(value + String(e));
+            },
+            ...keyboardProps
+          },
+          virtualKeyInputProps: {
+            value,
+            onChange: (e) => {
+              onChange(e.target.value);
+            },
+            style: {
+              textAlign: "left",
+              fontSize: adjustFontSize
+            },
+            ...virtualKeyInputProps
+          },
+          ...virtualKeyboardProps
+        }
+      ),
+      open,
+      arrow: false,
+      onOpenChange,
+      trigger: ["click"],
+      ...popoverProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { readOnly: true, value, style: { width: "100%" }, size: "large" })
+  ));
+};
+var pisellPhoneKeyboard_default = PisellPhoneKeyboard;