Merge pull request #1109 from rintumerin-aot/feature/FWF-6064-web-initial-onboarding-flow

Feature/fwf 6064 & fwf 6069 web initial onboarding flow

Author: arun-s-aot

forms-flow-admin/src/index.tsx

@@ -74,8 +74,12 @@ const Admin = React.memo(({ props }: any) => {
     if(locale) i18n.changeLanguage(locale);
   },[isAuth])
 
-  React.useEffect(()=>{
-    const restricted = !(isDashboardManager || isRoleManager || isUserManager);
+  React.useEffect(() => {
+    const restricted = 
+    (location === '/admin/dashboard' && !isDashboardManager) ||
+    (location === '/admin/roles' && !isRoleManager) ||
+    (location === '/admin/users' && !isUserManager) ||
+    (!(isDashboardManager ||isRoleManager ||isUserManager));
     setIsAccessRestricted(restricted);
   },[location,userRoles]);
   return (

forms-flow-components/src/components/SvgIcons/index.tsx

@@ -1155,4 +1155,25 @@ export const BackIcon = ({ color, ...props }) => (
       stroke={color}
     />
   </svg>
+);
+
+export const CreatorIcon = ({ color, ...props }) => (
+  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="16" cy="16" r="15.5" stroke={color} strokeOpacity="0.5" />
+    <path d="M18.5986 17.9499C20.1012 17.0648 21 15.5242 21 13.8265C21 12.4999 20.425 11.218 19.4235 10.3085C18.4072 9.38668 17.0776 8.92612 15.6792 9.00966C13.1822 9.16114 11.1748 11.0911 11.0109 13.5012C10.8884 15.3094 11.8076 17.0159 13.4108 17.9534C13.7296 18.1396 13.9281 18.4928 13.9281 18.8732V18.9914C13.427 19.0138 13.0272 19.4126 13.0272 19.901C13.0272 20.2801 13.2686 20.6068 13.6128 20.7447C13.5298 20.8806 13.4777 21.0368 13.4777 21.2053C13.4777 21.708 13.9028 22.1183 14.4236 22.1183H14.8579C14.9747 22.6223 15.4413 23 16.0001 23C16.559 23 17.02 22.6264 17.1403 22.1183H17.5767C18.0975 22.1183 18.5226 21.7093 18.5226 21.2053C18.5226 21.0368 18.4719 20.8799 18.3896 20.7447C18.7316 20.6075 18.973 20.2821 18.973 19.901C18.973 19.4126 18.5733 19.0159 18.0722 18.9935V18.8753C18.0722 18.4962 18.2742 18.143 18.5986 17.9521L18.5986 17.9499ZM13.6903 17.5084C12.2594 16.6721 11.4402 15.1485 11.55 13.5364C11.6956 11.3872 13.4847 9.66504 15.7124 9.53131C16.9595 9.45455 18.1448 9.86689 19.0512 10.6895C19.9577 11.5122 20.4581 12.627 20.4581 13.8266C20.4581 15.3394 19.6579 16.7149 18.3157 17.5042C17.8307 17.7895 17.5302 18.3146 17.5302 18.873V18.9878H16.813V16.9132H17.2184C17.7392 16.9132 18.1643 16.5042 18.1643 16.0002V15.5654C18.1643 15.0614 17.7392 14.6525 17.2184 14.6525C16.6976 14.6525 16.2725 15.0614 16.2725 15.5654V16.3915H15.7249V15.5654C15.7249 15.0614 15.2998 14.6525 14.779 14.6525C14.2582 14.6525 13.8331 15.0614 13.8331 15.5654V16.0002C13.8331 16.5042 14.2582 16.9132 14.779 16.9132H15.1844V18.9878H14.4672V18.8751C14.4672 18.3133 14.1702 17.7902 13.6888 17.5097L13.6903 17.5084ZM15.1859 16.3916H14.7805C14.5574 16.3916 14.3751 16.2157 14.3751 16.0003V15.5656C14.3751 15.3502 14.5574 15.1743 14.7805 15.1743C15.0036 15.1743 15.1859 15.3502 15.1859 15.5656V16.3916ZM15.7264 16.9133H16.274V18.9879H15.7264V16.9133ZM16.8145 16.3916V15.5656C16.8145 15.3502 16.9968 15.1743 17.2199 15.1743C17.443 15.1743 17.6253 15.3502 17.6253 15.5656V16.0003C17.6253 16.2157 17.443 16.3916 17.2199 16.3916H16.8145ZM16.0002 22.4782C15.744 22.4782 15.5244 22.3301 15.4252 22.1181H16.5745C16.4753 22.3301 16.2557 22.4782 15.9995 22.4782H16.0002ZM17.5767 21.5964H14.4237C14.2005 21.5964 14.0183 21.4205 14.0183 21.2051C14.0183 20.9898 14.2005 20.8139 14.4237 20.8139H17.5767C17.7998 20.8139 17.9821 20.9898 17.9821 21.2051C17.9821 21.4205 17.7998 21.5964 17.5767 21.5964ZM18.4326 19.9009C18.4326 20.1162 18.2503 20.2922 18.0272 20.2922H13.9732C13.7501 20.2922 13.5678 20.1162 13.5678 19.9009C13.5678 19.6855 13.7501 19.5096 13.9732 19.5096H14.1189C14.1442 19.5164 14.1696 19.5218 14.1984 19.5218H17.802C17.8287 19.5218 17.8561 19.5164 17.8815 19.5096H18.0272C18.2503 19.5096 18.4326 19.6855 18.4326 19.9009Z" fill="#7C80FE" />
+  </svg>
+);
+
+export const ManagerIcon = ({ color, ...props }) => (
+  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="16" cy="16" r="15.5" stroke={color} />
+    <path fillRule="evenodd" clipRule="evenodd" d="M21.7665 12.0316L15.6337 18.7636C15.3231 19.1044 14.8163 19.1044 14.5058 18.7636L11.7478 15.7362C11.4372 15.3953 11.4372 14.839 11.7478 14.4981L11.9599 14.2653C12.2704 13.9244 12.7773 13.9244 13.0878 14.2653L15.07 16.4411L20.4271 10.5608C20.7376 10.2199 21.2445 10.2199 21.555 10.5608L21.7671 10.7936C22.0776 11.1344 22.0776 11.6908 21.7671 12.0316H21.7665ZM20.6867 14.9393C20.5513 14.9393 20.4418 15.0596 20.4418 15.2081V20.7174C20.4418 21.1277 20.1377 21.4615 19.7639 21.4615L11.1677 21.4621C10.7939 21.4621 10.4898 21.1284 10.4898 20.718V11.2818C10.4898 10.8715 10.7939 10.5377 11.1677 10.5377H19.1322C19.2676 10.5377 19.3772 10.4174 19.3772 10.2688C19.3772 10.1203 19.2676 10 19.1322 10L11.1677 10.0006C10.5238 10.0006 10 10.5756 10 11.2825V20.7182C10 21.425 10.5238 22 11.1677 22H19.7639C20.4078 22 20.9316 21.425 20.9316 20.7182V15.2089C20.9316 15.0604 20.8221 14.9401 20.6867 14.9401L20.6867 14.9393Z" fill="#7C80FE" />
+  </svg>
+);
+
+export const NotsureIcon = ({ color, ...props }) => (
+  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="16" cy="16" r="15.5" stroke={color} />
+    <path d="M2.13035 7.73999L2.08535 5.08499L3.06035 5.02499C3.63035 5.00499 4.10035 4.84499 4.47035 4.54499C4.84035 4.23499 5.02535 3.79999 5.02535 3.23999C5.02535 2.73999 4.85035 2.32999 4.50035 2.00999C4.16035 1.68999 3.71535 1.52999 3.16535 1.52999C2.77535 1.52999 2.43535 1.62499 2.14535 1.81499C1.85535 2.00499 1.65535 2.23999 1.54535 2.51999L0.000351571 2.06999C0.200352 1.44999 0.575352 0.949992 1.12535 0.569992C1.68535 0.189992 2.36535 -7.51019e-06 3.16535 -7.51019e-06C3.84535 -7.51019e-06 4.44535 0.139992 4.96535 0.419992C5.49535 0.689993 5.91035 1.06999 6.21035 1.55999C6.51035 2.03999 6.66035 2.59999 6.66035 3.23999C6.66035 3.77999 6.54035 4.26499 6.30035 4.69499C6.06035 5.12499 5.72035 5.46999 5.28035 5.72999C4.85035 5.98999 4.35035 6.14999 3.78035 6.20999L3.75035 7.73999H2.13035ZM2.94035 10.89C2.64035 10.89 2.38535 10.79 2.17535 10.59C1.97535 10.38 1.87535 10.13 1.87535 9.83999C1.87535 9.53999 1.97535 9.28999 2.17535 9.08999C2.38535 8.87999 2.64035 8.77499 2.94035 8.77499C3.23035 8.77499 3.47535 8.87999 3.67535 9.08999C3.88535 9.28999 3.99035 9.53999 3.99035 9.83999C3.99035 10.13 3.88535 10.38 3.67535 10.59C3.47535 10.79 3.23035 10.89 2.94035 10.89Z" fill="#7C80FE"/>
+ </svg>
 );