@looker/extension-utils 0.1.22 → 0.1.23

package/CHANGELOG.md

@@ -7,6 +7,14 @@
     * @looker/extension-sdk bumped from ^23.0.0 to ^23.2.0
     * @looker/extension-sdk-react bumped from ^23.0.0 to ^23.2.0
 
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/extension-sdk bumped from ^23.4.0 to ^23.6.0
+    * @looker/extension-sdk-react bumped from ^23.4.0 to ^23.6.0
+    * @looker/sdk bumped from ^23.4.0 to ^23.6.0
+
 ## [0.1.22](https://github.com/looker-open-source/sdk-codegen/compare/extension-utils-v0.1.21...extension-utils-v0.1.22) (2023-03-31)
 
 

package/lib/OAuthConfigForm/OAuthConfigForm.js

@@ -14,23 +14,15 @@ var _Collapser = require("./Collapser");
 var _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 var readyToLogin = 'OAuth is configured but your browser session is not authenticated. Click Login.';
 exports.readyToLogin = readyToLogin;
-var POSITIVE = 'positive';
-var defaultFieldValues = {
-  baseUrl: '',
-  fetchedUrl: '',
-  webUrl: '',
-  fetchResult: '',
-  fetchIntent: POSITIVE
-};
 var EmptyConfig = {
   base_url: '',
   looker_url: ''
@@ -44,11 +36,6 @@ var OAuthConfigForm = _ref => {
   } = _ref;
   var location = (0, _reactRouterDom.useLocation)();
   var redirect_uri = (0, _.appPath)(location, '/oauth');
-  var BASE_URL = 'baseUrl';
-  var WEB_URL = 'webUrl';
-  var FETCH_INTENT = 'fetchIntent';
-  var FETCH_RESULT = 'fetchResult';
-  var CRITICAL = 'critical';
   var appConfig = "// client_guid=".concat(clientId, "\n{\n  \"redirect_uri\": \"").concat(redirect_uri, "\",\n  \"display_name\": \"CORS ").concat(clientLabel, "\",\n  \"description\": \"Looker ").concat(clientLabel, " using CORS\",\n  \"enabled\": true\n}\n");
   var adaptor = (0, _.getEnvAdaptor)();
   var sdk = adaptor.sdk;
@@ -58,48 +45,23 @@ var OAuthConfigForm = _ref => {
     return result;
   };
   var config = getConfig();
-  var [fields, setFields] = (0, _react.useState)(defaultFieldValues);
-  var [saved, setSaved] = (0, _react.useState)(config);
-  var updateFields = function updateFields(nameOrValues) {
-    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    if (typeof nameOrValues === 'string') {
-      setFields(previousFields => {
-        return _objectSpread(_objectSpread({}, previousFields), {
-          [nameOrValues]: value
-        });
-      });
-    } else {
-      setFields(previousFields => {
-        return _objectSpread(_objectSpread({}, previousFields), nameOrValues);
-      });
-    }
-  };
-  (0, _react.useEffect)(() => {
-    var data = getConfig();
-    var {
-      base_url,
-      looker_url
-    } = data;
-    setSaved(data);
-    updateFields({
-      [BASE_URL]: base_url,
-      [WEB_URL]: looker_url,
-      [FETCH_INTENT]: base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL
-    });
-  }, []);
+  var [apiServerUrl, setApiServerUrl] = (0, _react.useState)('');
+  var [fetchedUrl, setFetchedUrl] = (0, _react.useState)('');
+  var [webUrl, setWebUrl] = (0, _react.useState)('');
+  var [messageBarIntent, setMessageBarIntent] = (0, _react.useState)('positive');
+  var [messageBarText, setMessageBarText] = (0, _react.useState)('');
   var [validationMessages, setValidationMessages] = (0, _react.useState)({});
-  var updateMessage = (intent, message) => {
-    updateFields({
-      [FETCH_RESULT]: message,
-      [FETCH_INTENT]: intent
-    });
+  var [saved, setSaved] = (0, _react.useState)(config);
+  var updateMessageBar = (intent, message) => {
+    setMessageBarIntent(intent);
+    setMessageBarText(message);
   };
   var isConfigured = () => {
-    return saved !== EmptyConfig && fields[BASE_URL] === saved.base_url && fields[WEB_URL] === saved.looker_url;
+    return apiServerUrl === saved.base_url && webUrl === saved.looker_url && apiServerUrl !== '' && webUrl !== '';
   };
   var fetchError = message => {
-    updateFields(WEB_URL, '');
-    updateMessage(CRITICAL, message);
+    setWebUrl('');
+    updateMessageBar('critical', message);
   };
   var saveConfig = (baseUrl, webUrl) => {
     var data = {
@@ -108,120 +70,114 @@ var OAuthConfigForm = _ref => {
       client_id: clientId,
       redirect_uri
     };
-    updateFields({
-      [BASE_URL]: baseUrl,
-      [WEB_URL]: webUrl
-    });
     localStorage.setItem(configKey, JSON.stringify(data));
     if (setHasConfig) setHasConfig(true);
     setSaved(data);
-    updateMessage(POSITIVE, "Saved ".concat(webUrl, " as OAuth server"));
+    updateMessageBar('positive', "Saved ".concat(webUrl, " as OAuth server"));
   };
-  var updateForm = function () {
-    var _ref2 = _asyncToGenerator(function* (_e, save) {
-      updateMessage('inform', '');
-      var versionsUrl = "".concat(fields.baseUrl, "/versions");
+  var verifyUrl = function () {
+    var _ref2 = _asyncToGenerator(function* () {
+      updateMessageBar(messageBarIntent, '');
+      var versionsUrl = "".concat(apiServerUrl, "/versions");
       try {
-        updateFields({
-          fetchedUrl: fields.baseUrl
-        });
-        var {
-          web_server_url: webUrl,
-          api_server_url: baseUrl
-        } = yield (0, _utils.getVersions)(versionsUrl);
-        updateMessage(POSITIVE, 'Configuration is valid');
-        updateFields({
-          [BASE_URL]: baseUrl,
-          [WEB_URL]: webUrl
-        });
-        if (save) {
-          saveConfig(baseUrl, webUrl);
+        setFetchedUrl(apiServerUrl);
+        var versions = yield (0, _utils.getVersions)(versionsUrl);
+        if (versions) {
+          updateMessageBar('positive', 'Configuration is valid');
+          setWebUrl(versions.web_server_url);
         }
+        return versions;
       } catch (e) {
         fetchError(e.message);
+        return undefined;
       }
     });
-    return function updateForm(_x, _x2) {
+    return function verifyUrl() {
       return _ref2.apply(this, arguments);
     };
   }();
   var handleSave = function () {
-    var _ref3 = _asyncToGenerator(function* (e) {
-      yield updateForm(e, true);
+    var _ref3 = _asyncToGenerator(function* () {
+      var versions = yield verifyUrl();
+      if (versions) {
+        saveConfig(versions.api_server_url, versions.web_server_url);
+      }
     });
-    return function handleSave(_x3) {
+    return function handleSave() {
       return _ref3.apply(this, arguments);
     };
   }();
-  var handleVerify = function () {
-    var _ref4 = _asyncToGenerator(function* (e) {
-      yield updateForm(e, false);
-    });
-    return function handleVerify(_x4) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
+  var handleVerify = () => {
+    verifyUrl();
+  };
   var handleClear = function () {
-    var _ref5 = _asyncToGenerator(function* (_e) {
+    var _ref4 = _asyncToGenerator(function* (_e) {
       localStorage.removeItem(configKey);
-      updateFields({
-        [BASE_URL]: '',
-        [WEB_URL]: '',
-        [FETCH_INTENT]: CRITICAL,
-        [FETCH_RESULT]: ''
-      });
+      setApiServerUrl('');
+      setFetchedUrl('');
+      setWebUrl('');
+      setMessageBarText('');
+      setMessageBarIntent('critical');
       setSaved(EmptyConfig);
       if (setHasConfig) setHasConfig(false);
       if (isAuthenticated()) {
-        updateMessage('warn', 'Please reload the browser page to log out');
+        updateMessageBar('warn', 'Please reload the browser page to log out');
       }
     });
-    return function handleClear(_x5) {
-      return _ref5.apply(this, arguments);
+    return function handleClear(_x) {
+      return _ref4.apply(this, arguments);
     };
   }();
   var handleUrlChange = event => {
     var name = event.currentTarget.name;
+    var value = event.currentTarget.value;
     var newValidationMessages = _objectSpread({}, validationMessages);
-    var url = (0, _utils.validateUrl)(event.currentTarget.value);
+    setApiServerUrl(value);
+    setWebUrl('');
+    var url = (0, _utils.validateUrl)(value);
     if (url) {
       delete newValidationMessages[name];
-      event.currentTarget.value = url;
+      setApiServerUrl(url);
     } else {
       newValidationMessages[name] = {
-        message: "'".concat(event.currentTarget.value, "' is not a valid url"),
+        message: "'".concat(value, "' is not a valid url"),
         type: 'error'
       };
     }
-    updateFields({
-      [event.currentTarget.name]: event.currentTarget.value,
-      [WEB_URL]: ''
-    });
     setValidationMessages(newValidationMessages);
   };
   var isAuthenticated = () => sdk.authSession.isAuthenticated();
-  var verifyButtonDisabled = fields.baseUrl.trim().length === 0 || Object.keys(validationMessages).length > 0;
-  var saveButtonDisabled = verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured();
-  var clearButtonDisabled = fields.baseUrl.trim().length === 0;
+  var verifyButtonDisabled = apiServerUrl.trim().length === 0 || Object.keys(validationMessages).length > 0;
+  var saveButtonDisabled = verifyButtonDisabled || webUrl.trim().length === 0 || isConfigured();
+  var clearButtonDisabled = apiServerUrl.trim().length === 0;
   var loginButtonDisabled = verifyButtonDisabled || !isConfigured() || isAuthenticated();
   var handleLogin = function () {
-    var _ref6 = _asyncToGenerator(function* (e) {
+    var _ref5 = _asyncToGenerator(function* (e) {
       e.preventDefault();
       yield adaptor.login();
     });
-    return function handleLogin(_x6) {
-      return _ref6.apply(this, arguments);
+    return function handleLogin(_x2) {
+      return _ref5.apply(this, arguments);
     };
   }();
+  (0, _react.useEffect)(() => {
+    var data = getConfig();
+    var {
+      base_url,
+      looker_url
+    } = data;
+    setApiServerUrl(base_url);
+    setWebUrl(looker_url);
+  }, []);
   return _react.default.createElement(_components.SpaceVertical, {
     gap: "u2"
   }, _react.default.createElement(_ConfigHeading.ConfigHeading, null, "Looker OAuth Configuration"), _react.default.createElement(_components.Span, {
     fontSize: "small"
   }, "To configure Looker OAuth, you need to supply your API server URL, then authenticate into your Looker Instance"), _react.default.createElement(_components.MessageBar, {
-    intent: fields[FETCH_INTENT],
-    onPrimaryClick: () => updateMessage(fields[FETCH_INTENT], ''),
-    visible: fields[FETCH_RESULT] !== ''
-  }, fields[FETCH_RESULT]), _react.default.createElement(_Collapser.CollapserCard, {
+    intent: messageBarIntent,
+    onPrimaryClick: () => updateMessageBar(messageBarIntent, ''),
+    visible: messageBarText !== ''
+  }, messageBarText), _react.default.createElement(_Collapser.CollapserCard, {
     heading: "1. Supply API Server URL",
     id: "server_config",
     divider: false,
@@ -238,25 +194,25 @@ var OAuthConfigForm = _ref => {
     required: true,
     label: "API server URL",
     placeholder: "typically https://myserver.looker.com:19999",
-    name: BASE_URL,
-    value: fields[BASE_URL],
+    name: "baseUrl",
+    value: apiServerUrl,
     onChange: handleUrlChange
   }), _react.default.createElement(_components.FieldText, {
     label: "OAuth server URL",
     placeholder: "Click 'Verify' to retrieve",
-    name: WEB_URL,
-    value: fields[WEB_URL],
+    name: "webUrl",
+    value: webUrl,
     disabled: true
-  }))), fields.fetchedUrl && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Paragraph, {
+  }))), fetchedUrl && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Paragraph, {
     fontSize: "small"
-  }, "On ", fields.fetchedUrl, ", enable ", clientLabel, " as a", ' ', _react.default.createElement(_components.Link, {
+  }, "On ", fetchedUrl, ", enable ", clientLabel, " as a", ' ', _react.default.createElement(_components.Link, {
     href: "https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation",
     target: "_blank"
   }, "Looker OAuth client"), ' ', "by adding \"", window.location.origin, "\" to the", ' ', _react.default.createElement(_components.Link, {
-    href: "".concat(fields.webUrl, "/admin/embed"),
+    href: "".concat(webUrl, "/admin/embed"),
     target: "_blank"
   }, "Embedded Domain Allowlist"), ". If API Explorer is also installed, the configuration below can be used to", ' ', _react.default.createElement(_components.Link, {
-    href: "".concat(fields.fetchedUrl, "/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app"),
+    href: "".concat(fetchedUrl, "/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app"),
     target: "_blank"
   }, "register this API Explorer instance"), ' ', "as an OAuth client."), _react.default.createElement(_codeEditor.CodeCopy, {
     key: "appConfig",
@@ -268,7 +224,7 @@ var OAuthConfigForm = _ref => {
     onClick: handleClear,
     disabled: clearButtonDisabled
   }, "Clear")), _react.default.createElement(_components.Tooltip, {
-    content: "Verify ".concat(fields[BASE_URL])
+    content: "Verify ".concat(apiServerUrl)
   }, _react.default.createElement(_components.ButtonTransparent, {
     disabled: verifyButtonDisabled,
     onClick: handleVerify,
@@ -290,7 +246,7 @@ var OAuthConfigForm = _ref => {
     pt: "u3",
     px: "u6"
   }, isAuthenticated() ? _react.default.createElement(_components.Span, null, "You are already logged in. Reload the page to log out.") : isConfigured() ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Span, null, readyToLogin)) : _react.default.createElement(_components.Span, null, "You will be able to login after you Verify your API Server URL"), _react.default.createElement(_components.Tooltip, {
-    content: "Login to ".concat(fields[WEB_URL], " using OAuth")
+    content: "Login to ".concat(webUrl, " using OAuth")
   }, _react.default.createElement(_components.Button, {
     onClick: handleLogin,
     disabled: loginButtonDisabled

package/lib/OAuthConfigForm/OAuthConfigForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthConfigForm.js","names":["readyToLogin","POSITIVE","defaultFieldValues","baseUrl","fetchedUrl","webUrl","fetchResult","fetchIntent","EmptyConfig","base_url","looker_url","OAuthConfigForm","setHasConfig","clientId","clientLabel","configKey","location","useLocation","redirect_uri","appPath","BASE_URL","WEB_URL","FETCH_INTENT","FETCH_RESULT","CRITICAL","appConfig","adaptor","getEnvAdaptor","sdk","getConfig","data","localStorage","getItem","result","JSON","parse","config","fields","setFields","useState","saved","setSaved","updateFields","nameOrValues","value","previousFields","useEffect","validationMessages","setValidationMessages","updateMessage","intent","message","isConfigured","fetchError","saveConfig","client_id","setItem","stringify","updateForm","_e","save","versionsUrl","web_server_url","api_server_url","getVersions","e","handleSave","handleVerify","handleClear","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","newValidationMessages","url","validateUrl","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","login","window","origin"],"sources":["../../src/OAuthConfigForm/OAuthConfigForm.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2023 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { BaseSyntheticEvent, Dispatch, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Span,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\nimport { useLocation } from 'react-router-dom'\nimport { appPath, getEnvAdaptor } from '..'\nimport { ConfigHeading } from './ConfigHeading'\nimport { CollapserCard } from './Collapser'\nimport { getVersions, validateUrl } from './utils'\nimport type { ConfigValues } from './utils'\n\nexport const readyToLogin =\n  'OAuth is configured but your browser session is not authenticated. Click Login.'\n\nconst POSITIVE: MessageBarIntent = 'positive'\n\ninterface IFieldValues {\n  baseUrl: string\n  fetchedUrl: string\n  webUrl: string\n  fetchIntent: MessageBarIntent\n  fetchResult: string\n}\n\nconst defaultFieldValues: IFieldValues = {\n  baseUrl: '',\n  fetchedUrl: '',\n  webUrl: '',\n  fetchResult: '',\n  fetchIntent: POSITIVE,\n}\n\nconst EmptyConfig = { base_url: '', looker_url: '' }\n\ninterface ConfigFormProps {\n  /** A set state callback which allows for editing, setting or clearing OAuth configuration parameters if present */\n  setHasConfig?: Dispatch<boolean>\n  /** Local storage key value for storing config parameters  */\n  configKey: string\n  /** OAuth client id */\n  clientId: string\n  /** OAuth client display label */\n  clientLabel: string\n}\n\nexport const OAuthConfigForm = ({\n  setHasConfig,\n  clientId,\n  clientLabel,\n  configKey,\n}: ConfigFormProps) => {\n  const location = useLocation()\n  const redirect_uri = appPath(location, '/oauth')\n  const BASE_URL = 'baseUrl'\n  const WEB_URL = 'webUrl'\n  const FETCH_INTENT = 'fetchIntent'\n  const FETCH_RESULT = 'fetchResult'\n  const CRITICAL: MessageBarIntent = 'critical'\n  const appConfig = `// client_guid=${clientId}\n{\n  \"redirect_uri\": \"${redirect_uri}\",\n  \"display_name\": \"CORS ${clientLabel}\",\n  \"description\": \"Looker ${clientLabel} using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(configKey)\n    const result = data ? JSON.parse(data) : EmptyConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [fields, setFields] = useState<IFieldValues>(defaultFieldValues)\n  const [saved, setSaved] = useState<ConfigValues>(config)\n\n  const updateFields = (\n    nameOrValues: string | Partial<IFieldValues>,\n    value = ''\n  ) => {\n    if (typeof nameOrValues === 'string') {\n      setFields((previousFields) => {\n        return { ...previousFields, ...{ [nameOrValues]: value } }\n      })\n    } else {\n      setFields((previousFields) => {\n        return { ...previousFields, ...nameOrValues }\n      })\n    }\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setSaved(data)\n    updateFields({\n      [BASE_URL]: base_url,\n      [WEB_URL]: looker_url,\n      [FETCH_INTENT]:\n        base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL,\n    })\n  }, [])\n\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n\n  const updateMessage = (intent: MessageBarIntent, message: string) => {\n    updateFields({ [FETCH_RESULT]: message, [FETCH_INTENT]: intent })\n  }\n\n  const isConfigured = () => {\n    return (\n      saved !== EmptyConfig &&\n      fields[BASE_URL] === saved.base_url &&\n      fields[WEB_URL] === saved.looker_url\n    )\n  }\n\n  const fetchError = (message: string) => {\n    updateFields(WEB_URL, '')\n    updateMessage(CRITICAL, message)\n  }\n\n  const saveConfig = (baseUrl: string, webUrl: string) => {\n    const data = {\n      base_url: baseUrl,\n      looker_url: webUrl,\n      client_id: clientId,\n      redirect_uri,\n    }\n    updateFields({\n      [BASE_URL]: baseUrl,\n      [WEB_URL]: webUrl,\n    })\n    // TODO: replace when redux is introduced\n    localStorage.setItem(configKey, JSON.stringify(data))\n    if (setHasConfig) setHasConfig(true)\n    setSaved(data)\n    updateMessage(POSITIVE, `Saved ${webUrl} as OAuth server`)\n  }\n\n  const updateForm = async (_e: BaseSyntheticEvent, save: boolean) => {\n    updateMessage('inform', '')\n    const versionsUrl = `${fields.baseUrl}/versions`\n    try {\n      updateFields({\n        fetchedUrl: fields.baseUrl,\n      })\n      const { web_server_url: webUrl, api_server_url: baseUrl } =\n        (await getVersions(versionsUrl)) as ILookerVersions\n      updateMessage(POSITIVE, 'Configuration is valid')\n      updateFields({\n        [BASE_URL]: baseUrl,\n        [WEB_URL]: webUrl,\n      })\n      if (save) {\n        saveConfig(baseUrl, webUrl)\n      }\n    } catch (e: any) {\n      fetchError(e.message)\n    }\n  }\n\n  const handleSave = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, true)\n  }\n\n  const handleVerify = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, false)\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(configKey)\n    updateFields({\n      [BASE_URL]: '',\n      [WEB_URL]: '',\n      [FETCH_INTENT]: CRITICAL,\n      [FETCH_RESULT]: '',\n    })\n    setSaved(EmptyConfig)\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessage('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n\n    const newValidationMessages = { ...validationMessages }\n\n    const url = validateUrl(event.currentTarget.value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      event.currentTarget.value = url\n    } else {\n      newValidationMessages[name] = {\n        message: `'${event.currentTarget.value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n    updateFields({\n      [event.currentTarget.name]: event.currentTarget.value,\n      [WEB_URL]: '',\n    })\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    fields.baseUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = fields.baseUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <ConfigHeading>Looker OAuth Configuration</ConfigHeading>\n      <Span fontSize=\"small\">\n        To configure Looker OAuth, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </Span>\n      <MessageBar\n        intent={fields[FETCH_INTENT]}\n        onPrimaryClick={() => updateMessage(fields[FETCH_INTENT], '')}\n        visible={fields[FETCH_RESULT] !== ''}\n      >\n        {fields[FETCH_RESULT]}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name={BASE_URL}\n                value={fields[BASE_URL]}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name={WEB_URL}\n                value={fields[WEB_URL]}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          {fields.fetchedUrl && (\n            <>\n              <Paragraph fontSize=\"small\">\n                On {fields.fetchedUrl}, enable {clientLabel} as a{' '}\n                <Link\n                  href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n                  target=\"_blank\"\n                >\n                  Looker OAuth client\n                </Link>{' '}\n                by adding \"{(window as any).location.origin}\" to the{' '}\n                <Link href={`${fields.webUrl}/admin/embed`} target=\"_blank\">\n                  Embedded Domain Allowlist\n                </Link>\n                . If API Explorer is also installed, the configuration below can\n                be used to{' '}\n                <Link\n                  href={`${fields.fetchedUrl}/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app`}\n                  target=\"_blank\"\n                >\n                  register this API Explorer instance\n                </Link>{' '}\n                as an OAuth client.\n              </Paragraph>\n              <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n            </>\n          )}\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${fields[BASE_URL]}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <Span>You are already logged in. Reload the page to log out.</Span>\n          ) : isConfigured() ? (\n            <>\n              <Span>{readyToLogin}</Span>\n            </>\n          ) : (\n            <Span>\n              You will be able to login after you Verify your API Server URL\n            </Span>\n          )}\n          <Tooltip content={`Login to ${fields[WEB_URL]} using OAuth`}>\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"OAuthConfigForm.js","names":["readyToLogin","EmptyConfig","base_url","looker_url","OAuthConfigForm","setHasConfig","clientId","clientLabel","configKey","location","useLocation","redirect_uri","appPath","appConfig","adaptor","getEnvAdaptor","sdk","getConfig","data","localStorage","getItem","result","JSON","parse","config","apiServerUrl","setApiServerUrl","useState","fetchedUrl","setFetchedUrl","webUrl","setWebUrl","messageBarIntent","setMessageBarIntent","messageBarText","setMessageBarText","validationMessages","setValidationMessages","saved","setSaved","updateMessageBar","intent","message","isConfigured","fetchError","saveConfig","baseUrl","client_id","setItem","stringify","verifyUrl","versionsUrl","versions","getVersions","web_server_url","e","undefined","handleSave","api_server_url","handleVerify","handleClear","_e","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","value","newValidationMessages","url","validateUrl","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","login","useEffect","window","origin"],"sources":["../../src/OAuthConfigForm/OAuthConfigForm.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2023 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { BaseSyntheticEvent, Dispatch, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Span,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\nimport { useLocation } from 'react-router-dom'\nimport { appPath, getEnvAdaptor } from '..'\nimport { ConfigHeading } from './ConfigHeading'\nimport { CollapserCard } from './Collapser'\nimport { getVersions, validateUrl } from './utils'\nimport type { ConfigValues } from './utils'\n\nexport const readyToLogin =\n  'OAuth is configured but your browser session is not authenticated. Click Login.'\n\nconst EmptyConfig = { base_url: '', looker_url: '' }\n\ninterface ConfigFormProps {\n  /** A set state callback which allows for editing, setting or clearing OAuth configuration parameters if present */\n  setHasConfig?: Dispatch<boolean>\n  /** Local storage key value for storing config parameters  */\n  configKey: string\n  /** OAuth client id */\n  clientId: string\n  /** OAuth client display label */\n  clientLabel: string\n}\n\nexport const OAuthConfigForm = ({\n  setHasConfig,\n  clientId,\n  clientLabel,\n  configKey,\n}: ConfigFormProps) => {\n  const location = useLocation()\n  const redirect_uri = appPath(location, '/oauth')\n  const appConfig = `// client_guid=${clientId}\n{\n  \"redirect_uri\": \"${redirect_uri}\",\n  \"display_name\": \"CORS ${clientLabel}\",\n  \"description\": \"Looker ${clientLabel} using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(configKey)\n    const result = data ? JSON.parse(data) : EmptyConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [apiServerUrl, setApiServerUrl] = useState('')\n  const [fetchedUrl, setFetchedUrl] = useState('')\n  const [webUrl, setWebUrl] = useState('')\n  const [messageBarIntent, setMessageBarIntent] =\n    useState<MessageBarIntent>('positive')\n  const [messageBarText, setMessageBarText] = useState('')\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n  const [saved, setSaved] = useState<ConfigValues>(config)\n\n  const updateMessageBar = (intent: MessageBarIntent, message: string) => {\n    setMessageBarIntent(intent)\n    setMessageBarText(message)\n  }\n\n  const isConfigured = () => {\n    return (\n      apiServerUrl === saved.base_url &&\n      webUrl === saved.looker_url &&\n      apiServerUrl !== '' &&\n      webUrl !== ''\n    )\n  }\n\n  const fetchError = (message: string) => {\n    setWebUrl('')\n    updateMessageBar('critical', message)\n  }\n\n  const saveConfig = (baseUrl: string, webUrl: string) => {\n    const data = {\n      base_url: baseUrl,\n      looker_url: webUrl,\n      client_id: clientId,\n      redirect_uri,\n    }\n    // TODO: replace when redux is introduced\n    localStorage.setItem(configKey, JSON.stringify(data))\n    if (setHasConfig) setHasConfig(true)\n    setSaved(data)\n    updateMessageBar('positive', `Saved ${webUrl} as OAuth server`)\n  }\n\n  const verifyUrl = async (): Promise<ILookerVersions | undefined> => {\n    updateMessageBar(messageBarIntent, '')\n    const versionsUrl = `${apiServerUrl}/versions`\n    try {\n      setFetchedUrl(apiServerUrl)\n      const versions = await getVersions(versionsUrl)\n\n      if (versions) {\n        updateMessageBar('positive', 'Configuration is valid')\n        setWebUrl(versions.web_server_url)\n      }\n\n      return versions\n    } catch (e: any) {\n      fetchError(e.message)\n      return undefined\n    }\n  }\n\n  const handleSave = async () => {\n    const versions = await verifyUrl()\n    if (versions) {\n      saveConfig(versions.api_server_url, versions.web_server_url)\n    }\n  }\n\n  const handleVerify = () => {\n    verifyUrl()\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(configKey)\n\n    setApiServerUrl('')\n    setFetchedUrl('')\n    setWebUrl('')\n    setMessageBarText('')\n    setMessageBarIntent('critical')\n    setSaved(EmptyConfig)\n\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessageBar('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n    const value = event.currentTarget.value\n\n    const newValidationMessages = { ...validationMessages }\n\n    setApiServerUrl(value)\n    setWebUrl('')\n\n    const url = validateUrl(value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      setApiServerUrl(url)\n    } else {\n      newValidationMessages[name] = {\n        message: `'${value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    apiServerUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = apiServerUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setApiServerUrl(base_url)\n    setWebUrl(looker_url)\n  }, [])\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <ConfigHeading>Looker OAuth Configuration</ConfigHeading>\n      <Span fontSize=\"small\">\n        To configure Looker OAuth, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </Span>\n      <MessageBar\n        intent={messageBarIntent}\n        onPrimaryClick={() => updateMessageBar(messageBarIntent, '')}\n        visible={messageBarText !== ''}\n      >\n        {messageBarText}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name=\"baseUrl\"\n                value={apiServerUrl}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name=\"webUrl\"\n                value={webUrl}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          {fetchedUrl && (\n            <>\n              <Paragraph fontSize=\"small\">\n                On {fetchedUrl}, enable {clientLabel} as a{' '}\n                <Link\n                  href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n                  target=\"_blank\"\n                >\n                  Looker OAuth client\n                </Link>{' '}\n                by adding \"{(window as any).location.origin}\" to the{' '}\n                <Link href={`${webUrl}/admin/embed`} target=\"_blank\">\n                  Embedded Domain Allowlist\n                </Link>\n                . If API Explorer is also installed, the configuration below can\n                be used to{' '}\n                <Link\n                  href={`${fetchedUrl}/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app`}\n                  target=\"_blank\"\n                >\n                  register this API Explorer instance\n                </Link>{' '}\n                as an OAuth client.\n              </Paragraph>\n              <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n            </>\n          )}\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${apiServerUrl}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <Span>You are already logged in. Reload the page to log out.</Span>\n          ) : isConfigured() ? (\n            <>\n              <Span>{readyToLogin}</Span>\n            </>\n          ) : (\n            <Span>\n              You will be able to login after you Verify your API Server URL\n            </Span>\n          )}\n          <Tooltip content={`Login to ${webUrl} using OAuth`}>\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"mappings":"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"}

package/lib/esm/OAuthConfigForm/OAuthConfigForm.js

@@ -14,23 +14,15 @@ var _Collapser = require("./Collapser");
 var _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 var readyToLogin = 'OAuth is configured but your browser session is not authenticated. Click Login.';
 exports.readyToLogin = readyToLogin;
-var POSITIVE = 'positive';
-var defaultFieldValues = {
-  baseUrl: '',
-  fetchedUrl: '',
-  webUrl: '',
-  fetchResult: '',
-  fetchIntent: POSITIVE
-};
 var EmptyConfig = {
   base_url: '',
   looker_url: ''
@@ -44,11 +36,6 @@ var OAuthConfigForm = _ref => {
   } = _ref;
   var location = (0, _reactRouterDom.useLocation)();
   var redirect_uri = (0, _.appPath)(location, '/oauth');
-  var BASE_URL = 'baseUrl';
-  var WEB_URL = 'webUrl';
-  var FETCH_INTENT = 'fetchIntent';
-  var FETCH_RESULT = 'fetchResult';
-  var CRITICAL = 'critical';
   var appConfig = "// client_guid=".concat(clientId, "\n{\n  \"redirect_uri\": \"").concat(redirect_uri, "\",\n  \"display_name\": \"CORS ").concat(clientLabel, "\",\n  \"description\": \"Looker ").concat(clientLabel, " using CORS\",\n  \"enabled\": true\n}\n");
   var adaptor = (0, _.getEnvAdaptor)();
   var sdk = adaptor.sdk;
@@ -58,48 +45,23 @@ var OAuthConfigForm = _ref => {
     return result;
   };
   var config = getConfig();
-  var [fields, setFields] = (0, _react.useState)(defaultFieldValues);
-  var [saved, setSaved] = (0, _react.useState)(config);
-  var updateFields = function updateFields(nameOrValues) {
-    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    if (typeof nameOrValues === 'string') {
-      setFields(previousFields => {
-        return _objectSpread(_objectSpread({}, previousFields), {
-          [nameOrValues]: value
-        });
-      });
-    } else {
-      setFields(previousFields => {
-        return _objectSpread(_objectSpread({}, previousFields), nameOrValues);
-      });
-    }
-  };
-  (0, _react.useEffect)(() => {
-    var data = getConfig();
-    var {
-      base_url,
-      looker_url
-    } = data;
-    setSaved(data);
-    updateFields({
-      [BASE_URL]: base_url,
-      [WEB_URL]: looker_url,
-      [FETCH_INTENT]: base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL
-    });
-  }, []);
+  var [apiServerUrl, setApiServerUrl] = (0, _react.useState)('');
+  var [fetchedUrl, setFetchedUrl] = (0, _react.useState)('');
+  var [webUrl, setWebUrl] = (0, _react.useState)('');
+  var [messageBarIntent, setMessageBarIntent] = (0, _react.useState)('positive');
+  var [messageBarText, setMessageBarText] = (0, _react.useState)('');
   var [validationMessages, setValidationMessages] = (0, _react.useState)({});
-  var updateMessage = (intent, message) => {
-    updateFields({
-      [FETCH_RESULT]: message,
-      [FETCH_INTENT]: intent
-    });
+  var [saved, setSaved] = (0, _react.useState)(config);
+  var updateMessageBar = (intent, message) => {
+    setMessageBarIntent(intent);
+    setMessageBarText(message);
   };
   var isConfigured = () => {
-    return saved !== EmptyConfig && fields[BASE_URL] === saved.base_url && fields[WEB_URL] === saved.looker_url;
+    return apiServerUrl === saved.base_url && webUrl === saved.looker_url && apiServerUrl !== '' && webUrl !== '';
   };
   var fetchError = message => {
-    updateFields(WEB_URL, '');
-    updateMessage(CRITICAL, message);
+    setWebUrl('');
+    updateMessageBar('critical', message);
   };
   var saveConfig = (baseUrl, webUrl) => {
     var data = {
@@ -108,120 +70,114 @@ var OAuthConfigForm = _ref => {
       client_id: clientId,
       redirect_uri
     };
-    updateFields({
-      [BASE_URL]: baseUrl,
-      [WEB_URL]: webUrl
-    });
     localStorage.setItem(configKey, JSON.stringify(data));
     if (setHasConfig) setHasConfig(true);
     setSaved(data);
-    updateMessage(POSITIVE, "Saved ".concat(webUrl, " as OAuth server"));
+    updateMessageBar('positive', "Saved ".concat(webUrl, " as OAuth server"));
   };
-  var updateForm = function () {
-    var _ref2 = _asyncToGenerator(function* (_e, save) {
-      updateMessage('inform', '');
-      var versionsUrl = "".concat(fields.baseUrl, "/versions");
+  var verifyUrl = function () {
+    var _ref2 = _asyncToGenerator(function* () {
+      updateMessageBar(messageBarIntent, '');
+      var versionsUrl = "".concat(apiServerUrl, "/versions");
       try {
-        updateFields({
-          fetchedUrl: fields.baseUrl
-        });
-        var {
-          web_server_url: webUrl,
-          api_server_url: baseUrl
-        } = yield (0, _utils.getVersions)(versionsUrl);
-        updateMessage(POSITIVE, 'Configuration is valid');
-        updateFields({
-          [BASE_URL]: baseUrl,
-          [WEB_URL]: webUrl
-        });
-        if (save) {
-          saveConfig(baseUrl, webUrl);
+        setFetchedUrl(apiServerUrl);
+        var versions = yield (0, _utils.getVersions)(versionsUrl);
+        if (versions) {
+          updateMessageBar('positive', 'Configuration is valid');
+          setWebUrl(versions.web_server_url);
         }
+        return versions;
       } catch (e) {
         fetchError(e.message);
+        return undefined;
       }
     });
-    return function updateForm(_x, _x2) {
+    return function verifyUrl() {
       return _ref2.apply(this, arguments);
     };
   }();
   var handleSave = function () {
-    var _ref3 = _asyncToGenerator(function* (e) {
-      yield updateForm(e, true);
+    var _ref3 = _asyncToGenerator(function* () {
+      var versions = yield verifyUrl();
+      if (versions) {
+        saveConfig(versions.api_server_url, versions.web_server_url);
+      }
     });
-    return function handleSave(_x3) {
+    return function handleSave() {
       return _ref3.apply(this, arguments);
     };
   }();
-  var handleVerify = function () {
-    var _ref4 = _asyncToGenerator(function* (e) {
-      yield updateForm(e, false);
-    });
-    return function handleVerify(_x4) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
+  var handleVerify = () => {
+    verifyUrl();
+  };
   var handleClear = function () {
-    var _ref5 = _asyncToGenerator(function* (_e) {
+    var _ref4 = _asyncToGenerator(function* (_e) {
       localStorage.removeItem(configKey);
-      updateFields({
-        [BASE_URL]: '',
-        [WEB_URL]: '',
-        [FETCH_INTENT]: CRITICAL,
-        [FETCH_RESULT]: ''
-      });
+      setApiServerUrl('');
+      setFetchedUrl('');
+      setWebUrl('');
+      setMessageBarText('');
+      setMessageBarIntent('critical');
       setSaved(EmptyConfig);
       if (setHasConfig) setHasConfig(false);
       if (isAuthenticated()) {
-        updateMessage('warn', 'Please reload the browser page to log out');
+        updateMessageBar('warn', 'Please reload the browser page to log out');
       }
     });
-    return function handleClear(_x5) {
-      return _ref5.apply(this, arguments);
+    return function handleClear(_x) {
+      return _ref4.apply(this, arguments);
     };
   }();
   var handleUrlChange = event => {
     var name = event.currentTarget.name;
+    var value = event.currentTarget.value;
     var newValidationMessages = _objectSpread({}, validationMessages);
-    var url = (0, _utils.validateUrl)(event.currentTarget.value);
+    setApiServerUrl(value);
+    setWebUrl('');
+    var url = (0, _utils.validateUrl)(value);
     if (url) {
       delete newValidationMessages[name];
-      event.currentTarget.value = url;
+      setApiServerUrl(url);
     } else {
       newValidationMessages[name] = {
-        message: "'".concat(event.currentTarget.value, "' is not a valid url"),
+        message: "'".concat(value, "' is not a valid url"),
         type: 'error'
       };
     }
-    updateFields({
-      [event.currentTarget.name]: event.currentTarget.value,
-      [WEB_URL]: ''
-    });
     setValidationMessages(newValidationMessages);
   };
   var isAuthenticated = () => sdk.authSession.isAuthenticated();
-  var verifyButtonDisabled = fields.baseUrl.trim().length === 0 || Object.keys(validationMessages).length > 0;
-  var saveButtonDisabled = verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured();
-  var clearButtonDisabled = fields.baseUrl.trim().length === 0;
+  var verifyButtonDisabled = apiServerUrl.trim().length === 0 || Object.keys(validationMessages).length > 0;
+  var saveButtonDisabled = verifyButtonDisabled || webUrl.trim().length === 0 || isConfigured();
+  var clearButtonDisabled = apiServerUrl.trim().length === 0;
   var loginButtonDisabled = verifyButtonDisabled || !isConfigured() || isAuthenticated();
   var handleLogin = function () {
-    var _ref6 = _asyncToGenerator(function* (e) {
+    var _ref5 = _asyncToGenerator(function* (e) {
       e.preventDefault();
       yield adaptor.login();
     });
-    return function handleLogin(_x6) {
-      return _ref6.apply(this, arguments);
+    return function handleLogin(_x2) {
+      return _ref5.apply(this, arguments);
     };
   }();
+  (0, _react.useEffect)(() => {
+    var data = getConfig();
+    var {
+      base_url,
+      looker_url
+    } = data;
+    setApiServerUrl(base_url);
+    setWebUrl(looker_url);
+  }, []);
   return _react.default.createElement(_components.SpaceVertical, {
     gap: "u2"
   }, _react.default.createElement(_ConfigHeading.ConfigHeading, null, "Looker OAuth Configuration"), _react.default.createElement(_components.Span, {
     fontSize: "small"
   }, "To configure Looker OAuth, you need to supply your API server URL, then authenticate into your Looker Instance"), _react.default.createElement(_components.MessageBar, {
-    intent: fields[FETCH_INTENT],
-    onPrimaryClick: () => updateMessage(fields[FETCH_INTENT], ''),
-    visible: fields[FETCH_RESULT] !== ''
-  }, fields[FETCH_RESULT]), _react.default.createElement(_Collapser.CollapserCard, {
+    intent: messageBarIntent,
+    onPrimaryClick: () => updateMessageBar(messageBarIntent, ''),
+    visible: messageBarText !== ''
+  }, messageBarText), _react.default.createElement(_Collapser.CollapserCard, {
     heading: "1. Supply API Server URL",
     id: "server_config",
     divider: false,
@@ -238,25 +194,25 @@ var OAuthConfigForm = _ref => {
     required: true,
     label: "API server URL",
     placeholder: "typically https://myserver.looker.com:19999",
-    name: BASE_URL,
-    value: fields[BASE_URL],
+    name: "baseUrl",
+    value: apiServerUrl,
     onChange: handleUrlChange
   }), _react.default.createElement(_components.FieldText, {
     label: "OAuth server URL",
     placeholder: "Click 'Verify' to retrieve",
-    name: WEB_URL,
-    value: fields[WEB_URL],
+    name: "webUrl",
+    value: webUrl,
     disabled: true
-  }))), fields.fetchedUrl && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Paragraph, {
+  }))), fetchedUrl && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Paragraph, {
     fontSize: "small"
-  }, "On ", fields.fetchedUrl, ", enable ", clientLabel, " as a", ' ', _react.default.createElement(_components.Link, {
+  }, "On ", fetchedUrl, ", enable ", clientLabel, " as a", ' ', _react.default.createElement(_components.Link, {
     href: "https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation",
     target: "_blank"
   }, "Looker OAuth client"), ' ', "by adding \"", window.location.origin, "\" to the", ' ', _react.default.createElement(_components.Link, {
-    href: "".concat(fields.webUrl, "/admin/embed"),
+    href: "".concat(webUrl, "/admin/embed"),
     target: "_blank"
   }, "Embedded Domain Allowlist"), ". If API Explorer is also installed, the configuration below can be used to", ' ', _react.default.createElement(_components.Link, {
-    href: "".concat(fields.fetchedUrl, "/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app"),
+    href: "".concat(fetchedUrl, "/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app"),
     target: "_blank"
   }, "register this API Explorer instance"), ' ', "as an OAuth client."), _react.default.createElement(_codeEditor.CodeCopy, {
     key: "appConfig",
@@ -268,7 +224,7 @@ var OAuthConfigForm = _ref => {
     onClick: handleClear,
     disabled: clearButtonDisabled
   }, "Clear")), _react.default.createElement(_components.Tooltip, {
-    content: "Verify ".concat(fields[BASE_URL])
+    content: "Verify ".concat(apiServerUrl)
   }, _react.default.createElement(_components.ButtonTransparent, {
     disabled: verifyButtonDisabled,
     onClick: handleVerify,
@@ -290,7 +246,7 @@ var OAuthConfigForm = _ref => {
     pt: "u3",
     px: "u6"
   }, isAuthenticated() ? _react.default.createElement(_components.Span, null, "You are already logged in. Reload the page to log out.") : isConfigured() ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Span, null, readyToLogin)) : _react.default.createElement(_components.Span, null, "You will be able to login after you Verify your API Server URL"), _react.default.createElement(_components.Tooltip, {
-    content: "Login to ".concat(fields[WEB_URL], " using OAuth")
+    content: "Login to ".concat(webUrl, " using OAuth")
   }, _react.default.createElement(_components.Button, {
     onClick: handleLogin,
     disabled: loginButtonDisabled

package/lib/esm/OAuthConfigForm/OAuthConfigForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthConfigForm.js","names":["readyToLogin","POSITIVE","defaultFieldValues","baseUrl","fetchedUrl","webUrl","fetchResult","fetchIntent","EmptyConfig","base_url","looker_url","OAuthConfigForm","setHasConfig","clientId","clientLabel","configKey","location","useLocation","redirect_uri","appPath","BASE_URL","WEB_URL","FETCH_INTENT","FETCH_RESULT","CRITICAL","appConfig","adaptor","getEnvAdaptor","sdk","getConfig","data","localStorage","getItem","result","JSON","parse","config","fields","setFields","useState","saved","setSaved","updateFields","nameOrValues","value","previousFields","useEffect","validationMessages","setValidationMessages","updateMessage","intent","message","isConfigured","fetchError","saveConfig","client_id","setItem","stringify","updateForm","_e","save","versionsUrl","web_server_url","api_server_url","getVersions","e","handleSave","handleVerify","handleClear","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","newValidationMessages","url","validateUrl","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","login","window","origin"],"sources":["../../../src/OAuthConfigForm/OAuthConfigForm.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2023 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { BaseSyntheticEvent, Dispatch, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Span,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\nimport { useLocation } from 'react-router-dom'\nimport { appPath, getEnvAdaptor } from '..'\nimport { ConfigHeading } from './ConfigHeading'\nimport { CollapserCard } from './Collapser'\nimport { getVersions, validateUrl } from './utils'\nimport type { ConfigValues } from './utils'\n\nexport const readyToLogin =\n  'OAuth is configured but your browser session is not authenticated. Click Login.'\n\nconst POSITIVE: MessageBarIntent = 'positive'\n\ninterface IFieldValues {\n  baseUrl: string\n  fetchedUrl: string\n  webUrl: string\n  fetchIntent: MessageBarIntent\n  fetchResult: string\n}\n\nconst defaultFieldValues: IFieldValues = {\n  baseUrl: '',\n  fetchedUrl: '',\n  webUrl: '',\n  fetchResult: '',\n  fetchIntent: POSITIVE,\n}\n\nconst EmptyConfig = { base_url: '', looker_url: '' }\n\ninterface ConfigFormProps {\n  /** A set state callback which allows for editing, setting or clearing OAuth configuration parameters if present */\n  setHasConfig?: Dispatch<boolean>\n  /** Local storage key value for storing config parameters  */\n  configKey: string\n  /** OAuth client id */\n  clientId: string\n  /** OAuth client display label */\n  clientLabel: string\n}\n\nexport const OAuthConfigForm = ({\n  setHasConfig,\n  clientId,\n  clientLabel,\n  configKey,\n}: ConfigFormProps) => {\n  const location = useLocation()\n  const redirect_uri = appPath(location, '/oauth')\n  const BASE_URL = 'baseUrl'\n  const WEB_URL = 'webUrl'\n  const FETCH_INTENT = 'fetchIntent'\n  const FETCH_RESULT = 'fetchResult'\n  const CRITICAL: MessageBarIntent = 'critical'\n  const appConfig = `// client_guid=${clientId}\n{\n  \"redirect_uri\": \"${redirect_uri}\",\n  \"display_name\": \"CORS ${clientLabel}\",\n  \"description\": \"Looker ${clientLabel} using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(configKey)\n    const result = data ? JSON.parse(data) : EmptyConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [fields, setFields] = useState<IFieldValues>(defaultFieldValues)\n  const [saved, setSaved] = useState<ConfigValues>(config)\n\n  const updateFields = (\n    nameOrValues: string | Partial<IFieldValues>,\n    value = ''\n  ) => {\n    if (typeof nameOrValues === 'string') {\n      setFields((previousFields) => {\n        return { ...previousFields, ...{ [nameOrValues]: value } }\n      })\n    } else {\n      setFields((previousFields) => {\n        return { ...previousFields, ...nameOrValues }\n      })\n    }\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setSaved(data)\n    updateFields({\n      [BASE_URL]: base_url,\n      [WEB_URL]: looker_url,\n      [FETCH_INTENT]:\n        base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL,\n    })\n  }, [])\n\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n\n  const updateMessage = (intent: MessageBarIntent, message: string) => {\n    updateFields({ [FETCH_RESULT]: message, [FETCH_INTENT]: intent })\n  }\n\n  const isConfigured = () => {\n    return (\n      saved !== EmptyConfig &&\n      fields[BASE_URL] === saved.base_url &&\n      fields[WEB_URL] === saved.looker_url\n    )\n  }\n\n  const fetchError = (message: string) => {\n    updateFields(WEB_URL, '')\n    updateMessage(CRITICAL, message)\n  }\n\n  const saveConfig = (baseUrl: string, webUrl: string) => {\n    const data = {\n      base_url: baseUrl,\n      looker_url: webUrl,\n      client_id: clientId,\n      redirect_uri,\n    }\n    updateFields({\n      [BASE_URL]: baseUrl,\n      [WEB_URL]: webUrl,\n    })\n    // TODO: replace when redux is introduced\n    localStorage.setItem(configKey, JSON.stringify(data))\n    if (setHasConfig) setHasConfig(true)\n    setSaved(data)\n    updateMessage(POSITIVE, `Saved ${webUrl} as OAuth server`)\n  }\n\n  const updateForm = async (_e: BaseSyntheticEvent, save: boolean) => {\n    updateMessage('inform', '')\n    const versionsUrl = `${fields.baseUrl}/versions`\n    try {\n      updateFields({\n        fetchedUrl: fields.baseUrl,\n      })\n      const { web_server_url: webUrl, api_server_url: baseUrl } =\n        (await getVersions(versionsUrl)) as ILookerVersions\n      updateMessage(POSITIVE, 'Configuration is valid')\n      updateFields({\n        [BASE_URL]: baseUrl,\n        [WEB_URL]: webUrl,\n      })\n      if (save) {\n        saveConfig(baseUrl, webUrl)\n      }\n    } catch (e: any) {\n      fetchError(e.message)\n    }\n  }\n\n  const handleSave = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, true)\n  }\n\n  const handleVerify = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, false)\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(configKey)\n    updateFields({\n      [BASE_URL]: '',\n      [WEB_URL]: '',\n      [FETCH_INTENT]: CRITICAL,\n      [FETCH_RESULT]: '',\n    })\n    setSaved(EmptyConfig)\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessage('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n\n    const newValidationMessages = { ...validationMessages }\n\n    const url = validateUrl(event.currentTarget.value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      event.currentTarget.value = url\n    } else {\n      newValidationMessages[name] = {\n        message: `'${event.currentTarget.value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n    updateFields({\n      [event.currentTarget.name]: event.currentTarget.value,\n      [WEB_URL]: '',\n    })\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    fields.baseUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = fields.baseUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <ConfigHeading>Looker OAuth Configuration</ConfigHeading>\n      <Span fontSize=\"small\">\n        To configure Looker OAuth, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </Span>\n      <MessageBar\n        intent={fields[FETCH_INTENT]}\n        onPrimaryClick={() => updateMessage(fields[FETCH_INTENT], '')}\n        visible={fields[FETCH_RESULT] !== ''}\n      >\n        {fields[FETCH_RESULT]}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name={BASE_URL}\n                value={fields[BASE_URL]}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name={WEB_URL}\n                value={fields[WEB_URL]}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          {fields.fetchedUrl && (\n            <>\n              <Paragraph fontSize=\"small\">\n                On {fields.fetchedUrl}, enable {clientLabel} as a{' '}\n                <Link\n                  href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n                  target=\"_blank\"\n                >\n                  Looker OAuth client\n                </Link>{' '}\n                by adding \"{(window as any).location.origin}\" to the{' '}\n                <Link href={`${fields.webUrl}/admin/embed`} target=\"_blank\">\n                  Embedded Domain Allowlist\n                </Link>\n                . If API Explorer is also installed, the configuration below can\n                be used to{' '}\n                <Link\n                  href={`${fields.fetchedUrl}/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app`}\n                  target=\"_blank\"\n                >\n                  register this API Explorer instance\n                </Link>{' '}\n                as an OAuth client.\n              </Paragraph>\n              <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n            </>\n          )}\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${fields[BASE_URL]}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <Span>You are already logged in. Reload the page to log out.</Span>\n          ) : isConfigured() ? (\n            <>\n              <Span>{readyToLogin}</Span>\n            </>\n          ) : (\n            <Span>\n              You will be able to login after you Verify your API Server URL\n            </Span>\n          )}\n          <Tooltip content={`Login to ${fields[WEB_URL]} using OAuth`}>\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"OAuthConfigForm.js","names":["readyToLogin","EmptyConfig","base_url","looker_url","OAuthConfigForm","setHasConfig","clientId","clientLabel","configKey","location","useLocation","redirect_uri","appPath","appConfig","adaptor","getEnvAdaptor","sdk","getConfig","data","localStorage","getItem","result","JSON","parse","config","apiServerUrl","setApiServerUrl","useState","fetchedUrl","setFetchedUrl","webUrl","setWebUrl","messageBarIntent","setMessageBarIntent","messageBarText","setMessageBarText","validationMessages","setValidationMessages","saved","setSaved","updateMessageBar","intent","message","isConfigured","fetchError","saveConfig","baseUrl","client_id","setItem","stringify","verifyUrl","versionsUrl","versions","getVersions","web_server_url","e","undefined","handleSave","api_server_url","handleVerify","handleClear","_e","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","value","newValidationMessages","url","validateUrl","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","login","useEffect","window","origin"],"sources":["../../../src/OAuthConfigForm/OAuthConfigForm.tsx"],"sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2023 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { BaseSyntheticEvent, Dispatch, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Span,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\nimport { useLocation } from 'react-router-dom'\nimport { appPath, getEnvAdaptor } from '..'\nimport { ConfigHeading } from './ConfigHeading'\nimport { CollapserCard } from './Collapser'\nimport { getVersions, validateUrl } from './utils'\nimport type { ConfigValues } from './utils'\n\nexport const readyToLogin =\n  'OAuth is configured but your browser session is not authenticated. Click Login.'\n\nconst EmptyConfig = { base_url: '', looker_url: '' }\n\ninterface ConfigFormProps {\n  /** A set state callback which allows for editing, setting or clearing OAuth configuration parameters if present */\n  setHasConfig?: Dispatch<boolean>\n  /** Local storage key value for storing config parameters  */\n  configKey: string\n  /** OAuth client id */\n  clientId: string\n  /** OAuth client display label */\n  clientLabel: string\n}\n\nexport const OAuthConfigForm = ({\n  setHasConfig,\n  clientId,\n  clientLabel,\n  configKey,\n}: ConfigFormProps) => {\n  const location = useLocation()\n  const redirect_uri = appPath(location, '/oauth')\n  const appConfig = `// client_guid=${clientId}\n{\n  \"redirect_uri\": \"${redirect_uri}\",\n  \"display_name\": \"CORS ${clientLabel}\",\n  \"description\": \"Looker ${clientLabel} using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(configKey)\n    const result = data ? JSON.parse(data) : EmptyConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [apiServerUrl, setApiServerUrl] = useState('')\n  const [fetchedUrl, setFetchedUrl] = useState('')\n  const [webUrl, setWebUrl] = useState('')\n  const [messageBarIntent, setMessageBarIntent] =\n    useState<MessageBarIntent>('positive')\n  const [messageBarText, setMessageBarText] = useState('')\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n  const [saved, setSaved] = useState<ConfigValues>(config)\n\n  const updateMessageBar = (intent: MessageBarIntent, message: string) => {\n    setMessageBarIntent(intent)\n    setMessageBarText(message)\n  }\n\n  const isConfigured = () => {\n    return (\n      apiServerUrl === saved.base_url &&\n      webUrl === saved.looker_url &&\n      apiServerUrl !== '' &&\n      webUrl !== ''\n    )\n  }\n\n  const fetchError = (message: string) => {\n    setWebUrl('')\n    updateMessageBar('critical', message)\n  }\n\n  const saveConfig = (baseUrl: string, webUrl: string) => {\n    const data = {\n      base_url: baseUrl,\n      looker_url: webUrl,\n      client_id: clientId,\n      redirect_uri,\n    }\n    // TODO: replace when redux is introduced\n    localStorage.setItem(configKey, JSON.stringify(data))\n    if (setHasConfig) setHasConfig(true)\n    setSaved(data)\n    updateMessageBar('positive', `Saved ${webUrl} as OAuth server`)\n  }\n\n  const verifyUrl = async (): Promise<ILookerVersions | undefined> => {\n    updateMessageBar(messageBarIntent, '')\n    const versionsUrl = `${apiServerUrl}/versions`\n    try {\n      setFetchedUrl(apiServerUrl)\n      const versions = await getVersions(versionsUrl)\n\n      if (versions) {\n        updateMessageBar('positive', 'Configuration is valid')\n        setWebUrl(versions.web_server_url)\n      }\n\n      return versions\n    } catch (e: any) {\n      fetchError(e.message)\n      return undefined\n    }\n  }\n\n  const handleSave = async () => {\n    const versions = await verifyUrl()\n    if (versions) {\n      saveConfig(versions.api_server_url, versions.web_server_url)\n    }\n  }\n\n  const handleVerify = () => {\n    verifyUrl()\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(configKey)\n\n    setApiServerUrl('')\n    setFetchedUrl('')\n    setWebUrl('')\n    setMessageBarText('')\n    setMessageBarIntent('critical')\n    setSaved(EmptyConfig)\n\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessageBar('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n    const value = event.currentTarget.value\n\n    const newValidationMessages = { ...validationMessages }\n\n    setApiServerUrl(value)\n    setWebUrl('')\n\n    const url = validateUrl(value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      setApiServerUrl(url)\n    } else {\n      newValidationMessages[name] = {\n        message: `'${value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    apiServerUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = apiServerUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setApiServerUrl(base_url)\n    setWebUrl(looker_url)\n  }, [])\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <ConfigHeading>Looker OAuth Configuration</ConfigHeading>\n      <Span fontSize=\"small\">\n        To configure Looker OAuth, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </Span>\n      <MessageBar\n        intent={messageBarIntent}\n        onPrimaryClick={() => updateMessageBar(messageBarIntent, '')}\n        visible={messageBarText !== ''}\n      >\n        {messageBarText}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name=\"baseUrl\"\n                value={apiServerUrl}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name=\"webUrl\"\n                value={webUrl}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          {fetchedUrl && (\n            <>\n              <Paragraph fontSize=\"small\">\n                On {fetchedUrl}, enable {clientLabel} as a{' '}\n                <Link\n                  href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n                  target=\"_blank\"\n                >\n                  Looker OAuth client\n                </Link>{' '}\n                by adding \"{(window as any).location.origin}\" to the{' '}\n                <Link href={`${webUrl}/admin/embed`} target=\"_blank\">\n                  Embedded Domain Allowlist\n                </Link>\n                . If API Explorer is also installed, the configuration below can\n                be used to{' '}\n                <Link\n                  href={`${fetchedUrl}/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app`}\n                  target=\"_blank\"\n                >\n                  register this API Explorer instance\n                </Link>{' '}\n                as an OAuth client.\n              </Paragraph>\n              <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n            </>\n          )}\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${apiServerUrl}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <Span>You are already logged in. Reload the page to log out.</Span>\n          ) : isConfigured() ? (\n            <>\n              <Span>{readyToLogin}</Span>\n            </>\n          ) : (\n            <Span>\n              You will be able to login after you Verify your API Server URL\n            </Span>\n          )}\n          <Tooltip content={`Login to ${webUrl} using OAuth`}>\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@looker/extension-utils",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Looker Extension Utilities",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -27,9 +27,9 @@
   "dependencies": {
     "@looker/code-editor": "^0.1.28",
     "@looker/components": "^4.1.1",
-    "@looker/extension-sdk": "^23.4.0",
-    "@looker/extension-sdk-react": "^23.4.0",
-    "@looker/sdk": "^23.4.0",
+    "@looker/extension-sdk": "^23.6.0",
+    "@looker/extension-sdk-react": "^23.6.0",
+    "@looker/sdk": "^23.6.0",
     "@looker/sdk-rtl": "^21.6.0",
     "@styled-icons/material": "^10.47.0",
     "react": "^16.14.0",
@@ -47,5 +47,5 @@
     "webpack-cli": "^4.6.0",
     "webpack-merge": "^5.7.3"
   },
-  "gitHead": "f71946693bf48b9f28a40910b63f3f983a1b0fc6"
+  "gitHead": "3c3b027b71bced8fb05d5b0d88b15f71c12b97bd"
 }