update

prod/main.js

@@ -317,17 +317,6 @@ eval("\n\"use client\";\n\nvar _interopRequireDefault = __webpack_require__(/*!
 
 /***/ }),
 
-/***/ "./node_modules/@mui/icons-material/CheckBoxOutlineBlank.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/@mui/icons-material/CheckBoxOutlineBlank.js ***!
-  \******************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-eval("\n\"use client\";\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports[\"default\"] = void 0;\nvar _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ./utils/createSvgIcon */ \"./node_modules/@mui/icons-material/utils/createSvgIcon.js\"));\nvar _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nvar _default = (0, _createSvgIcon[\"default\"])( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n}), 'CheckBoxOutlineBlank');\nexports[\"default\"] = _default;\n\n//# sourceURL=webpack://boxdialer/./node_modules/@mui/icons-material/CheckBoxOutlineBlank.js?");
-
-/***/ }),
-
 /***/ "./node_modules/@mui/icons-material/Dialpad.js":
 /*!*****************************************************!*\
   !*** ./node_modules/@mui/icons-material/Dialpad.js ***!
@@ -2998,7 +2987,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style */ \"./src/components/setting/style.js\");\n/* harmony import */ var _mui_icons_material_CheckBoxOutlineBlank__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/icons-material/CheckBoxOutlineBlank */ \"./node_modules/@mui/icons-material/CheckBoxOutlineBlank.js\");\n/* harmony import */ var _mui_icons_material_FormatPaint__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/icons-material/FormatPaint */ \"./node_modules/@mui/icons-material/FormatPaint.js\");\n/* harmony import */ var _mui_icons_material_Build__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/icons-material/Build */ \"./node_modules/@mui/icons-material/Build.js\");\n/* harmony import */ var _settingComponents_fixComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../settingComponents/fixComponent */ \"./src/components/settingComponents/fixComponent/index.jsx\");\n\n\n\n\n\n\nvar SettingComponent = function SettingComponent(_ref) {\n  var settingHidden = _ref.settingHidden,\n    variant = _ref.variant,\n    position = _ref.position;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),\n    settingPage = _useState[0],\n    setSettingPage = _useState[1];\n  var elem = document.getElementById('data');\n  var allData = [{\n    id: 0,\n    title: 'Test-2',\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Build__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      className: 'leftIcons'\n    }),\n    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfoOneBlock, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_settingComponents_fixComponent__WEBPACK_IMPORTED_MODULE_2__[\"default\"], null))\n  }, {\n    id: 1,\n    title: 'Test-1',\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_FormatPaint__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      className: 'leftIcons'\n    }),\n    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfoOneBlock, null, \"2\")\n  }, {\n    id: 2,\n    title: 'Test-3',\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_CheckBoxOutlineBlank__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      className: 'leftIcons'\n    }),\n    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfoOneBlock, null, \"3\")\n  }, {\n    id: 3,\n    title: 'Test-4',\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_CheckBoxOutlineBlank__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      className: 'leftIcons'\n    }),\n    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfoOneBlock, null, \"4\")\n  }];\n  var changeSettingPageCountFunc = function changeSettingPageCountFunc(count) {\n    setSettingPage(count);\n  };\n  console.log('elem: ', elem);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (elem) {\n      elem.scrollTo({\n        top: elem.scrollHeight / allData.length * settingPage,\n        behavior: 'smooth'\n      });\n    }\n  }, [settingPage]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    hiddenValue: !settingHidden\n    // hiddenValue={false}\n    ,\n    variant: variant,\n    position: position\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].LeftMenu, null, allData.map(function (_ref2) {\n    var id = _ref2.id,\n      title = _ref2.title,\n      icon = _ref2.icon;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      id: id,\n      className: \"menuItem \" + (settingPage === id && 'active'),\n      onClick: function onClick() {\n        return changeSettingPageCountFunc(id);\n      }\n    }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: 'backgroundFilter'\n    }));\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfo, {\n    id: 'data'\n  }, allData.map(function (_ref3) {\n    var content = _ref3.content,\n      id = _ref3.id;\n    return content;\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SettingComponent);\n\n//# sourceURL=webpack://boxdialer/./src/components/setting/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style */ \"./src/components/setting/style.js\");\n/* harmony import */ var _mui_icons_material_FormatPaint__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/icons-material/FormatPaint */ \"./node_modules/@mui/icons-material/FormatPaint.js\");\n/* harmony import */ var _mui_icons_material_Build__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/icons-material/Build */ \"./node_modules/@mui/icons-material/Build.js\");\n/* harmony import */ var _settingComponents_fixComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../settingComponents/fixComponent */ \"./src/components/settingComponents/fixComponent/index.jsx\");\n\n\n\n\n\n\nvar SettingComponent = function SettingComponent(_ref) {\n  var settingHidden = _ref.settingHidden,\n    variant = _ref.variant,\n    position = _ref.position;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),\n    settingPage = _useState[0],\n    setSettingPage = _useState[1];\n  var elem = document.getElementById('data');\n  var allData = [{\n    id: 0,\n    title: 'Test-2',\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_Build__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      className: 'leftIcons'\n    }),\n    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfoOneBlock, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_settingComponents_fixComponent__WEBPACK_IMPORTED_MODULE_2__[\"default\"], null))\n  }, {\n    id: 1,\n    title: 'Test-1',\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_icons_material_FormatPaint__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      className: 'leftIcons'\n    }),\n    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfoOneBlock, null, \"Style BoxDialer\")\n  }];\n  var changeSettingPageCountFunc = function changeSettingPageCountFunc(count) {\n    setSettingPage(count);\n  };\n  console.log('elem: ', elem);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (elem) {\n      elem.scrollTo({\n        top: elem.scrollHeight / allData.length * settingPage,\n        behavior: 'smooth'\n      });\n    }\n  }, [settingPage]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    hiddenValue: !settingHidden\n    // hiddenValue={false}\n    ,\n    variant: variant,\n    position: position\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].LeftMenu, null, allData.map(function (_ref2) {\n    var id = _ref2.id,\n      title = _ref2.title,\n      icon = _ref2.icon;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      id: id,\n      className: \"menuItem \" + (settingPage === id && 'active'),\n      onClick: function onClick() {\n        return changeSettingPageCountFunc(id);\n      }\n    }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n      className: 'backgroundFilter'\n    }));\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_style__WEBPACK_IMPORTED_MODULE_1__[\"default\"].RightSelectInfo, {\n    id: 'data'\n  }, allData.map(function (_ref3) {\n    var content = _ref3.content,\n      id = _ref3.id;\n    return content;\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SettingComponent);\n\n//# sourceURL=webpack://boxdialer/./src/components/setting/index.jsx?");
 
 /***/ }),
 
@@ -3009,7 +2998,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _lib_boxDialerWidjetPosition__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../lib/boxDialerWidjetPosition */ \"./src/lib/boxDialerWidjetPosition.js\");\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4;\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar SettingMainStyle = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([\"\\n  box-shadow: 0 0  20px #00000047;\\n  background-color: #a6bdf438;\\n  border-radius: 20px;\\n  margin: 0;\\n  box-sizing: border-box;\\n  width: 230px;\\n  height: 300px;\\n  position: fixed;\\n  padding: 3px;\\n  transition: 0.2s !important;\\n  z-index: 9999;\\n  backdrop-filter: blur(10px);\\n  \", \"\\n  bottom: 400px;\\n  display: grid;\\n  grid-template-columns: 40px 1fr;\\n  grid-gap: 2px;\\n\"])), function (_ref) {\n  var hiddenValue = _ref.hiddenValue,\n    position = _ref.position,\n    variant = _ref.variant;\n  return hiddenValue ? _lib_boxDialerWidjetPosition__WEBPACK_IMPORTED_MODULE_0__.boxDialerWidjetPosition[variant][position].numpad.hidden : _lib_boxDialerWidjetPosition__WEBPACK_IMPORTED_MODULE_0__.boxDialerWidjetPosition[variant][position].numpad.seen;\n});\nSettingMainStyle.LeftMenu = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([\"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 5px;\\n  padding: 10px 0;\\n  box-sizing: border-box;\\n  .menuItem {\\n    height: 34px;\\n    width: 34px;\\n    border: 1px solid #9c9c9c80;\\n    padding: 2px;\\n    font-size: 14px;\\n    border-top-left-radius: 10px;\\n    border-top-right-radius: 3px;\\n    border-bottom-left-radius: 10px;\\n    border-bottom-right-radius: 3px;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    position: relative;\\n  }\\n\\n  .leftIcons {\\n    color: #00000080;\\n  }\\n\\n  .backgroundFilter {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 0;\\n    background: #0000004d;\\n    z-index: 1;\\n    border-top-left-radius: 9px;\\n    border-top-right-radius: 2px;\\n    border-bottom-left-radius: 9px;\\n    border-bottom-right-radius: 2px;\\n  }\\n\\n  .active {\\n    //.leftIcons{\\n    //  color: #fff;\\n    //}\\n    .backgroundFilter {\\n      width: 100%;\\n      animation: .2s ease-in both running backFilter;\\n    }\\n  }\\n  @keyframes backFilter {\\n    from{\\n      height: 0;\\n    }\\n    to{\\n      height: 100%;\\n    }\\n  }\\n  height: 100%;\\n\"])));\nSettingMainStyle.RightSelectInfo = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose([\"\\n  box-sizing: border-box;\\n  overflow-x: scroll;\\n  overflow-y: hidden;\\n  display: grid;\\n  grid-template-columns: 1fr;\\n  grid-gap: 10px;\\n  justify-content: center; \\n  padding: 3px;\\n  border-top-left-radius: 3px;\\n  border-top-right-radius: 10px;\\n  border-bottom-left-radius: 3px;\\n  border-bottom-right-radius: 10px;\\n  ::-webkit-scrollbar {\\n    height: 5px;\\n  }\\n\\n  /* Track */\\n  ::-webkit-scrollbar-track {\\n    background: #fff0;\\n    width: 0;\\n    \\n  }\\n\\n  /* Handle */\\n  ::-webkit-scrollbar-thumb {\\n    background: #abaaaa;\\n    border-radius: 10px;\\n    width: 0;\\n  }\\n\\n  /* Handle on hover */\\n  ::-webkit-scrollbar-thumb:hover {\\n    background: #555;\\n    width: 0;\\n    \\n  }\\n  \\n\"])));\nSettingMainStyle.RightSelectInfoOneBlock = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose([\"\\n  height: 285px;\\n  background: #ccc;\\n  border-top-left-radius: 3px;\\n  border-top-right-radius: 10px;\\n  border-bottom-left-radius: 3px;\\n  border-bottom-right-radius: 10px;\\n  overflow-y: scroll;\\n  ::-webkit-scrollbar {\\n    width: 5px;\\n  }\\n\\n  /* Track */\\n  ::-webkit-scrollbar-track {\\n    background: #fff0;\\n  }\\n\\n  /* Handle */\\n  ::-webkit-scrollbar-thumb {\\n    background: #abaaaa;\\n    border-radius: 10px;\\n  }\\n\\n  /* Handle on hover */\\n  ::-webkit-scrollbar-thumb:hover {\\n    background: #555;\\n  }\\n  \\n\"])));\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SettingMainStyle);\n\n//# sourceURL=webpack://boxdialer/./src/components/setting/style.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _lib_boxDialerWidjetPosition__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../lib/boxDialerWidjetPosition */ \"./src/lib/boxDialerWidjetPosition.js\");\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4;\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar SettingMainStyle = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([\"\\n  box-shadow: 0 0  20px #00000047;\\n  background-color: #a6bdf438;\\n  border-radius: 20px;\\n  margin: 0;\\n  box-sizing: border-box;\\n  width: 230px;\\n  height: 300px;\\n  position: fixed;\\n  padding: 3px;\\n  transition: 0.2s !important;\\n  z-index: 9999;\\n  backdrop-filter: blur(10px);\\n  \", \"\\n  bottom: 400px;\\n  display: grid;\\n  grid-template-columns: 40px 1fr;\\n  grid-gap: 2px;\\n\"])), function (_ref) {\n  var hiddenValue = _ref.hiddenValue,\n    position = _ref.position,\n    variant = _ref.variant;\n  return hiddenValue ? _lib_boxDialerWidjetPosition__WEBPACK_IMPORTED_MODULE_0__.boxDialerWidjetPosition[variant][position].numpad.hidden : _lib_boxDialerWidjetPosition__WEBPACK_IMPORTED_MODULE_0__.boxDialerWidjetPosition[variant][position].numpad.seen;\n});\nSettingMainStyle.LeftMenu = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([\"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 5px;\\n  padding: 10px 0;\\n  box-sizing: border-box;\\n  .menuItem {\\n    height: 34px;\\n    width: 34px;\\n    border: 1px solid #9c9c9c80;\\n    padding: 2px;\\n    font-size: 14px;\\n    border-top-left-radius: 10px;\\n    border-top-right-radius: 3px;\\n    border-bottom-left-radius: 10px;\\n    border-bottom-right-radius: 3px;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    position: relative;\\n  }\\n\\n  .leftIcons {\\n    color: #00000080;\\n  }\\n\\n  .backgroundFilter {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 0;\\n    background: #0000004d;\\n    z-index: 1;\\n    border-top-left-radius: 9px;\\n    border-top-right-radius: 2px;\\n    border-bottom-left-radius: 9px;\\n    border-bottom-right-radius: 2px;\\n  }\\n\\n  .active {\\n    //.leftIcons{\\n    //  color: #fff;\\n    //}\\n    .backgroundFilter {\\n      width: 100%;\\n      animation: .2s ease-in both running backFilter;\\n    }\\n  }\\n  @keyframes backFilter {\\n    from{\\n      height: 0;\\n    }\\n    to{\\n      height: 100%;\\n    }\\n  }\\n  height: 100%;\\n\"])));\nSettingMainStyle.RightSelectInfo = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose([\"\\n  box-sizing: border-box;\\n  overflow-x: scroll;\\n  overflow-y: hidden;\\n  display: grid;\\n  grid-template-columns: 1fr;\\n  grid-gap: 10px;\\n  justify-content: center; \\n  padding: 3px;\\n  border-top-left-radius: 3px;\\n  border-top-right-radius: 10px;\\n  border-bottom-left-radius: 3px;\\n  border-bottom-right-radius: 10px;\\n  ::-webkit-scrollbar {\\n    height: 5px;\\n  }\\n\\n  /* Track */\\n  ::-webkit-scrollbar-track {\\n    background: #fff0;\\n    width: 0;\\n    \\n  }\\n\\n  /* Handle */\\n  ::-webkit-scrollbar-thumb {\\n    background: #abaaaa;\\n    border-radius: 10px;\\n    width: 0;\\n  }\\n\\n  /* Handle on hover */\\n  ::-webkit-scrollbar-thumb:hover {\\n    background: #555;\\n    width: 0;\\n    \\n  }\\n  \\n\"])));\nSettingMainStyle.RightSelectInfoOneBlock = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose([\"\\n  height: 285px;\\n  border-top-left-radius: 3px;\\n  border-top-right-radius: 10px;\\n  border-bottom-left-radius: 3px;\\n  border-bottom-right-radius: 10px;\\n  overflow-y: scroll;\\n  ::-webkit-scrollbar {\\n    width: 5px;\\n  }\\n\\n  /* Track */\\n  ::-webkit-scrollbar-track {\\n    background: #fff0;\\n  }\\n\\n  /* Handle */\\n  ::-webkit-scrollbar-thumb {\\n    background: #abaaaa;\\n    border-radius: 10px;\\n  }\\n\\n  /* Handle on hover */\\n  ::-webkit-scrollbar-thumb:hover {\\n    background: #555;\\n  }\\n  \\n\"])));\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SettingMainStyle);\n\n//# sourceURL=webpack://boxdialer/./src/components/setting/style.js?");
 
 /***/ }),
 
@@ -3514,7 +3503,7 @@ eval("module.exports = JSON.parse('{\"name\":\"jssip\",\"title\":\"JsSIP\",\"des
 /***/ ((module) => {
 
 "use strict";
-eval("module.exports = JSON.parse('{\"name\":\"boxdialer\",\"version\":\"4.8.63\",\"description\":\"\",\"main\":\"src/boxDialer.js\",\"scripts\":{\"dev\":\"webpack serve --mode=development\",\"build:dev\":\"webpack --env=development --watch \",\"build:prod\":\"webpack --env=production\"},\"keywords\":[],\"author\":\"\",\"license\":\"ISC\",\"dependencies\":{\"@emotion/react\":\"^11.11.1\",\"@emotion/styled\":\"^11.11.0\",\"@eo-locale/react\":\"^1.7.3\",\"@headlessui/react\":\"^1.7.17\",\"@heroicons/react\":\"^2.0.18\",\"@mui/icons-material\":\"^5.14.3\",\"@mui/material\":\"^5.14.5\",\"date-fns\":\"^2.30.0\",\"i\":\"^0.3.7\",\"jssip\":\"^3.10.0\",\"npm\":\"^10.1.0\",\"react\":\"^18.2.0\",\"react-dom\":\"^18.2.0\",\"react-hot-toast\":\"^2.4.1\",\"styled-components\":\"^5.3.5\",\"zustand\":\"^4.4.6\"},\"devDependencies\":{\"@babel/core\":\"^7.22.10\",\"@babel/preset-env\":\"^7.22.10\",\"@babel/preset-react\":\"^7.22.5\",\"autoprefixer\":\"^9.8.8\",\"babel-loader\":\"^9.1.3\",\"css-loader\":\"^6.8.1\",\"file-loader\":\"^6.2.0\",\"html-webpack-plugin\":\"^5.5.3\",\"postcss\":\"^7.0.39\",\"postcss-loader\":\"^7.3.3\",\"style-loader\":\"^3.3.3\",\"webpack\":\"^5.88.2\",\"webpack-cli\":\"^5.1.4\",\"webpack-dev-server\":\"^4.15.1\"}}');\n\n//# sourceURL=webpack://boxdialer/./package.json?");
+eval("module.exports = JSON.parse('{\"name\":\"boxdialer\",\"version\":\"4.8.64\",\"description\":\"\",\"main\":\"src/boxDialer.js\",\"scripts\":{\"dev\":\"webpack serve --mode=development\",\"build:dev\":\"webpack --env=development --watch \",\"build:prod\":\"webpack --env=production\"},\"keywords\":[],\"author\":\"\",\"license\":\"ISC\",\"dependencies\":{\"@emotion/react\":\"^11.11.1\",\"@emotion/styled\":\"^11.11.0\",\"@eo-locale/react\":\"^1.7.3\",\"@headlessui/react\":\"^1.7.17\",\"@heroicons/react\":\"^2.0.18\",\"@mui/icons-material\":\"^5.14.3\",\"@mui/material\":\"^5.14.5\",\"date-fns\":\"^2.30.0\",\"i\":\"^0.3.7\",\"jssip\":\"^3.10.0\",\"npm\":\"^10.1.0\",\"react\":\"^18.2.0\",\"react-dom\":\"^18.2.0\",\"react-hot-toast\":\"^2.4.1\",\"styled-components\":\"^5.3.5\",\"zustand\":\"^4.4.6\"},\"devDependencies\":{\"@babel/core\":\"^7.22.10\",\"@babel/preset-env\":\"^7.22.10\",\"@babel/preset-react\":\"^7.22.5\",\"autoprefixer\":\"^9.8.8\",\"babel-loader\":\"^9.1.3\",\"css-loader\":\"^6.8.1\",\"file-loader\":\"^6.2.0\",\"html-webpack-plugin\":\"^5.5.3\",\"postcss\":\"^7.0.39\",\"postcss-loader\":\"^7.3.3\",\"style-loader\":\"^3.3.3\",\"webpack\":\"^5.88.2\",\"webpack-cli\":\"^5.1.4\",\"webpack-dev-server\":\"^4.15.1\"}}');\n\n//# sourceURL=webpack://boxdialer/./package.json?");
 
 /***/ })