@hellocoop/react 3.1.0 → 3.1.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Hellō
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,10 @@
+# React package for Hellō
+
+[Hellō](https://hello.dev) is an identity network that provides login and registration using the standard OpenID Connect protocol. Hellō offers your users choice between all popular social login providers.
+
+This [React](https://react.dev/) package provides:
+- React components for buttons and logged in context
+
+See the [React SDK documentation](https://www.hello.dev/docs/sdks/react) for details.
+
+The [Hellō Next.js Starter](https://github.com/hellocoop/hello-nextjs-starter) is a sample app that uses this package and [npx `@hellocoop/quickstart --nextjs`](https://www.hello.dev/docs/sdks/quickstart#nextjs) to be configured in seconds. Check it out deployed on [Vercel](https://hello-netjs-starter.vercel.app) or [Netlify](https://hello-nextjs-starter.netlify.app).

package/dist/auth.d.ts

@@ -1,4 +1,4 @@
-import type { Auth } from '@hellocoop/types';
+import type { Auth } from '@hellocoop/definitions';
 export type AuthState = {
     auth: Auth | {};
     isLoading: boolean;

package/dist/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../src/auth.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAe5C,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,OAAO,QAAO,SAS1B,CAAA"}
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../src/auth.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAelD,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,OAAO,QAAO,SAS1B,CAAA"}

package/dist/buttons.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { ProviderHint, Scope } from '@hellocoop/types';
-import { Button } from '@hellocoop/constants';
+import type { ProviderHint, Scope } from '@hellocoop/definitions';
+import { Button } from '@hellocoop/definitions';
 interface CommonButtonProps {
     label?: string;
     onClick?: any;
@@ -15,7 +15,7 @@ interface CommonButtonProps {
     promptLogin?: boolean;
     promptConsent?: boolean;
     loginHint?: string;
-    account?: 'personal' | 'managed';
+    domainHint?: string;
 }
 export interface BaseButtonProps extends CommonButtonProps {
     scope?: Scope[] | string;

package/dist/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../src/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAM7C,UAAU,iBAAiB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACnC;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACtD,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACvD,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IACxD,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB;AAwFD,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,qBAErD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAElD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,qBAE3D"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../src/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAM/C,UAAU,iBAAiB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACtD,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACvD,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IACxD,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB;AAwFD,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,qBAErD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAElD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,qBAE3D"}

package/dist/buttons.js

@@ -23,25 +23,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpdateProfileButton = exports.LoginButton = exports.ContinueButton = void 0;
+exports.ContinueButton = ContinueButton;
+exports.LoginButton = LoginButton;
+exports.UpdateProfileButton = UpdateProfileButton;
 const react_1 = __importStar(require("react"));
-const constants_1 = require("@hellocoop/constants");
+const definitions_1 = require("@hellocoop/definitions");
 const provider_1 = require("./provider");
 let checkedForStylesheet = false;
-function BaseButton({ scope, update = false, targetURI, providerHint, label, style, color = "black", theme = "ignore-light", hover = "pop", showLoader = false, disabled = false, promptLogin = false, promptConsent = false, loginHint, account }) {
+function BaseButton({ scope, update = false, targetURI, providerHint, label, style, color = "black", theme = "ignore-light", hover = "pop", showLoader = false, disabled = false, promptLogin = false, promptConsent = false, loginHint, domainHint }) {
     var _a;
     //check if dev has added Hellō stylesheet to pages with Hellō buttons
     if (typeof window != 'undefined' && !checkedForStylesheet) {
         const hasStylesheet = Array.from(document.head.getElementsByTagName('link')).find((element) => {
             var _a;
             return element.getAttribute('rel') === 'stylesheet' &&
-                ((_a = element.getAttribute('href')) === null || _a === void 0 ? void 0 : _a.startsWith(constants_1.Button.STYLES_URL));
+                ((_a = element.getAttribute('href')) === null || _a === void 0 ? void 0 : _a.startsWith(definitions_1.Button.STYLES_URL));
         });
         if (!hasStylesheet)
             console.warn('Could not find Hellō stylesheet. Please add to pages with Hellō buttons. See http://hello.dev/docs/buttons/#stylesheet for more info.');
         checkedForStylesheet = true;
     }
-    const helloBtnClass = (_a = constants_1.Button.CLASS_MAPPING[color]) === null || _a === void 0 ? void 0 : _a[theme];
+    const helloBtnClass = (_a = definitions_1.Button.CLASS_MAPPING[color]) === null || _a === void 0 ? void 0 : _a[theme];
     const [clicked, setClicked] = (0, react_1.useState)(false);
     const loginRoute = new URL(provider_1.routeConfig.login, "https://example.com"); // hack so we can use URL()
     if (scope) {
@@ -55,6 +57,10 @@ function BaseButton({ scope, update = false, targetURI, providerHint, label, sty
     loginRoute.searchParams.set("target_uri", targetURI);
     if (update)
         loginRoute.searchParams.set("prompt", "consent");
+    if (loginHint)
+        loginRoute.searchParams.set("login_hint", loginHint);
+    if (domainHint)
+        loginRoute.searchParams.set("domain_hint", domainHint);
     if (providerHint) {
         if (typeof providerHint == 'string')
             loginRoute.searchParams.set("provider_hint", providerHint);
@@ -70,26 +76,19 @@ function BaseButton({ scope, update = false, targetURI, providerHint, label, sty
     else if (promptConsent) {
         loginRoute.searchParams.set("prompt", "consent");
     }
-    if (loginHint)
-        loginRoute.searchParams.set("login_hint", loginHint);
-    if (account)
-        loginRoute.searchParams.set("account", account);
     const onClickHandler = () => {
         setClicked(true);
         if (typeof window !== 'undefined')
             window.location.href = loginRoute.pathname + loginRoute.search;
     };
-    return (react_1.default.createElement("button", { onClick: onClickHandler, disabled: disabled || clicked, style: style, className: `hello-btn ${helloBtnClass} ${constants_1.Button.HOVER_MAPPING[hover]} ${(showLoader || clicked) ? 'hello-btn-loader' : ''}` }, label));
+    return (react_1.default.createElement("button", { onClick: onClickHandler, disabled: disabled || clicked, style: style, className: `hello-btn ${helloBtnClass} ${definitions_1.Button.HOVER_MAPPING[hover]} ${(showLoader || clicked) ? 'hello-btn-loader' : ''}` }, label));
 }
 function ContinueButton(props) {
     return react_1.default.createElement(BaseButton, { label: "\u014D\u00A0\u00A0\u00A0Continue with Hell\u014D", ...props });
 }
-exports.ContinueButton = ContinueButton;
 function LoginButton(props) {
     return react_1.default.createElement(BaseButton, { label: "\u014D\u00A0\u00A0\u00A0Log in with Hell\u014D", ...props });
 }
-exports.LoginButton = LoginButton;
 function UpdateProfileButton(props) {
     return react_1.default.createElement(BaseButton, { label: "\u014D\u00A0\u00A0\u00A0Update Profile with Hell\u014D", ...props, update: true });
 }
-exports.UpdateProfileButton = UpdateProfileButton;

package/dist/login-status.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoggedOut = exports.LoggedIn = void 0;
+exports.LoggedIn = LoggedIn;
+exports.LoggedOut = LoggedOut;
 const auth_1 = require("./auth");
 const isLoggedIn = () => { var _a; return ((_a = (0, auth_1.useAuth)()) === null || _a === void 0 ? void 0 : _a.isLoggedIn) || false; };
 function LoggedIn({ children }) {
     if (isLoggedIn())
         return children;
 }
-exports.LoggedIn = LoggedIn;
 function LoggedOut({ children }) {
     if (!isLoggedIn())
         return children;
 }
-exports.LoggedOut = LoggedOut;

package/dist/logout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logout.d.ts","sourceRoot":"","sources":["../src/logout.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,WAAW,OAAO,MAAM,EAAE,GAAG,CAAC,WAA4B,CAAA;AAErF,wBAAgB,MAAM,CAAC,MAAM,EAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAEhD"}
+{"version":3,"file":"logout.d.ts","sourceRoot":"","sources":["../src/logout.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,WAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,WAA4B,CAAA;AAErF,wBAAgB,MAAM,CAAC,MAAM,EAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAEhD"}

package/dist/logout.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logOut = exports.getLogOutRoute = void 0;
+exports.getLogOutRoute = void 0;
+exports.logOut = logOut;
 const provider_1 = require("./provider");
 const makeLogoutRoute = (params) => {
     if (!params || !Object.keys(params).length)
@@ -18,4 +19,3 @@ function logOut(params) {
     if (typeof window !== 'undefined')
         window.location.href = makeLogoutRoute(params);
 }
-exports.logOut = logOut;

package/dist/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACjB,CAAA;AACD,eAAO,MAAM,WAAW,EAAE,WAIzB,CAAA;AAKD,QAAA,MAAM,aAAa,+BAAgC,GAAG,sBASrD,CAAA;AAED,QAAA,MAAM,uBAAuB,iBAE5B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACjB,CAAA;AACD,eAAO,MAAM,WAAW,EAAE,WAIzB,CAAA;AAID,QAAA,MAAM,aAAa,+BAAgC,GAAG,sBASrD,CAAA;AAED,QAAA,MAAM,uBAAuB,iBAE5B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hellocoop/react",
-  "version": "3.1.0",
+  "version": "3.1.4",
   "description": "React SDK for Hellō https://hello.dev",
   "repository": {
     "type": "git",
@@ -32,16 +32,14 @@
   },
   "scripts": {
     "watch": "tsc --watch --declaration",
-    "build": "npm run build:clean && npm run build:src",
-    "build:clean": "rimraf dist/",
-    "build:src": "tsc --declaration"
+    "prebuild": "rimraf dist/",
+    "build": "tsc --declaration"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@hellocoop/types": "~1.1.6",
     "@types/react": "^18.2.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -52,7 +50,8 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@hellocoop/constants": "~1.1.6",
+    "@hellocoop/definitions": "^1.0.4",
     "swr": "^2.2.2"
-  }
+  },
+  "gitHead": "b418b4e249a7fe7025d467688e52132848b465a2"
 }