@solidstarters/solid-core-ui 1.1.70 → 1.1.72

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@solidstarters/solid-core-ui",
-  "version": "1.1.70",
+  "version": "1.1.72",
   "scripts": {
-    "prebuild": "npm run copy-styles",
+    "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc && tsc-alias",
     "clean": "rm -rf dist",
     "prepare": "npm run build",
-    "copy-styles": "copyfiles -u 1 \"src/resources/**/*\" dist",
+    "copy-resources": "copyfiles -u 1 \"src/resources/**/*\" dist",
+    "copy-styles": "copyfiles -u 1 \"src/**/*\" dist/",
     "publish:patch": "node publish.js patch",
     "publish:minor": "node publish.js minor",
     "publish:major": "node publish.js major"

package/src/components/Svg/RightArrowSvg.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const RightArrowSvg = () => {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+            <path d="M11.6667 11L10.7167 10.0667L12.1167 8.66667H2V7.33333H12.1167L10.7333 5.93333L11.6833 5L14.6667 8L11.6667 11Z" fill="black" fill-opacity="0.45" />
+        </svg>
+    )
+}

package/src/components/auth/AuthLayout.tsx

@@ -44,16 +44,16 @@ export const AuthLayout = ({ children }: { children: React.ReactNode }) => {
         // Fetch settings if not already available
         trigger("");
 
-        const iamAllowPublicRegistration = solidSettingsData?.data?.iamAllowPublicRegistration;
+        const allowPublicRegistration = solidSettingsData?.data?.allowPublicRegistration;
 
-        if (iamAllowPublicRegistration === false) {
+        if (allowPublicRegistration === false) {
             setAllowRegistration(false);
             if (pathname === "/auth/register") {
                 setIsRestricted(true);
             } else {
                 setIsRestricted(false);
             }
-        } else if (iamAllowPublicRegistration === true) {
+        } else if (allowPublicRegistration === true) {
             setAllowRegistration(true);
             setIsRestricted(false);
         }

package/src/components/auth/SolidLogin.tsx

@@ -23,7 +23,7 @@ import Image from "next/image";
 import SolidLogo from '../../resources/images/SS-Logo.png'
 interface AuthTabsProps {
     iamPasswordRegistrationEnabled: boolean;
-    iamPasswordLessRegistrationEnabled: boolean;
+    passwordlessRegistration: boolean;
 }
 const SolidLogin = () => {
     const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
@@ -210,8 +210,8 @@ const SolidLogin = () => {
         )
     }
 
-    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, iamPasswordLessRegistrationEnabled }) => {
-        if (iamPasswordRegistrationEnabled && iamPasswordLessRegistrationEnabled) {
+    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, passwordlessRegistration }) => {
+        if (iamPasswordRegistrationEnabled && passwordlessRegistration) {
             return (
                 <TabView className="solid-auth-tabview">
                     <TabPanel header="With Password">
@@ -224,7 +224,7 @@ const SolidLogin = () => {
             );
         } else if (iamPasswordRegistrationEnabled) {
             return <PasswordLogin />;
-        } else if (iamPasswordLessRegistrationEnabled) {
+        } else if (passwordlessRegistration) {
             return <PasswordLessLogin />;
         } else {
             return <p>No authentication method available</p>;
@@ -251,7 +251,7 @@ const SolidLogin = () => {
                 <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center mt-4' : 'text-left'}`}>Sign In To Your Account</h2>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
 
-                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} iamPasswordLessRegistrationEnabled={solidSettingsData?.data?.iamPasswordLessRegistrationEnabled} />
+                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} passwordlessRegistration={solidSettingsData?.data?.passwordlessRegistration} />
                 {solidSettingsData?.data?.iamGoogleOAuthEnabled &&
                     <>
                         <Divider align="center">
@@ -263,7 +263,7 @@ const SolidLogin = () => {
                     </>
                 }
             </div>
-            {solidSettingsData?.data?.iamAllowPublicRegistration && <div className=" mt-5">
+            {solidSettingsData?.data?.allowPublicRegistration && <div className=" mt-5">
                 <div className="text-sm text-center text-400 secondary-dark-color">
                     Don’t have an account ? <Link className="font-bold" href="/auth/register">Sign Up</Link>
                 </div>

package/src/components/auth/SolidRegister.tsx

@@ -23,7 +23,7 @@ import SolidLogo from '../../resources/images/SS-Logo.png'
 
 interface AuthTabsProps {
     iamPasswordRegistrationEnabled: boolean;
-    iamPasswordLessRegistrationEnabled: boolean;
+    passwordlessRegistration: boolean;
 }
 
 const SolidRegister = () => {
@@ -285,8 +285,8 @@ const SolidRegister = () => {
         )
     }
 
-    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, iamPasswordLessRegistrationEnabled }) => {
-        if (iamPasswordRegistrationEnabled && iamPasswordLessRegistrationEnabled) {
+    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, passwordlessRegistration }) => {
+        if (iamPasswordRegistrationEnabled && passwordlessRegistration) {
             return (
                 <TabView className="solid-auth-tabview">
                     <TabPanel header="With Password">
@@ -299,7 +299,7 @@ const SolidRegister = () => {
             );
         } else if (iamPasswordRegistrationEnabled) {
             return <PasswordSignup />;
-        } else if (iamPasswordLessRegistrationEnabled) {
+        } else if (passwordlessRegistration) {
             return <PasswordLessSignup />;
         } else {
             return <p>No authentication method available</p>;
@@ -324,7 +324,7 @@ const SolidRegister = () => {
                 }
                 <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center mt-4' : 'text-left'}`}>Sign Up</h2>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
-                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} iamPasswordLessRegistrationEnabled={solidSettingsData?.data?.iamPasswordLessRegistrationEnabled} />
+                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} passwordlessRegistration={solidSettingsData?.data?.passwordlessRegistration} />
                 {solidSettingsData?.data?.iamGoogleOAuthEnabled &&
                     <>
                         <Divider align="center">