namirasoft-site-react 1.3.370 → 1.3.372

package/dist/assets/images/rectangle.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
+</svg>

package/dist/components/NSAccess.d.ts

@@ -0,0 +1,2 @@
+declare function NSAccess(): import("react/jsx-runtime").JSX.Element;
+export default NSAccess;

package/dist/components/NSAccess.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSAccess.module.css';
+import { NSBoxEnum } from './NSBoxEnum';
+function NSAccess() {
+    return (_jsx("section", { className: Styles.ns_access_container, children: _jsxs("div", { className: Styles.ns_access_content, children: [_jsx("h6", { children: "amir.abolhasani1368@gmail.com" }), _jsx("div", { className: 'text-center', children: _jsx("img", { src: 'https://static.namirasoft.com/image/concept/close/info.svg', alt: '', width: 96, height: 96, className: 'rounded-circle' }) }), _jsx("h2", { children: "Hi, Amir!" }), _jsx(NSBoxEnum, { title: 'Manage Your Namirasoft Account', options: [], required: true, multiple: true }), _jsxs("div", { className: Styles.ns_access_account_container, children: [_jsx("h6", { className: Styles.ns_access_account_first_letter_icon, children: "n" }), _jsxs("div", { className: Styles.ns_access_account_info, children: [_jsx("h6", { className: 'fw-normal', children: "negar fereidooni" }), _jsx("h6", { className: 'fw-light', children: "negar fereidooni@gmail.com\t" })] })] })] }) }));
+}
+export default NSAccess;
+//# sourceMappingURL=NSAccess.js.map

package/dist/components/NSAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSAccess.js","sourceRoot":"","sources":["../../src/components/NSAccess.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,SAAS,QAAQ;IAEhB,OAAO,CACN,kBAAS,SAAS,EAAE,MAAM,CAAC,mBAAmB,YAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,aACvC,yDAAsC,EACtC,cAAK,SAAS,EAAC,aAAa,YAC3B,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB,GAAG,GAC5H,EACN,qCAAkB,EAClB,KAAC,SAAS,IAAC,KAAK,EAAC,gCAAgC,EAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,QAAC,QAAQ,SAAG,EACnF,eAAK,SAAS,EAAE,MAAM,CAAC,2BAA2B,aACjD,aAAI,SAAS,EAAE,MAAM,CAAC,mCAAmC,kBAAQ,EACjE,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAC5C,aAAI,SAAS,EAAC,WAAW,iCAAsB,EAC/C,aAAI,SAAS,EAAC,UAAU,6CAAiC,IACpD,IACD,IACD,GACG,CACV,CAAC;AACH,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/NSAccess.module.css

@@ -0,0 +1,39 @@
+.ns_access_container {
+	background-color: rgb(233, 237, 246);
+	border-radius: 16px;
+	padding: 24px;
+	width: fit-content;
+	margin: 48px;
+}
+
+.ns_access_container h6,
+h2 {
+	color: black;
+	text-align: center;
+}
+
+.ns_access_account_container {
+	display: flex;
+	flex-direction: row;
+	border: none;
+	background-color: white;
+	border-radius: 8px;
+	align-items: center;
+	gap: 10px;
+	padding: 0 10px;
+}
+
+.ns_access_account_first_letter_icon {
+	width: 24px;
+	height: 24px;
+	background-color: rgba(5, 130, 210, 1);
+	border-radius: 50%;
+	color: white !important;
+}
+
+.ns_access_account_info {
+	display: flex;
+	flex-direction: column;
+	justify-content: left;
+	align-items: flex-start;
+}

package/dist/components/NSActionMenu.d.ts

@@ -1,4 +1,4 @@
-import { IBaseComponentProps } from '../main';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
 export interface INSActionMenuProps extends IBaseComponentProps {
     id: string;
     menu_item: string;

package/dist/components/NSActionMenu.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
-import { NSButtonBlue } from '../main';
+import { NSButtonBlue } from './NSButtonBlue';
 import Styles from './NSActionMenu.module.css';
 export function NSActionMenu(props) {
     const [state, setState] = useState({
@@ -26,8 +26,8 @@ export function NSActionMenu(props) {
         return _jsx(_Fragment, {});
     if (props.items.length === 1)
         return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]), style: { width: "180px" } });
-    return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
-                                ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
+    return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
+                                ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
                                 `, children: item.menu_item }, item.id)) })] }));
 }
 //# sourceMappingURL=NSActionMenu.js.map

package/dist/components/NSActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSActionMenu.js","sourceRoot":"","sources":["../../src/components/NSActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,UAAU,YAAY,CAAC,KAAoD;IAEhF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB;QACtD,MAAM,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QAEd,SAAS,kBAAkB,CAAC,KAAiB;YAE5C,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACtE;gBACC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5B;QACF,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YAEX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,OAAO,CAAC,IAAwB;QAExC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,KAAC,YAAY,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GACxB,CAAC;IACJ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,aACjD,kBACC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCACnC,SAAS,KAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,IAClC,CAAC,aACF,KAAK,CAAC,IAAI,EACX,cACC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,wEAAwE,EAC5E,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,IACM,EACT,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAEhG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACxB,aAEC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc;kCACR,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;iCAClE,YAEzB,IAAI,CAAC,SAAS,IANV,IAAI,CAAC,EAAE,CAOR,CACL,GAEE,IACA,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSActionMenu.js","sourceRoot":"","sources":["../../src/components/NSActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,UAAU,YAAY,CAAC,KAAoD;IAEhF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB;QACtD,MAAM,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QAEd,SAAS,kBAAkB,CAAC,KAAiB;YAE5C,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACtE;gBACC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5B;QACF,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YAEX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,OAAO,CAAC,IAAwB;QAExC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,KAAC,YAAY,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GACxB,CAAC;IACJ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,aACjD,kBACC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCACnC,SAAS,KAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,IAClC,CAAC,aACF,KAAK,CAAC,IAAI,EACX,cACC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,wEAAwE,EAC5E,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,IACM,EACT,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAEhG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACxB,aAEC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc;kCACR,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;iCAClE,YAEzB,IAAI,CAAC,SAAS,IANV,IAAI,CAAC,EAAE,CAOR,CACL,GAEE,IACA,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSActionMenu.module.css

@@ -1,76 +1,76 @@
-.ns_action_bar {
-	display: flex;
-	flex-direction: column;
-	width: 180px;
-	color: #000;
-	position: relative;
-	max-width: 100%;
-}
-
-.ns_action_bar>button {
-	border-radius: 8px;
-	padding: 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid #000;
-	max-width: 100%;
-	height: max-content !important;
-	background: #fff;
-	cursor: pointer;
-	text-align: start;
-	color: #141B5C;
-	cursor: pointer;
-}
-
-.ns_action_menu_icon {
-	position: absolute;
-	right: 20px;
-	top: 12px;
-	z-index: 1;
-}
-
-.ns_action_item_holder {
-	list-style-type: none;
-	padding: 16px 0;
-	margin: 0;
-	background: #fff;
-	border-radius: 8px;
-	position: absolute;
-	top: 64px;
-	left: 0;
-	width: 100%;
-	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-}
-
-.ns_action_item {
-	height: 40px;
-	display: flex;
-	align-items: center;
-	font-size: 16px;
-	color: #141B5C;
-	padding: 0 16px;
-	cursor: pointer;
-	position: relative;
-	z-index: 11;
-}
-
-.ns_action_item:hover {
-	background-color: #141B5C66;
-}
-
-.ns_active_item {}
-
-.ns_deActive_item {
-	color: #D1D1D1;
-	cursor: not-allowed;
-}
-
-.ns_show {
-	display: block;
-}
-
-.ns_hide {
-	display: none;
+.ns_action_bar {
+	display: flex;
+	flex-direction: column;
+	width: 180px;
+	color: #000;
+	position: relative;
+	max-width: 100%;
+}
+
+.ns_action_bar>button {
+	border-radius: 8px;
+	padding: 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid #000;
+	max-width: 100%;
+	height: max-content !important;
+	background: #fff;
+	cursor: pointer;
+	text-align: start;
+	color: #141B5C;
+	cursor: pointer;
+}
+
+.ns_action_menu_icon {
+	position: absolute;
+	right: 20px;
+	top: 12px;
+	z-index: 1;
+}
+
+.ns_action_item_holder {
+	list-style-type: none;
+	padding: 16px 0;
+	margin: 0;
+	background: #fff;
+	border-radius: 8px;
+	position: absolute;
+	top: 64px;
+	left: 0;
+	width: 100%;
+	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.ns_action_item {
+	height: 40px;
+	display: flex;
+	align-items: center;
+	font-size: 16px;
+	color: #141B5C;
+	padding: 0 16px;
+	cursor: pointer;
+	position: relative;
+	z-index: 11;
+}
+
+.ns_action_item:hover {
+	background-color: #141B5C66;
+}
+
+.ns_active_item {}
+
+.ns_deActive_item {
+	color: #D1D1D1;
+	cursor: not-allowed;
+}
+
+.ns_show {
+	display: block;
+}
+
+.ns_hide {
+	display: none;
 }

package/dist/components/NSAssistantButton.module.css

@@ -1,134 +1,134 @@
-.ns_container {
-    display: flex;
-    flex-direction: column;
-    justify-content: left;
-    align-items: flex-end;
-}
-
-.ns_input_parent {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    color: #141B5C;
-    justify-content: space-between;
-    max-width: 100%;
-}
-
-.ns_input {
-    border-radius: 8px;
-    padding: 10px 48px 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-    border: 1px solid rgba(0, 0, 0, 1) !important;
-    height: 48px;
-    width: 272px
-}
-
-.ns_input li {
-    color: #000 !important
-}
-
-.ns_input_title {
-    font-size: 16px;
-    font-weight: 400;
-    display: flex;
-}
-
-.ns_input_title_group {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_input {
-        max-width: 272px;
-    }
-}
-
-/*Start Input phone*/
-.ns_input_phone_parent input {
-    width: 100% !important;
-    height: 48px !important;
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_input_phone_parent input {
-        width: 272px !important;
-    }
-}
-
-/*End Input phone*/
-
-.ns_btn_box {
-    opacity: 0;
-    visibility: hidden;
-    color: #000;
-    border: none;
-    cursor: pointer;
-    width: max-content;
-    background-color: transparent;
-}
-
-.ns_input_parent:hover .ns_btn_box {
-    opacity: 1;
-    visibility: visible;
-    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
-}
-
-.ns_btn_box img {
-    position: inherit;
-}
-
-.ns_full_screen {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: #0101015c;
-    z-index: 1000;
-    padding: 5%;
-}
-
-.ns_full_screen input {
-    width: 100% !important;
-    max-width: 100%;
-}
-
-.ns_input_modal_full {
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.6);
-    height: 100%;
-    width: 100%;
-    z-index: 15;
-}
-
-.ns_input_modal_full_screen textarea {
-    height: 80%;
-    width: 80%;
-    z-index: 15;
-    position: fixed;
-    top: 10%;
-    left: 10%;
-    text-align: left;
-}
-
-.ns_input_modal_full_screen img {
-    position: fixed;
-    top: 5%;
-    right: 10%;
-    z-index: 20;
-    transition: all 0.3s ease-in-out;
-    cursor: pointer;
-    background-color: white;
-    border-radius: 50%;
-}
-
-.ns_input_modal_full_screen img:hover {
-    scale: 1.2;
-    rotate: 180deg;
-    background-color: red;
+.ns_container {
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+    align-items: flex-end;
+}
+
+.ns_input_parent {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    color: #141B5C;
+    justify-content: space-between;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 48px 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+    border: 1px solid rgba(0, 0, 0, 1) !important;
+    height: 48px;
+    width: 272px
+}
+
+.ns_input li {
+    color: #000 !important
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+    display: flex;
+}
+
+.ns_input_title_group {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+}
+
+@media only screen and (min-width: 380px) {
+    .ns_input {
+        max-width: 272px;
+    }
+}
+
+/*Start Input phone*/
+.ns_input_phone_parent input {
+    width: 100% !important;
+    height: 48px !important;
+}
+
+@media only screen and (min-width: 380px) {
+    .ns_input_phone_parent input {
+        width: 272px !important;
+    }
+}
+
+/*End Input phone*/
+
+.ns_btn_box {
+    opacity: 0;
+    visibility: hidden;
+    color: #000;
+    border: none;
+    cursor: pointer;
+    width: max-content;
+    background-color: transparent;
+}
+
+.ns_input_parent:hover .ns_btn_box {
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
+}
+
+.ns_btn_box img {
+    position: inherit;
+}
+
+.ns_full_screen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #0101015c;
+    z-index: 1000;
+    padding: 5%;
+}
+
+.ns_full_screen input {
+    width: 100% !important;
+    max-width: 100%;
+}
+
+.ns_input_modal_full {
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.6);
+    height: 100%;
+    width: 100%;
+    z-index: 15;
+}
+
+.ns_input_modal_full_screen textarea {
+    height: 80%;
+    width: 80%;
+    z-index: 15;
+    position: fixed;
+    top: 10%;
+    left: 10%;
+    text-align: left;
+}
+
+.ns_input_modal_full_screen img {
+    position: fixed;
+    top: 5%;
+    right: 10%;
+    z-index: 20;
+    transition: all 0.3s ease-in-out;
+    cursor: pointer;
+    background-color: white;
+    border-radius: 50%;
+}
+
+.ns_input_modal_full_screen img:hover {
+    scale: 1.2;
+    rotate: 180deg;
+    background-color: red;
 }

package/dist/components/NSBarAction.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { NSSpace, NSSpaceSizeType } from './NSSpace';
 import Styles from './NSBarAction.module.css';
 import { NSActionMenu } from './NSActionMenu';
-import { NSModal } from './NSModal';
+import { NSInfoDialog } from './NSInfoDialog';
 export function NSBarAction(props) {
     var _a;
     let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
@@ -12,7 +12,8 @@ export function NSBarAction(props) {
     });
     const groups = Object.keys(props.menus);
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_action_bar_holder, children: _jsxs("div", { className: 'container d-flex justify-content-center justify-content-md-between  align-items-center w-100', children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description !== "" &&
-                                    _jsxs("button", { className: Styles.ns_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), _jsx(NSModal, { show: state.show, description: props.description, title: props.title, onClose: () => setState({ show: false }) })] }), _jsx("div", { style: { padding: groups.length !== 0 ? "16px 0" : "0" }, className: Styles.ns_actions_holder, children: groups.map((group, index) => _jsx(NSActionMenu, { name: group, items: props.menus[group] }, index)) })] }) }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
+                                    _jsxs("button", { className: Styles.ns_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), state.show &&
+                                    _jsx(NSInfoDialog, { description: props.description, title: props.title, onClose: () => setState({ show: false }), children: _jsx(_Fragment, {}) })] }), _jsx("div", { style: { padding: groups.length !== 0 ? "16px 0" : "0" }, className: Styles.ns_actions_holder, children: groups.map((group, index) => _jsx(NSActionMenu, { name: group, items: props.menus[group] }, index)) })] }) }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
                         _jsxs(_Fragment, { children: [_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
                                         return (_jsxs(React.Fragment, { children: [line.trim(), index !== lines.length - 1 && _jsx("br", {})] }, index));
                                     }) }), _jsx(NSSpace, { size: NSSpaceSizeType.MINI })] })] })] }));

package/dist/components/NSBarAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,UAAU,WAAW,CAAC,KAAwB;;IAEnD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACN,8BACC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAE1C,eAAK,SAAS,EAAC,8FAA8F,aAC5G,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,KAAK,EAAE;oCACxB,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAEV,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GACvC,IACG,EACN,cACC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EACxD,SAAS,EAAE,MAAM,CAAC,iBAAiB,YAGlC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,KAAK,EAAE,EAAE,CAC1B,KAAC,YAAY,IAAa,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAA7C,KAAK,CAA4C,CACpE,GAEG,IACD,GACD,EAEN,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,CACN,MAAC,KAAK,CAAC,QAAQ,eACb,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAFjB,KAAK,CAGT,CACjB,CAAA;oCACF,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,IACJ,CACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C,MAAM,UAAU,WAAW,CAAC,KAAwB;;IAEnD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACN,8BACC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAE1C,eAAK,SAAS,EAAC,8FAA8F,aAC5G,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,KAAK,EAAE;oCACxB,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAGT,KAAK,CAAC,IAAI;oCACV,KAAC,YAAY,IACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,YAExC,mBAAK,GACS,IAEX,EACN,cACC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EACxD,SAAS,EAAE,MAAM,CAAC,iBAAiB,YAGlC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC3B,KAAC,YAAY,IAAa,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAA7C,KAAK,CAA4C,CACpE,GAEG,IACD,GACD,EAEN,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,CACN,MAAC,KAAK,CAAC,QAAQ,eACb,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAFjB,KAAK,CAGT,CACjB,CAAA;oCACF,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,IACJ,CACH,CAAC;AACH,CAAC"}