@qratilabs/qrati-connect 1.14.1 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +40 -1
  3. package/element/{C_PLqX0-.js → BEbMre38.js} +1 -1
  4. package/element/{CLRDP4Hd.js → BGXPmeqN.js} +2 -2
  5. package/element/{B43q2YHA.js → BNT_djvv.js} +1 -1
  6. package/element/{CM8n1B-j.js → BeLfA8It.js} +1 -1
  7. package/element/Bs-1YU4z.js +1 -0
  8. package/element/{DisbETMD.js → BuCCBRes.js} +1 -1
  9. package/element/{BlcNk16b.js → CF8NC-BL.js} +1 -1
  10. package/element/{DrtL7NVN.js → CMjPQUNc.js} +1 -1
  11. package/element/{BSwRiCsT.js → CR309DiO.js} +1 -1
  12. package/element/{C3H1slfF.js → CaeKDtna.js} +1 -1
  13. package/element/{D5zaDn4j.js → CiOfnyYR.js} +1 -1
  14. package/element/{CJ4e5_hc.js → CrE4j9y6.js} +1 -1
  15. package/element/{pP1rScmJ.js → DJHZz1P5.js} +1 -1
  16. package/element/{Ac6WRRUg.js → DRNBeTh8.js} +1 -1
  17. package/element/DewLJCUC.js +1192 -0
  18. package/element/DqXVxTid.js +15 -0
  19. package/element/{BpI5DUyt.js → NBwrt_4o.js} +2 -2
  20. package/element/{ClsBZJuU.js → OkOw-tbW.js} +1 -1
  21. package/{react/Cf3yOQWN.js → element/eKCindk5.js} +1 -1
  22. package/element/element.es.js +1 -2
  23. package/element/styles.css +1 -0
  24. package/element/{CdjhDaOZ.js → uCSHGWHf.js} +1 -1
  25. package/element/web.es.js +1 -1
  26. package/element/{BAwayOLj.js → x59KzHY5.js} +100 -100
  27. package/package.json +4 -3
  28. package/react/{DuBc_aQs.js → 8MACsDOW.js} +1 -1
  29. package/react/{D9GmTAPc.js → B0BmmZ2O.js} +1 -1
  30. package/react/BE5G0oMq.js +1200 -0
  31. package/{element/h7wvf8Mu.js → react/BYHiYspU.js} +1 -1
  32. package/react/{Cr_juNVQ.js → BlqNAolt.js} +1 -1
  33. package/react/{CQjURxoE.js → ByqoRKxG.js} +1 -1
  34. package/react/{vq_cMxWZ.js → CCeCUu8e.js} +2 -2
  35. package/react/{CgYo7m8-.js → CGsOqrV7.js} +1 -1
  36. package/react/{CLt6e2-z.js → CTfez6qv.js} +1 -1
  37. package/react/{BKNnl04Q.js → CXjvy_Cg.js} +1 -1
  38. package/react/{B3Xax3np.js → CdKcUfcM.js} +1 -1
  39. package/react/CeW4BrR6.js +15 -0
  40. package/react/{jfunzphJ.js → CjNwOTMl.js} +1 -1
  41. package/react/{jbXQwgRo.js → CrZGqb6e.js} +16 -16
  42. package/react/{DtkOiwof.js → CxNVvRuW.js} +1 -1
  43. package/react/{Bgmuma1z.js → D3njDxdE.js} +2 -2
  44. package/react/{BCEliDGw.js → D933-b-E.js} +1 -1
  45. package/react/{DhM6oCEO.js → NzroFbiA.js} +1 -1
  46. package/react/{DJhARC2J.js → bFy7yDoq.js} +1 -1
  47. package/react/index.es.js +1 -1
  48. package/react/{BldBo_Es.js → nLGRNTSo.js} +1 -1
  49. package/react/{BG5caCNx.js → ypHN0YhH.js} +1 -1
  50. package/umd/web.umd.js +257 -257
  51. package/element/CREkVoCk.js +0 -1192
  52. package/element/DIg_4_1I.js +0 -15
  53. package/element/I_zfBhgX.js +0 -1
  54. package/react/BJmJOVl7.js +0 -1200
  55. package/react/Sf5prYiI.js +0 -15
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [1.14.2](https://github.com/qrati-labs/qrati-connect-js/compare/v1.14.1...v1.14.2) (2025-04-07)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * add styles.css export and update cssFileName in Vite config ([5d582dc](https://github.com/qrati-labs/qrati-connect-js/commit/5d582dc6f2498a8e79004f8d85e874974b9916d0))
7
+
8
+ ## [1.14.1](https://github.com/qrati-labs/qrati-connect-js/compare/v1.14.0...v1.14.1) (2025-04-07)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * comment out unused PhotoSwipeCaption import and initialization ([bac4c56](https://github.com/qrati-labs/qrati-connect-js/commit/bac4c56e1d80c5d2c60b0abf54e22c6d5638d419))
14
+
1
15
  # [1.14.0](https://github.com/qrati-labs/qrati-connect-js/compare/v1.13.1...v1.14.0) (2025-04-07)
2
16
 
3
17
 
package/README.md CHANGED
@@ -10,7 +10,8 @@ Qrati Connect is a React component library designed to seamlessly integrate Qrat
10
10
  * **Reaction :** Engage your users with a completely customizable set of emojis.
11
11
  * **Curation :** Want to host a photo contest? Our curation feature can be a one stop solution for that.
12
12
  * **Leaderboard :** Gamify your contest with a precise and fun leaderboard.
13
- # Installation
13
+
14
+ # Installation (React Component)
14
15
 
15
16
  Install `qrati-connect` using npm, yarn, pnpm or bun:
16
17
 
@@ -54,4 +55,42 @@ export default Page;
54
55
  * **fname :** First name for your application user if you are using custom auth.
55
56
  * **lname :** Last name for your application user if you are using custom auth.
56
57
  * **loginUrl :** The page url inside your web app where we should redirect when authentication is required for user intended action.
58
+ * **router :** Custom router configuration for internal navigation.
59
+
60
+ # Qrati Connect Element (Web Component)
61
+
62
+ Qrati Connect is also available as a Web Component (Custom Element) that you can use directly in your HTML without React. This is useful for non-React applications or when you want to embed Qrati Connect in static HTML pages.
63
+
64
+ ## Installation via CDN (jsDelivr)
65
+
66
+ Add the following script and stylesheet tags to your HTML:
67
+
68
+ ```html
69
+ <!-- Import the Web Component -->
70
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@qratilabs/qrati-connect/element/web.es.js"></script>
71
+ <!-- Import the styles -->
72
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@qratilabs/qrati-connect/element/styles.css" />
73
+
74
+ ```
75
+
76
+ ## Usage
77
+
78
+ Once imported, you can use the custom element tag `<qrati-connect>` in your HTML:
79
+
80
+ ```html
81
+ <qrati-connect
82
+ organization-id="your-organization-id"
83
+ font-class-name="your-custom-font-class"
84
+ text-class-name="your-text-class"
85
+ curate-label="Contest"
86
+ leaderboard-label="Leaders"
87
+ empty-state-image="https://example.com/empty-state.png"
88
+ uid="user-id"
89
+ fname="John"
90
+ lname="Doe"
91
+ login-url="https://yourapp.com/login"
92
+ ></qrati-connect>
93
+ ```
94
+
95
+ Note: When using the Web Component version, props are passed as HTML attributes with kebab-case naming (e.g., `organization-id` instead of `organizationId`).
57
96