@qratilabs/qrati-connect 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# [2.1.0](https://github.com/qrati-labs/qrati-connect-js/compare/v2.0.0...v2.1.0) (2025-10-30)
+
+### Features
+
+- **Button:** update outlined variant class for better color contrast ([9f8cdb7](https://github.com/qrati-labs/qrati-connect-js/commit/9f8cdb7b1ca7448f0e3f862324079613eb5e69bc))
+
 # [2.0.0](https://github.com/qrati-labs/qrati-connect-js/compare/v1.46.2...v2.0.0) (2025-10-30)
 
 ### Features

package/README.md

@@ -1,15 +1,14 @@
-
 ![Logo](https://qrati.com/images/qrati-connect-banner.jpg)
 
 Qrati Connect is a React component library designed to seamlessly integrate Qrati's interactive features into your web applications to enhance user engagement and interaction.
 
 # Features
 
-*   **Interactive Media Gallery :** Integrate Qrati's powerful interactive media gallery into your own site without a hassle. 
-*   **Media Upload :** Users can directly upload content from your host site.
-*   **Reaction :** Engage your users with a completely customizable set of emojis.
-*   **Curation :** Want to host a photo contest? Our curation feature can be a one stop solution for that.
-*   **Leaderboard :** Gamify your contest with a precise and fun leaderboard.
+- **Interactive Media Gallery :** Integrate Qrati's powerful interactive media gallery into your own site without a hassle.
+- **Media Upload :** Users can directly upload content from your host site.
+- **Reaction :** Engage your users with a completely customizable set of emojis.
+- **Curation :** Want to host a photo contest? Our curation feature can be a one stop solution for that.
+- **Leaderboard :** Gamify your contest with a precise and fun leaderboard.
 
 # Installation (React Component)
 
@@ -33,7 +32,7 @@ import '@qratilabs/qrati-connect/styles.css'
 
 const Page = () => {
     return (
-        <QratiConnect 
+        <QratiConnect
             organizationId=<org_id>
         />
     );
@@ -41,21 +40,22 @@ const Page = () => {
 
 export default Page;
 ```
+
 **Note**: Add 'use client' directive if you are using any React frameworks which supports Server Side Rendering (SSR) like Next.js.
 
 # Available props
 
-*   **router :** Custom router configuration for internal navigation ('memory or 'hash').
-*   **organizationId :** Unique identifier for your organization inside Qrati.
-*   **fontClassName :** Classes to control custom font for the component.
-*   **textClassName :** Classes to apply any additional styling to texts inside the component.
-*   **emptyStateImage :** Link or path to image which will be shown for any empty state in the component.
-*   **curateLabel :** Label to show in place of 'Curate' in header for contest type events.
-*   **leaderboardLabel :** Label to show in place of 'Leaders' in header for contest type events.
-*   **uid :** User id for your application user (applicable for custom auth only).
-*   **fname :** First name for your application user (applicable for custom auth only).
-*   **lname :** Last name for your application user (applicable for custom auth only).
-*   **loginUrl :** The page url inside your web app where we should redirect when authentication is required for user intended action (applicable for custom auth only).
+- **router :** Custom router configuration for internal navigation ('memory or 'hash').
+- **organizationId :** Unique identifier for your organization inside Qrati.
+- **fontClassName :** Classes to control custom font for the component.
+- **textClassName :** Classes to apply any additional styling to texts inside the component.
+- **emptyStateImage :** Link or path to image which will be shown for any empty state in the component.
+- **curateLabel :** Label to show in place of 'Curate' in header for contest type events.
+- **leaderboardLabel :** Label to show in place of 'Leaders' in header for contest type events.
+- **uid :** User id for your application user (applicable for custom auth only).
+- **fname :** First name for your application user (applicable for custom auth only).
+- **lname :** Last name for your application user (applicable for custom auth only).
+- **loginUrl :** The page url inside your web app where we should redirect when authentication is required for user intended action (applicable for custom auth only).
 
 # Qrati Connect Element (Web Component)
 
@@ -70,7 +70,6 @@ Add the following script and stylesheet tags to your HTML:
 <script type="module" src="https://cdn.jsdelivr.net/npm/@qratilabs/qrati-connect/element/web.es.js"></script>
 <!-- Import the styles -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@qratilabs/qrati-connect/element/styles.css" />
-
 ```
 
 ## Usage
@@ -78,10 +77,7 @@ Add the following script and stylesheet tags to your HTML:
 Once imported, you can use the custom element tag `<qrati-connect>` in your HTML:
 
 ```html
-<qrati-connect
-  router='hash'
-  organization-id="your-organization-id"
-/>
+<qrati-connect router="hash" organization-id="your-organization-id" />
 ```
 
 Note: When using the Web Component version, props are passed as HTML attributes with kebab-case naming (e.g., `organization-id` instead of `organizationId`).

package/element/{AuthLayout-3MSZD8ro.js → AuthLayout-CyO9f3yS.js}

@@ -1 +1 @@
-import{e as a,u as s,j as c,S as e,N as r,h as t,c as q,P as i,T as l,a8 as d,a9 as n}from"./index-DH-JBzym.js";const o=()=>{const o=a(),{initializing:m,organization:x,user:h}=s();return m?c.jsxs("div",{className:"qc:mx-auto qc:max-w-lg qc:space-y-8 qc:py-8",children:[c.jsx(e,{className:"qc:h-8"}),c.jsx(e,{className:"qc:h-8"}),c.jsx(e,{className:"qc:h-8"}),c.jsx(e,{className:"qc:h-8"})]}):!x||x?.customAuth?null:h?c.jsx(r,{replace:!0,to:o?.state?.referrer||"/"}):c.jsxs("div",{className:"qc:bg-background qc:mx-auto qc:mt-24 qc:min-h-[80vh] qc:max-w-md",children:[c.jsxs("div",{className:"qc:my-8 qc:flex qc:w-full qc:justify-around",children:[c.jsx(t,{to:i.LOGIN,state:o?.state,className:q(o.pathname===i.LOGIN?"qc:border-primary":"qc:border-border","qc:flex-1 qc:border-2 qc:border-x-0 qc:border-t-0 qc:pb-2"),children:c.jsx(l,{variant:"h5",align:"center",children:"Login"})}),c.jsx(t,{to:i.REGISTER,state:o?.state,className:q(o.pathname===i.REGISTER?"qc:border-primary":"qc:border-border","qc:flex-1 qc:border-2 qc:border-x-0 qc:border-t-0 qc:pb-2"),children:c.jsx(l,{variant:"h5",align:"center",children:"Register"})})]}),c.jsx(d,{}),c.jsx("div",{className:"qc:mt-12",children:c.jsx(n,{})})]})};export{o as default};
+import{e as a,u as s,j as c,S as e,N as r,h as t,c as q,P as i,T as l,a8 as d,a9 as n}from"./index-eZDSy_OJ.js";const o=()=>{const o=a(),{initializing:m,organization:x,user:h}=s();return m?c.jsxs("div",{className:"qc:mx-auto qc:max-w-lg qc:space-y-8 qc:py-8",children:[c.jsx(e,{className:"qc:h-8"}),c.jsx(e,{className:"qc:h-8"}),c.jsx(e,{className:"qc:h-8"}),c.jsx(e,{className:"qc:h-8"})]}):!x||x?.customAuth?null:h?c.jsx(r,{replace:!0,to:o?.state?.referrer||"/"}):c.jsxs("div",{className:"qc:bg-background qc:mx-auto qc:mt-24 qc:min-h-[80vh] qc:max-w-md",children:[c.jsxs("div",{className:"qc:my-8 qc:flex qc:w-full qc:justify-around",children:[c.jsx(t,{to:i.LOGIN,state:o?.state,className:q(o.pathname===i.LOGIN?"qc:border-primary":"qc:border-border","qc:flex-1 qc:border-2 qc:border-x-0 qc:border-t-0 qc:pb-2"),children:c.jsx(l,{variant:"h5",align:"center",children:"Login"})}),c.jsx(t,{to:i.REGISTER,state:o?.state,className:q(o.pathname===i.REGISTER?"qc:border-primary":"qc:border-border","qc:flex-1 qc:border-2 qc:border-x-0 qc:border-t-0 qc:pb-2"),children:c.jsx(l,{variant:"h5",align:"center",children:"Register"})})]}),c.jsx(d,{}),c.jsx("div",{className:"qc:mt-12",children:c.jsx(n,{})})]})};export{o as default};