@nocobase/plugin-auth 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/client/index.js

@@ -0,0 +1,729 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@nocobase/client"), require("react"), require("antd"), require("@formily/shared"), require("react-i18next"), require("@ant-design/icons"), require("@formily/react")) : typeof define === "function" && define.amd ? define(["exports", "@nocobase/client", "react", "antd", "@formily/shared", "react-i18next", "@ant-design/icons", "@formily/react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@nocobase/plugin-auth"] = {}, global["@nocobase/client"], global.react, global.antd, global["@formily/shared"], global["react-i18next"], global["@ant-design/icons"], global["@formily/react"]));
+})(this, function(exports2, client, require$$0, antd, shared, reactI18next, icons, react) {
+  "use strict";
+  var jsxRuntime = { exports: {} };
+  var reactJsxRuntime_production_min = {};
+  /**
+   * @license React
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    void 0 !== g && (e = "" + g);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (h = a.ref);
+    for (b in a)
+      m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps)
+      for (b in a = c.defaultProps, a)
+        void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l;
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  {
+    jsxRuntime.exports = reactJsxRuntime_production_min;
+  }
+  var jsxRuntimeExports = jsxRuntime.exports;
+  const AuthTypeContext = require$$0.createContext({ type: "" });
+  const AuthTypesContext = require$$0.createContext({ types: [] });
+  const useAuthTypes = () => {
+    const { types } = require$$0.useContext(AuthTypesContext);
+    return types;
+  };
+  const collection = {
+    name: "authenticators",
+    sortable: true,
+    fields: [
+      {
+        name: "id",
+        type: "string",
+        interface: "id"
+      },
+      {
+        interface: "input",
+        type: "string",
+        name: "name",
+        uiSchema: {
+          type: "string",
+          title: '{{t("Name")}}',
+          "x-component": "Input",
+          required: true
+        }
+      },
+      {
+        interface: "input",
+        type: "string",
+        name: "authType",
+        uiSchema: {
+          type: "string",
+          title: '{{t("Auth Type", {ns: "auth"})}}',
+          "x-component": "Select",
+          required: true
+        }
+      },
+      {
+        interface: "input",
+        type: "string",
+        name: "title",
+        uiSchema: {
+          type: "string",
+          title: '{{t("Title")}}',
+          "x-component": "Input"
+        }
+      },
+      {
+        interface: "textarea",
+        type: "string",
+        name: "description",
+        uiSchema: {
+          type: "string",
+          title: '{{t("Description")}}',
+          "x-component": "Input"
+        }
+      },
+      {
+        type: "boolean",
+        name: "enabled",
+        uiSchema: {
+          type: "boolean",
+          title: '{{t("Enabled")}}',
+          "x-component": "Checkbox"
+        }
+      }
+    ]
+  };
+  const createFormSchema = {
+    type: "object",
+    properties: {
+      drawer: {
+        type: "void",
+        "x-component": "Action.Drawer",
+        "x-decorator": "Form",
+        "x-decorator-props": {
+          useValues(options) {
+            const ctx = client.useActionContext();
+            const { type: authType } = require$$0.useContext(AuthTypeContext);
+            return client.useRequest(
+              () => Promise.resolve({
+                data: {
+                  name: `s_${shared.uid()}`,
+                  authType
+                }
+              }),
+              { ...options, refreshDeps: [ctx.visible] }
+            );
+          }
+        },
+        title: '{{t("Add new")}}',
+        properties: {
+          name: {
+            "x-component": "CollectionField",
+            "x-decorator": "FormItem"
+          },
+          authType: {
+            "x-component": "CollectionField",
+            "x-decorator": "FormItem",
+            "x-component-props": {
+              options: "{{ types }}"
+            }
+          },
+          title: {
+            "x-component": "CollectionField",
+            "x-decorator": "FormItem"
+          },
+          description: {
+            "x-component": "CollectionField",
+            "x-decorator": "FormItem"
+          },
+          enabled: {
+            "x-component": "CollectionField",
+            "x-decorator": "FormItem"
+          },
+          options: {
+            type: "object",
+            "x-component": "Options"
+          },
+          footer: {
+            type: "void",
+            "x-component": "Action.Drawer.Footer",
+            properties: {
+              cancel: {
+                title: '{{t("Cancel")}}',
+                "x-component": "Action",
+                "x-component-props": {
+                  useAction: "{{ cm.useCancelAction }}"
+                }
+              },
+              submit: {
+                title: '{{t("Submit")}}',
+                "x-component": "Action",
+                "x-component-props": {
+                  type: "primary",
+                  useAction: "{{ cm.useCreateAction }}"
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  const authenticatorsSchema = {
+    type: "void",
+    name: "authenticators",
+    "x-decorator": "ResourceActionProvider",
+    "x-decorator-props": {
+      collection,
+      resourceName: "authenticators",
+      dragSort: true,
+      request: {
+        resource: "authenticators",
+        action: "list",
+        params: {
+          pageSize: 50,
+          sort: "sort",
+          appends: []
+        }
+      }
+    },
+    "x-component": "CollectionProvider",
+    "x-component-props": {
+      collection
+    },
+    properties: {
+      actions: {
+        type: "void",
+        "x-component": "ActionBar",
+        "x-component-props": {
+          style: {
+            marginBottom: 16
+          }
+        },
+        properties: {
+          delete: {
+            type: "void",
+            title: '{{t("Delete")}}',
+            "x-component": "Action",
+            "x-component-props": {
+              useAction: "{{ cm.useBulkDestroyAction }}",
+              confirm: {
+                title: "{{t('Delete')}}",
+                content: "{{t('Are you sure you want to delete it?')}}"
+              }
+            }
+          },
+          create: {
+            type: "void",
+            title: '{{t("Add new")}}',
+            "x-component": "AddNew",
+            "x-component-props": {
+              type: "primary"
+            }
+          }
+        }
+      },
+      table: {
+        type: "void",
+        "x-uid": "input",
+        "x-component": "Table.Void",
+        "x-component-props": {
+          rowKey: "id",
+          rowSelection: {
+            type: "checkbox"
+          },
+          useDataSource: "{{ cm.useDataSourceFromRAC }}",
+          useAction() {
+            const api = client.useAPIClient();
+            const { t } = reactI18next.useTranslation();
+            return {
+              async move(from, to) {
+                await api.resource("authenticators").move({
+                  sourceId: from.id,
+                  targetId: to.id
+                });
+                antd.message.success(t("Saved successfully"), 0.2);
+              }
+            };
+          }
+        },
+        properties: {
+          id: {
+            type: "void",
+            "x-decorator": "Table.Column.Decorator",
+            "x-component": "Table.Column",
+            properties: {
+              id: {
+                type: "number",
+                "x-component": "CollectionField",
+                "x-read-pretty": true
+              }
+            }
+          },
+          name: {
+            type: "void",
+            "x-decorator": "Table.Column.Decorator",
+            "x-component": "Table.Column",
+            properties: {
+              name: {
+                type: "string",
+                "x-component": "CollectionField",
+                "x-read-pretty": true
+              }
+            }
+          },
+          authType: {
+            type: "void",
+            "x-decorator": "Table.Column.Decorator",
+            "x-component": "Table.Column",
+            properties: {
+              authType: {
+                type: "string",
+                "x-component": "CollectionField",
+                "x-read-pretty": true
+              }
+            }
+          },
+          title: {
+            type: "void",
+            "x-decorator": "Table.Column.Decorator",
+            "x-component": "Table.Column",
+            properties: {
+              title: {
+                type: "string",
+                "x-component": "CollectionField",
+                "x-read-pretty": true
+              }
+            }
+          },
+          description: {
+            type: "void",
+            "x-decorator": "Table.Column.Decorator",
+            "x-component": "Table.Column",
+            properties: {
+              description: {
+                type: "boolean",
+                "x-component": "CollectionField",
+                "x-read-pretty": true
+              }
+            }
+          },
+          enabled: {
+            type: "void",
+            "x-decorator": "Table.Column.Decorator",
+            "x-component": "Table.Column",
+            properties: {
+              enabled: {
+                type: "boolean",
+                "x-component": "CollectionField",
+                "x-read-pretty": true
+              }
+            }
+          },
+          actions: {
+            type: "void",
+            title: '{{t("Actions")}}',
+            "x-component": "Table.Column",
+            properties: {
+              actions: {
+                type: "void",
+                "x-component": "Space",
+                "x-component-props": {
+                  split: "|"
+                },
+                properties: {
+                  update: {
+                    type: "void",
+                    title: '{{t("Configure")}}',
+                    "x-component": "Action.Link",
+                    "x-component-props": {
+                      type: "primary"
+                    },
+                    properties: {
+                      drawer: {
+                        type: "void",
+                        "x-component": "Action.Drawer",
+                        "x-decorator": "Form",
+                        "x-decorator-props": {
+                          useValues: "{{ cm.useValuesFromRecord }}"
+                        },
+                        title: '{{t("Configure")}}',
+                        properties: {
+                          name: {
+                            "x-component": "CollectionField",
+                            "x-decorator": "FormItem"
+                          },
+                          authType: {
+                            "x-component": "CollectionField",
+                            "x-decorator": "FormItem",
+                            "x-component-props": {
+                              options: "{{ types }}"
+                            }
+                          },
+                          title: {
+                            "x-component": "CollectionField",
+                            "x-decorator": "FormItem"
+                          },
+                          description: {
+                            "x-component": "CollectionField",
+                            "x-decorator": "FormItem"
+                          },
+                          enabled: {
+                            "x-component": "CollectionField",
+                            "x-decorator": "FormItem"
+                          },
+                          options: {
+                            type: "object",
+                            "x-component": "Options"
+                          },
+                          footer: {
+                            type: "void",
+                            "x-component": "Action.Drawer.Footer",
+                            properties: {
+                              cancel: {
+                                title: '{{t("Cancel")}}',
+                                "x-component": "Action",
+                                "x-component-props": {
+                                  useAction: "{{ cm.useCancelAction }}"
+                                }
+                              },
+                              submit: {
+                                title: '{{t("Submit")}}',
+                                "x-component": "Action",
+                                "x-component-props": {
+                                  type: "primary",
+                                  useAction: "{{ cm.useUpdateAction }}"
+                                }
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  },
+                  delete: {
+                    type: "void",
+                    title: '{{ t("Delete") }}',
+                    "x-component": "Action.Link",
+                    "x-component-props": {
+                      confirm: {
+                        title: "{{t('Delete record')}}",
+                        content: "{{t('Are you sure you want to delete it?')}}"
+                      },
+                      useAction: "{{cm.useDestroyAction}}"
+                    },
+                    "x-disabled": "{{ useCanNotDelete() }}"
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  const useValuesFromOptions = (options) => {
+    const record = client.useRecord();
+    const result = client.useRequest(
+      () => Promise.resolve({
+        data: {
+          ...record.options
+        }
+      }),
+      {
+        ...options,
+        manual: true
+      }
+    );
+    const { run } = result;
+    const ctx = client.useActionContext();
+    require$$0.useEffect(() => {
+      if (ctx.visible) {
+        run();
+      }
+    }, [ctx.visible, run]);
+    return result;
+  };
+  const Options$1 = react.observer(() => {
+    const form = react.useForm();
+    const record = client.useRecord();
+    const component = client.useOptionsComponent(form.values.authType || record.authType);
+    return component;
+  });
+  const useCloseAction = () => {
+    const { setVisible } = client.useActionContext();
+    return {
+      async run() {
+        setVisible(false);
+      }
+    };
+  };
+  const AddNew = () => {
+    const { t } = reactI18next.useTranslation();
+    const [visible, setVisible] = require$$0.useState(false);
+    const [type, setType] = require$$0.useState("");
+    const types = useAuthTypes();
+    const items = types.map((item) => ({
+      ...item,
+      onClick: () => {
+        setVisible(true);
+        setType(item.value);
+      }
+    }));
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.ActionContextProvider, { value: { visible, setVisible }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AuthTypeContext.Provider, { value: { type }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Dropdown, { menu: { items }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Button, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.PlusOutlined, {}), type: "primary", children: [
+        t("Add new"),
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx(icons.DownOutlined, {})
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { scope: { useCloseAction, types, setType }, schema: createFormSchema })
+    ] }) });
+  };
+  const useCanNotDelete = () => {
+    client.useAsyncData();
+    return false;
+  };
+  const Authenticator = () => {
+    const [types, setTypes] = require$$0.useState([]);
+    const api = client.useAPIClient();
+    client.useRequest(
+      () => api.resource("authenticators").listTypes().then((res) => {
+        var _a;
+        const types2 = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) || [];
+        return types2.map((type) => ({
+          key: type,
+          label: type,
+          value: type
+        }));
+      }),
+      {
+        onSuccess: (types2) => {
+          setTypes(types2);
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Card, { bordered: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTypesContext.Provider, { value: { types }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaComponent,
+      {
+        schema: authenticatorsSchema,
+        components: { AddNew, Options: Options$1 },
+        scope: { types, useValuesFromOptions, useCanNotDelete }
+      }
+    ) }) });
+  };
+  const passwordForm = {
+    type: "object",
+    name: "passwordForm",
+    "x-component": "FormV2",
+    properties: {
+      email: {
+        type: "string",
+        required: true,
+        "x-component": "Input",
+        "x-validator": "email",
+        "x-decorator": "FormItem",
+        "x-component-props": { placeholder: '{{t("Email")}}', style: {} }
+      },
+      password: {
+        type: "string",
+        "x-component": "Password",
+        required: true,
+        "x-decorator": "FormItem",
+        "x-component-props": { placeholder: '{{t("Password")}}', style: {} }
+      },
+      actions: {
+        type: "void",
+        "x-component": "div",
+        properties: {
+          submit: {
+            title: '{{t("Sign in")}}',
+            type: "void",
+            "x-component": "Action",
+            "x-component-props": {
+              htmlType: "submit",
+              block: true,
+              type: "primary",
+              useAction: `{{ useBasicSignIn }}`,
+              style: { width: "100%" }
+            }
+          }
+        }
+      },
+      signup: {
+        type: "void",
+        "x-component": "Link",
+        "x-component-props": {
+          to: "{{ signupLink }}"
+        },
+        "x-content": '{{t("Create an account")}}',
+        "x-visible": "{{ allowSignUp }}"
+      }
+    }
+  };
+  const SigninPage = (props) => {
+    const authenticator = props.authenticator;
+    const { authType, name, options } = authenticator;
+    const signupPages = require$$0.useContext(client.SignupPageContext);
+    const allowSignUp = !!signupPages[authType] && (options == null ? void 0 : options.allowSignup);
+    const signupLink = `/signup?authType=${authType}&name=${name}`;
+    const useBasicSignIn = () => {
+      return client.useSignIn(name);
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema: passwordForm, scope: { useBasicSignIn, allowSignUp, signupLink } });
+  };
+  const presetAuthType = "Email/Password";
+  const signupPageSchema = {
+    type: "object",
+    name: shared.uid(),
+    "x-component": "FormV2",
+    properties: {
+      email: {
+        type: "string",
+        required: true,
+        "x-component": "Input",
+        "x-validator": "email",
+        "x-decorator": "FormItem",
+        "x-component-props": { placeholder: '{{t("Email")}}', style: {} }
+      },
+      password: {
+        type: "string",
+        required: true,
+        "x-component": "Password",
+        "x-decorator": "FormItem",
+        "x-component-props": { placeholder: '{{t("Password")}}', checkStrength: true, style: {} },
+        "x-reactions": [
+          {
+            dependencies: [".confirm_password"],
+            fulfill: {
+              state: {
+                selfErrors: '{{$deps[0] && $self.value && $self.value !== $deps[0] ? t("Password mismatch") : ""}}'
+              }
+            }
+          }
+        ]
+      },
+      confirm_password: {
+        type: "string",
+        required: true,
+        "x-component": "Password",
+        "x-decorator": "FormItem",
+        "x-component-props": { placeholder: '{{t("Confirm password")}}', style: {} },
+        "x-reactions": [
+          {
+            dependencies: [".password"],
+            fulfill: {
+              state: {
+                selfErrors: '{{$deps[0] && $self.value && $self.value !== $deps[0] ? t("Password mismatch") : ""}}'
+              }
+            }
+          }
+        ]
+      },
+      actions: {
+        type: "void",
+        "x-component": "div",
+        properties: {
+          submit: {
+            title: '{{t("Sign up")}}',
+            type: "void",
+            "x-component": "Action",
+            "x-component-props": {
+              block: true,
+              type: "primary",
+              htmlType: "submit",
+              useAction: "{{ useBasicSignup }}",
+              style: { width: "100%" }
+            }
+          }
+        }
+      },
+      link: {
+        type: "void",
+        "x-component": "div",
+        properties: {
+          link: {
+            type: "void",
+            "x-component": "Link",
+            "x-component-props": { to: "/signin" },
+            "x-content": '{{t("Log in with an existing account")}}'
+          }
+        }
+      }
+    }
+  };
+  const SignupPage = (props) => {
+    const useBasicSignup = () => {
+      return client.useSignup({ authenticator: props.name });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema: signupPageSchema, scope: { useBasicSignup } });
+  };
+  const NAMESPACE = "auth";
+  function useAuthTranslation() {
+    return reactI18next.useTranslation(NAMESPACE);
+  }
+  const Options = () => {
+    const { t } = useAuthTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SchemaComponent,
+      {
+        scope: { t },
+        schema: {
+          type: "object",
+          properties: {
+            public: {
+              type: "object",
+              properties: {
+                allowSignup: {
+                  "x-decorator": "FormItem",
+                  type: "boolean",
+                  title: '{{t("Allow to sign up")}}',
+                  "x-component": "Checkbox",
+                  "x-component-props": {
+                    defaultChecked: true
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    );
+  };
+  const AuthProvider = (props) => {
+    const { t } = useAuthTranslation();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SettingsCenterProvider,
+      {
+        settings: {
+          auth: {
+            title: t("Authentication"),
+            icon: "LoginOutlined",
+            tabs: {
+              authenticators: {
+                title: t("Authenticators"),
+                component: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Authenticator, {})
+              }
+            }
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.OptionsComponentProvider, { authType: presetAuthType, component: Options, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SigninPageProvider, { authType: presetAuthType, tabTitle: t("Sign in via email"), component: SigninPage, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SignupPageProvider, { authType: presetAuthType, component: SignupPage, children: props.children }) }) })
+      }
+    );
+  };
+  class AuthPlugin extends client.Plugin {
+    async load() {
+      this.app.use(AuthProvider);
+    }
+  }
+  exports2.AuthPlugin = AuthPlugin;
+  exports2.default = AuthPlugin;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});