@sowell/quasar-app-extension-auth 1.8.1 → 1.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",

package/src/assets/Sowell-plus-logo.svg

@@ -0,0 +1,31 @@
+<svg width="262" height="62" viewBox="0 0 262 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.1904 14.2831C20.2764 12.3129 19.0118 10.8249 16.6314 11.9332C14.4103 12.9696 14.9629 14.8064 15.7812 16.5816C16.8014 18.7879 17.7472 21.0249 18.8843 23.621C13.592 23.0054 9.30935 23.7339 5.56863 26.5661C3.78329 27.9104 2.7631 30.1576 3.97458 31.6558C5.18606 33.154 7.53463 33.3284 9.49001 31.7892C10.4252 31.0504 11.5835 30.4552 12.7419 30.1063C16.3019 29.0494 19.4369 29.9524 21.8492 32.6204C24.1872 35.2063 24.6123 38.2437 22.9651 41.3222C21.2648 44.5032 18.3955 45.9706 14.6972 45.7757C10.0426 45.5396 6.88638 42.3688 6.70572 37.5049C6.61008 35.0421 5.82368 33.4926 3.40072 33.6363C0.977756 33.7799 0.191356 36.1504 0.0425772 37.628C-0.159336 39.6393 0.361388 42.1123 1.50911 43.7849C5.69616 49.829 10.2764 55.6165 14.931 61.8144C19.0543 56.6323 22.7632 51.8505 26.5995 47.161C30.7016 42.1636 31.3923 36.8379 28.7674 31.0093C27.4922 28.1669 21.5198 15.0014 21.1904 14.2831ZM27.9917 27.2023C27.9917 27.2023 27.4709 17.0229 27.3009 13.6674C27.0565 8.85472 21.1797 11.0917 22.3487 14.0368C23.1989 16.1507 27.9917 27.2023 27.9917 27.2023Z" fill="#40C4FF"/>
+<path d="M209.305 24.271C209.773 19.9509 208.317 16.3697 205.873 15.5795C203.046 14.6663 199.9 16.5646 197.69 20.8026C193.588 28.6835 192.206 37.1595 192.323 45.8921C192.366 48.8987 189.592 51.9464 186.595 51.9566C184.321 51.9669 182.887 50.1095 183.779 48.1804C184.172 47.3287 184.863 46.6104 185.395 45.81C190.081 38.7911 194.151 31.5054 194.374 22.9165C194.449 20.0022 194.417 16.5339 190.644 15.6103C186.893 14.697 184.863 17.4163 183.152 20.1459C182.77 20.7513 182.461 21.3978 182.153 22.0443C178.636 29.5044 177.169 37.416 177.456 45.5124C177.584 48.95 175.628 50.1198 173.237 51.2999C170.549 52.6236 167.786 53.3624 165.086 50.8792C167.414 49.7299 169.698 48.8782 171.643 47.5544C174.502 45.6047 175.384 41.6541 173.949 38.9963C172.546 36.4104 169.273 35.7332 165.501 36.6977C162.674 37.416 159.666 37.5187 156.191 37.9599C156.84 35.3843 157.35 33.7014 157.658 31.9774C157.966 30.233 158.2 28.4577 158.232 26.6928C158.327 22.0545 156.5 19.3866 153.046 18.8735C148.859 18.2475 145.203 20.659 144.055 24.9996C142.493 30.8795 143.694 36.0205 149.093 40.0738C147.807 42.1877 146.744 44.322 145.299 46.1896C143.588 48.4061 141.941 51.5667 138.497 50.6637C135.012 49.7607 135.065 46.282 135.118 43.5011C135.246 36.6567 135.777 29.8225 135.926 22.9883C135.947 21.8698 135.49 19.3352 132.578 19.3866C129.666 19.4379 129.422 23.3167 129.188 24.1069C127.127 30.8897 125.352 37.7855 122.812 44.3939C121.855 46.8874 118.774 50.6945 117.18 50.4687C113.545 49.9659 113.683 45.7792 113.726 42.8239C113.811 36.3386 114.47 29.8636 114.608 23.368C114.629 22.1059 114.034 19.602 111.664 19.602C108.667 19.602 107.934 22.3111 107.87 23.2449C107.456 29.1247 107.095 36.9748 106.691 43.0804C104.65 44.3836 102.578 44.5273 100.485 44.5375C100.591 38.5756 97.0733 36.5951 93.6301 36.2052C90.0382 35.805 87.0945 37.1082 84.9478 39.8583C82.6099 42.8547 81.9298 46.2717 82.6843 49.9351C83.3857 53.3419 85.2773 55.856 88.9223 56.6359C92.7693 57.4568 96.4569 56.4409 98.1253 53.0546C98.9755 51.3409 99.9319 48.5498 99.9319 48.5498C99.9319 48.5498 102.472 48.9397 104.884 48.2625C106.329 47.852 107.658 47.0516 107.658 47.0516C107.658 47.0516 108.38 49.5759 108.784 50.6842C111.43 57.857 117.467 59.0371 122.876 53.3932C123.949 52.2747 124.874 50.992 125.671 49.6683C126.829 47.7391 127.817 45.7074 129.05 43.378C129.656 46.0562 130.006 48.2933 130.676 50.4277C132.812 57.231 138.125 59.0884 143.853 54.5733C147.095 52.0079 149.996 48.6935 152.058 45.184C153.928 42.0029 155.777 41.2744 159.146 42.711C158.211 47.2466 157.339 52.1413 162.164 55.1274C168.072 58.7908 173.652 56.6256 178.753 53.0136C183.29 58.2469 186.393 58.2572 193.652 53.1777C197.658 57.1284 201.739 57.9801 205.246 55.5174C207.222 54.1218 208.189 52.4389 206.362 50.1095C205.809 50.3045 205.32 50.3866 204.938 50.6226C203.12 51.7617 201.208 52.8699 199.305 51.0331C197.169 48.9603 199.263 47.38 200.336 45.7792C204.778 39.1605 208.434 32.2545 209.305 24.271ZM93.1519 51.4333C92.5674 51.9977 90.2295 51.8027 89.4643 51.1254C86.5313 48.5395 88.1784 42.5468 91.6641 41.2436C91.324 43.2549 91.9192 45.3072 94.6397 46.8977C95.171 48.4369 94.119 50.4995 93.1519 51.4333ZM151.356 35.6819C147.7 32.3263 147.87 29.176 148.604 26.0771C148.806 25.2254 149.581 23.6656 151.016 23.9221C152.461 24.1787 152.642 25.5845 152.599 26.3644C152.429 29.2171 151.877 32.039 151.356 35.6819ZM164.247 42.8752C164.959 41.0281 167.414 39.612 169.125 40.4021C170.835 41.1923 169.55 43.6961 168.242 44.9788C166.935 46.2615 163.832 47.5647 163.832 47.5647C163.832 47.5647 163.365 45.1635 164.247 42.8752ZM188.785 19.9715C192.578 20.0125 187.371 34.5839 183.429 41.1718C183.715 33.7527 185.766 19.9304 188.785 19.9715ZM198.264 41.2231C197.339 37.3442 200.612 19.9612 203.63 20.0125C206.649 20.0536 202.238 34.6147 198.264 41.2231ZM70.3888 56.2972C75.7023 55.0146 78.7629 51.8232 79.1561 47.4621C79.5706 42.9367 77.6258 40.1148 72.3017 37.7034C69.4217 36.4002 66.4249 35.3124 63.5981 33.9066C60.8457 32.5418 59.7193 30.274 60.9307 27.3803C61.9828 24.8559 66.6906 23.6246 70.8033 24.4147C74.1189 25.0509 75.1285 26.8467 74.8947 30.0072C74.8096 31.0949 76.2655 32.2853 77.0307 33.4243C78.2315 32.5008 80.1125 31.7825 80.5057 30.6024C82.0254 26.0258 79.8894 21.8698 75.0116 20.5461C71.8022 19.6739 68.2209 19.5097 64.884 19.7868C59.0179 20.2793 54.969 23.8914 54.2038 28.5193C53.3749 33.4448 55.7766 36.9851 61.8022 39.6531C64.5864 40.8844 67.477 41.9209 70.1763 43.2959C72.663 44.5683 73.6194 46.6925 72.2698 49.2681C70.9095 51.8745 65.6916 52.8596 60.7607 51.8437C57.3069 51.1357 56.6906 49.145 56.8818 46.1178C56.9456 45.1738 55.5322 43.3677 54.6927 43.3164C53.6087 43.2446 51.8765 44.2605 51.3664 45.2558C49.6555 48.6114 51.3452 53.3624 54.969 54.994C57.6789 56.2151 60.7607 56.6872 63.0243 57.3234C66.0423 56.9232 68.2634 56.8103 70.3888 56.2972Z" fill="#40C4FF"/>
+<rect x="215.388" y="7.31445" width="34.3891" height="34.3891" rx="17.1945" fill="#FFBD3D" stroke="url(#paint0_linear_6791_41964)" stroke-width="3"/>
+<mask id="mask0_6791_41964" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="216" y="8" width="33" height="33">
+<rect x="216.888" y="8.81445" width="31.3891" height="31.3891" rx="15.6945" fill="#FFBD3D"/>
+</mask>
+<g mask="url(#mask0_6791_41964)">
+<path d="M232.059 8.29102H249.323V40.7262H232.059L232.059 8.29102Z" fill="#E4A221"/>
+</g>
+<g filter="url(#filter0_d_6791_41964)">
+<path d="M232.505 13C234.321 13.0002 235.793 14.4723 235.793 16.2881V21.2217H240.804C242.62 21.2217 244.092 22.6937 244.092 24.5098C244.092 26.3259 242.62 27.7988 240.804 27.7988H235.793V32.7305C235.793 34.5464 234.321 36.0183 232.505 36.0186C230.689 36.0186 229.216 34.5466 229.216 32.7305V27.7988H224.362C222.546 27.7986 221.074 26.3258 221.074 24.5098C221.074 22.6939 222.546 21.2219 224.362 21.2217H229.216V16.2881C229.216 14.4721 230.689 13 232.505 13Z" fill="white" shape-rendering="crispEdges"/>
+<path d="M232.505 13L232.506 11H232.505V13ZM235.793 16.2881H237.793V16.2879L235.793 16.2881ZM235.793 21.2217H233.793V23.2217H235.793V21.2217ZM240.804 21.2217L240.804 19.2217H240.804V21.2217ZM244.092 24.5098H246.092V24.5097L244.092 24.5098ZM240.804 27.7988V29.7988H240.804L240.804 27.7988ZM235.793 27.7988V25.7988H233.793V27.7988H235.793ZM235.793 32.7305L237.793 32.7305V32.7305H235.793ZM232.505 36.0186V38.0186H232.506L232.505 36.0186ZM229.216 32.7305H227.216V32.7305L229.216 32.7305ZM229.216 27.7988H231.216V25.7988H229.216V27.7988ZM224.362 27.7988L224.362 29.7988H224.362V27.7988ZM221.074 24.5098L219.074 24.5097V24.5098H221.074ZM224.362 21.2217V19.2217H224.362L224.362 21.2217ZM229.216 21.2217V23.2217H231.216V21.2217H229.216ZM229.216 16.2881L227.216 16.2879V16.2881H229.216ZM232.505 13L232.505 15C233.217 15.0001 233.793 15.5769 233.793 16.2883L235.793 16.2881L237.793 16.2879C237.793 13.3676 235.426 11.0004 232.506 11L232.505 13ZM235.793 16.2881H233.793V21.2217H235.793H237.793V16.2881H235.793ZM235.793 21.2217V23.2217H240.804V21.2217V19.2217H235.793V21.2217ZM240.804 21.2217L240.804 23.2217C241.516 23.2217 242.092 23.7983 242.092 24.5099L244.092 24.5098L246.092 24.5097C246.092 21.5892 243.725 19.2217 240.804 19.2217L240.804 21.2217ZM244.092 24.5098H242.092C242.092 25.222 241.515 25.7988 240.804 25.7988L240.804 27.7988L240.804 29.7988C243.726 29.7988 246.092 27.4297 246.092 24.5098H244.092ZM240.804 27.7988V25.7988H235.793V27.7988V29.7988H240.804V27.7988ZM235.793 27.7988H233.793V32.7305H235.793H237.793V27.7988H235.793ZM235.793 32.7305L233.793 32.7304C233.793 33.4416 233.217 34.0185 232.505 34.0186L232.505 36.0186L232.506 38.0186C235.426 38.0182 237.793 35.6512 237.793 32.7305L235.793 32.7305ZM232.505 36.0186V34.0186C231.793 34.0186 231.216 33.4413 231.216 32.7304L229.216 32.7305L227.216 32.7305C227.216 35.6519 229.585 38.0186 232.505 38.0186V36.0186ZM229.216 32.7305H231.216V27.7988H229.216H227.216V32.7305H229.216ZM229.216 27.7988V25.7988H224.362V27.7988V29.7988H229.216V27.7988ZM224.362 27.7988L224.362 25.7988C223.651 25.7987 223.074 25.2217 223.074 24.5098H221.074H219.074C219.074 27.4298 221.441 29.7985 224.362 29.7988L224.362 27.7988ZM221.074 24.5098L223.074 24.5099C223.074 23.7986 223.65 23.2218 224.362 23.2217L224.362 21.2217L224.362 19.2217C221.441 19.222 219.074 21.5891 219.074 24.5097L221.074 24.5098ZM224.362 21.2217V23.2217H229.216V21.2217V19.2217H224.362V21.2217ZM229.216 21.2217H231.216V16.2881H229.216H227.216V21.2217H229.216ZM229.216 16.2881L231.216 16.2883C231.216 15.5773 231.793 15 232.505 15V13V11C229.585 11 227.217 13.3669 227.216 16.2879L229.216 16.2881Z" fill="#1261D7" style="mix-blend-mode:overlay"/>
+</g>
+<defs>
+<filter id="filter0_d_6791_41964" x="204.074" y="0" width="57.0186" height="57.0186" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6791_41964"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6791_41964" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_6791_41964" x1="250.893" y1="22.9395" x2="214.534" y2="24.509" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F6F629"/>
+</linearGradient>
+</defs>
+</svg>

package/src/components/pages/AdminAuth.vue

@@ -63,6 +63,20 @@
                 />
               </div>
             </q-form>
+            <div v-if="isMagicLinkEnabled" class="first-login-block">
+              <div class="first-login-question">
+                {{ $t("auth.firstConnectionQuestion") }}
+              </div>
+              <q-btn
+                outline
+                no-caps
+                class="full-width first-login-button"
+                data-cy="activate-account"
+                data-testid="activate-account-btn"
+                @click="goToFirstLogin">
+                {{ $t("auth.activateAccount") }}
+              </q-btn>
+            </div>
           </div>
         </div>
       </div>
@@ -151,7 +165,9 @@ export default defineComponent({
       goToOtpValidation,
       onSubmit,
       retypeEmail,
-      isSubmitBtnDisabled
+      isSubmitBtnDisabled,
+      isMagicLinkEnabled,
+      goToFirstLogin
     } = useAuth()
 
     const handleSubmit = () => {
@@ -231,7 +247,9 @@ export default defineComponent({
       goToOtpValidation,
       resetPassword,
       retypeEmail,
-      handleSubmit
+      handleSubmit,
+      isMagicLinkEnabled,
+      goToFirstLogin
     }
   }
 })
@@ -271,4 +289,25 @@ export default defineComponent({
     display: none;
   }
 }
+
+.first-login-block {
+  margin-top: 32px;
+}
+
+.first-login-question {
+  font-size: 15px;
+  font-weight: 500;
+  color: #001d3d;
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.first-login-button {
+  height: 65px;
+  border-radius: 10px;
+  border-color: #40c4ff;
+  color: #40c4ff;
+  font-size: 16px;
+  font-weight: 600;
+}
 </style>

package/src/components/pages/Auth.vue

@@ -119,6 +119,20 @@
               outline />
           </div>
         </q-form>
+        <div v-if="isMagicLinkEnabled" class="first-login-block">
+          <div class="first-login-question">
+            {{ $t("auth.firstConnectionQuestion") }}
+          </div>
+          <q-btn
+            outline
+            no-caps
+            class="full-width first-login-button"
+            data-cy="activate-account"
+            data-testid="activate-account-btn"
+            @click="goToFirstLogin">
+            {{ $t("auth.activateAccount") }}
+          </q-btn>
+        </div>
       </div>
       <div>
         <q-dialog
@@ -185,7 +199,9 @@ export default defineComponent({
       onSubmit,
       retypeEmail,
       isSubmitBtnDisabled,
-      msalAuth
+      msalAuth,
+      isMagicLinkEnabled,
+      goToFirstLogin
     } = useAuth()
 
     const appVersion = reactive({
@@ -238,7 +254,9 @@ export default defineComponent({
       retypeEmail,
       msalAuth,
       handleSubmit,
-      resetPassword
+      resetPassword,
+      isMagicLinkEnabled,
+      goToFirstLogin
     }
   }
 })
@@ -248,4 +266,25 @@ export default defineComponent({
 .footer {
   background: transparent;
 }
+
+.first-login-block {
+  margin-top: 32px;
+}
+
+.first-login-question {
+  font-size: 15px;
+  font-weight: 500;
+  color: #001d3d;
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.first-login-button {
+  height: 65px;
+  border-radius: 10px;
+  border-color: #40c4ff;
+  color: #40c4ff;
+  font-size: 16px;
+  font-weight: 600;
+}
 </style>

package/src/components/pages/WebAuth.vue

@@ -104,6 +104,20 @@
                 </div>
               </div>
             </q-form>
+            <div v-if="isMagicLinkEnabled" class="first-login-block">
+              <div class="first-login-question">
+                {{ $t("auth.firstConnectionQuestion") }}
+              </div>
+              <q-btn
+                outline
+                no-caps
+                class="full-width first-login-button"
+                data-cy="activate-account"
+                data-testid="activate-account-btn"
+                @click="goToFirstLogin">
+                {{ $t("auth.activateAccount") }}
+              </q-btn>
+            </div>
           </div>
         </div>
       </div>
@@ -197,7 +211,9 @@ export default defineComponent({
       onSubmit,
       retypeEmail,
       isSubmitBtnDisabled,
-      msalAuth
+      msalAuth,
+      isMagicLinkEnabled,
+      goToFirstLogin
     } = useAuth()
 
     const IS_MANAGER = [
@@ -306,7 +322,9 @@ export default defineComponent({
       msalAuth,
       handleInfoDialog,
       resetPassword,
-      handleSubmit
+      handleSubmit,
+      isMagicLinkEnabled,
+      goToFirstLogin
     }
   }
 })
@@ -354,4 +372,25 @@ export default defineComponent({
     margin-bottom: 20px !important;
 }
 }
+
+.first-login-block {
+  margin-top: 32px;
+}
+
+.first-login-question {
+  font-size: 15px;
+  font-weight: 500;
+  color: #001d3d;
+  margin-top: 25px;
+  margin-bottom: 25px;
+}
+
+.first-login-button {
+  height: 65px;
+  border-radius: 10px;
+  border-color: #40c4ff;
+  color: #40c4ff;
+  font-size: 16px;
+  font-weight: 600;
+}
 </style>