@flarehr/superhero-basic-profile 0.1.2214 → 0.1.2217

package/dist/Directory/ProfileImport/ProfileImport.jsx

@@ -0,0 +1,284 @@
+import folder_warn from "../../../src/assets/folder-warn.jpg";
+import spinner from "../../../src/assets/spinner.jpg";
+import check from "../../../src/assets/check.jpg";
+import { createElement } from "react";
+import React from "react";
+import { reactApi } from "../../fable_modules/Feliz.2.8.0/Interop.fs.js";
+import { int32ToString, createObj } from "../../fable_modules/fable-library-js.4.20.0/Util.js";
+import { map as map_2, collect, empty, singleton, append, delay, toList } from "../../fable_modules/fable-library-js.4.20.0/Seq.js";
+import { Dropzone as Dropzone_1 } from "../../../src/Directory/ProfileImport/Dropzone.jsx";
+import { length, map, singleton as singleton_1, append as append_1, concat, ofArray } from "../../fable_modules/fable-library-js.4.20.0/List.js";
+import { AsyncOperationStatus$2 } from "../../Common/Utils.jsx";
+import { View, StateModule_update, StateModule_init, Msg } from "./Types.jsx";
+import { React_useElmish_Z6C327F2E } from "../../fable_modules/Feliz.UseElmish.2.5.0/UseElmish.fs.js";
+import { ProgramModule_mkProgram } from "../../fable_modules/Fable.Elmish.4.0.0/program.fs.js";
+import { replace, join } from "../../fable_modules/fable-library-js.4.20.0/String.js";
+import { map as map_1 } from "../../fable_modules/fable-library-js.4.20.0/Array.js";
+import { ErrorText, ImportSummary } from "../Common.jsx";
+import { ImportService__GetImport_Z524259A4 } from "../BackendServices/ImportService.jsx";
+
+const CsvTemplate = {
+    Csv: "First Name,Middle Name,Last Name,Email,Mobile Number,External ID,Title,Gender,DoB,Address Line 1,Address Line 2,City,State,PostCode,CountryCode",
+    Filename: "ProfileImportCsvTemplate.csv",
+};
+
+export const Images_FolderWarn = folder_warn;
+
+export const Images_Spinner = spinner;
+
+export const Images_Check = check;
+
+function csvLink(csv, filename, linkText) {
+    let blob_1;
+    return createElement("a", {
+        className: "font-medium text-blue-600 underline cursor-pointer",
+        href: (blob_1 = (new Blob([csv], {
+            type: "text/csv;charset=utf-8;",
+        })), window.URL.createObjectURL(blob_1)),
+        download: filename,
+        children: linkText,
+    });
+}
+
+function FileSelectionForm(fileSelectionFormInputProps) {
+    let elems_5;
+    const dispatch = fileSelectionFormInputProps.dispatch;
+    const patternInput = reactApi.useState(false);
+    const setShowConfirmationModal = patternInput[1];
+    const patternInput_1 = reactApi.useState(0);
+    const resetCounter = patternInput_1[0] | 0;
+    let patternInput_2;
+    const initial_2 = new FormData();
+    patternInput_2 = reactApi.useState(initial_2);
+    const formData = patternInput_2[0];
+    return createElement("form", createObj(ofArray([["key", resetCounter], (elems_5 = toList(delay(() => append(singleton(createElement(Dropzone_1, {
+        onCancel: () => {
+            patternInput_1[1](resetCounter + 1);
+            patternInput_2[1](new FormData());
+        },
+        onSubmit: () => {
+            setShowConfirmationModal(true);
+        },
+        onFileDrop: (blob, filename) => {
+            formData.set("file", blob, filename);
+        },
+    })), delay(() => {
+        let children_2, elems_4, elems_3, value_8, elems_2, children, elems, elems_1, value_22, value_28;
+        return patternInput[0] ? singleton((children_2 = ofArray([createElement("div", {
+            className: "fixed inset-0 bg-gray-500 bg-opacity-75",
+        }), createElement("div", createObj(ofArray([["className", "fixed inset-0 z-10 overflow-y-auto"], (elems_4 = [createElement("div", createObj(ofArray([["className", "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"], (elems_3 = [createElement("div", createObj(ofArray([(value_8 = "relative overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl sm:my-8 sm:w-full sm:max-w-lg sm:p-6", ["className", value_8]), (elems_2 = [(children = ofArray([createElement("div", createObj(ofArray([["className", "mt-3 text-center sm:mt-5 space-y-6"], (elems = [createElement("img", {
+            src: Images_FolderWarn,
+            className: "mx-auto",
+        }), createElement("p", {
+            children: ["Please check and confirm this file is being uploaded to the correct account."],
+        }), createElement("p", {
+            children: ["Uploading files to the wrong account can cause a security breach."],
+        })], ["children", reactApi.Children.toArray(Array.from(elems))])]))), createElement("div", createObj(ofArray([["className", "mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3"], (elems_1 = [createElement("button", createObj(ofArray([["type", "button"], (value_22 = "inline-flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 sm:col-start-2", ["className", value_22]), ["children", "I confirm"], ["onClick", (_arg_1) => {
+            dispatch(new Msg(1, [new AsyncOperationStatus$2(0, [formData])]));
+        }]]))), createElement("button", createObj(ofArray([["type", "button"], (value_28 = "mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:col-start-1 sm:mt-0", ["className", value_28]), ["children", "Cancel"], ["onClick", (_arg_2) => {
+            setShowConfirmationModal(false);
+        }]])))], ["children", reactApi.Children.toArray(Array.from(elems_1))])])))]), createElement("div", {
+            children: reactApi.Children.toArray(Array.from(children)),
+        }))], ["children", reactApi.Children.toArray(Array.from(elems_2))])])))], ["children", reactApi.Children.toArray(Array.from(elems_3))])])))], ["children", reactApi.Children.toArray(Array.from(elems_4))])])))]), createElement("div", {
+            children: reactApi.Children.toArray(Array.from(children_2)),
+        }))) : empty();
+    })))), ["children", reactApi.Children.toArray(Array.from(elems_5))])])));
+}
+
+export function Component(componentInputProps) {
+    let elems_1, children, value_2, value_4, children_6, elems, children_2, children_4, elems_5, elems_4;
+    const onDone = componentInputProps.onDone;
+    const importService = componentInputProps.importService;
+    const dispatchFetchImports = componentInputProps.dispatchFetchImports;
+    const accountImports = componentInputProps.accountImports;
+    const accountId = componentInputProps.accountId;
+    const patternInput = React_useElmish_Z6C327F2E(() => ProgramModule_mkProgram(StateModule_init, (msg, state) => StateModule_update(dispatchFetchImports, importService, msg, state), (_arg, _arg_1) => {
+    }), undefined, undefined);
+    const dispatch = patternInput[1];
+    const dependencies_2 = [accountImports];
+    reactApi.useEffect(() => {
+        dispatch(new Msg(2, [new AsyncOperationStatus$2(1, [accountImports])]));
+    }, dependencies_2);
+    const children_20 = ofArray([createElement("div", createObj(ofArray([["className", "space-y-6"], (elems_1 = [(children = ofArray([(value_2 = "Upload a CSV file with required information (first name, last name, email) to create new partial profiles.\n               The file will be validated ", value_2), createElement("b", {
+        children: ["before"],
+    }), (value_4 = " creating the profiles.\n               If validation fails, the file will be rejected, and no profiles created.\n               You\'ll get an error report to fix the information before re-uploading.", value_4)]), createElement("p", {
+        children: reactApi.Children.toArray(Array.from(children)),
+    })), createElement("p", {
+        children: "This feature doesn\'t update existing profiles in the account.",
+    }), (children_6 = ofArray([createElement("span", {
+        children: ["Not sure how to get started?"],
+    }), createElement("ul", createObj(ofArray([["className", "ml-6 list-disc list-outside"], (elems = [(children_2 = ofArray([csvLink(CsvTemplate.Csv, CsvTemplate.Filename, "Download"), " a blank CSV template"]), createElement("li", {
+        children: reactApi.Children.toArray(Array.from(children_2)),
+    })), (children_4 = ofArray([createElement("a", {
+        className: "cursor-pointer font-medium text-blue-600 underline",
+        children: "Read the guide",
+        target: "_blank",
+        rel: "noreferrer",
+        href: "https://coda.io/d/Network-Partners_duJlEDaJduS/How-to-import-existing-employees_suumX#_lu5Lq",
+    }), " to using the CSV importer"]), createElement("li", {
+        children: reactApi.Children.toArray(Array.from(children_4)),
+    }))], ["children", reactApi.Children.toArray(Array.from(elems))])])))]), createElement("div", {
+        children: reactApi.Children.toArray(Array.from(children_6)),
+    }))], ["children", reactApi.Children.toArray(Array.from(elems_1))])]))), createElement("div", createObj(ofArray([["className", "px-8 mt-10"], (elems_5 = [createElement("div", createObj(ofArray([["className", "border border-gray-300 w-full py-12 rounded text-center bg-white"], (elems_4 = toList(delay(() => {
+        let children_8, children_14, children_16, children_18;
+        const matchValue = patternInput[0].View;
+        switch (matchValue.tag) {
+            case 1:
+                return singleton((children_8 = ofArray([createElement("img", {
+                    src: Images_Spinner,
+                    className: "mx-auto animate-spin",
+                }), createElement("p", {
+                    className: "mt-2",
+                    children: "Validating data",
+                })]), createElement("div", {
+                    children: reactApi.Children.toArray(Array.from(children_8)),
+                })));
+            case 2: {
+                const error = matchValue.fields[0];
+                return singleton((children_14 = toList(delay(() => {
+                    const downloadLink = (errorList) => {
+                        let elems_2;
+                        return createElement("p", createObj(ofArray([["className", "mt-6"], (elems_2 = ["Download the full error report ", csvLink(join("\r\n", concat(append_1(singleton_1(singleton_1("Row,Column,Error")), map((e) => map((fieldError) => join(",", map_1((s_1) => (`"${s_1}"`), map_1((s) => replace(s, "\"", "\"\""), [int32ToString(e.RowId), fieldError.Column, fieldError.Message]))), e.FieldErrors), errorList)))), `${accountId}_validation_errors.csv`, "here"), "."], ["children", reactApi.Children.toArray(Array.from(elems_2))])])));
+                    };
+                    let msg_1;
+                    switch (error.tag) {
+                        case 1: {
+                            msg_1 = createElement("p", {
+                                children: ["Invalid file name"],
+                            });
+                            break;
+                        }
+                        case 2: {
+                            msg_1 = createElement("p", {
+                                children: ["CSV exceeds max row limit"],
+                            });
+                            break;
+                        }
+                        case 3: {
+                            msg_1 = createElement("p", {
+                                children: [error.fields[0]],
+                            });
+                            break;
+                        }
+                        case 4: {
+                            msg_1 = createElement("p", {
+                                children: ["CSV does not contain any data"],
+                            });
+                            break;
+                        }
+                        case 5: {
+                            msg_1 = createElement("p", {
+                                children: ["File not uploaded, ensure a file is selected"],
+                            });
+                            break;
+                        }
+                        case 6: {
+                            msg_1 = createElement("p", {
+                                children: ["Only a single file is allowed"],
+                            });
+                            break;
+                        }
+                        case 8: {
+                            msg_1 = createElement("p", {
+                                children: ["Unknown account"],
+                            });
+                            break;
+                        }
+                        case 7: {
+                            if (length(error.fields[0]) <= 10) {
+                                const children_10 = toList(delay(() => append(singleton(createElement("p", {
+                                    className: "mb-3",
+                                    children: "The file contains the following validation error(s)",
+                                })), delay(() => append(collect((err) => map_2((fieldErr) => createElement("li", {
+                                    children: [`Row ${err.RowId}, Column ${fieldErr.Column}: ${fieldErr.Message}`],
+                                }), err.FieldErrors), error.fields[0]), delay(() => singleton(downloadLink(error.fields[0]))))))));
+                                msg_1 = createElement("div", {
+                                    children: reactApi.Children.toArray(Array.from(children_10)),
+                                });
+                            }
+                            else {
+                                const children_12 = ofArray([createElement("p", {
+                                    children: ["The file contains more than 10 validation errors"],
+                                }), downloadLink(error.fields[0])]);
+                                msg_1 = createElement("div", {
+                                    children: reactApi.Children.toArray(Array.from(children_12)),
+                                });
+                            }
+                            break;
+                        }
+                        case 9: {
+                            msg_1 = createElement("p", {
+                                children: ["An import is already in progress"],
+                            });
+                            break;
+                        }
+                        default:
+                            msg_1 = createElement("p", {
+                                children: ["Invalid file type"],
+                            });
+                    }
+                    return append(singleton(createElement("img", {
+                        src: Images_FolderWarn,
+                        className: "mx-auto",
+                    })), delay(() => append(singleton(createElement("div", {
+                        className: "mt-2",
+                        children: reactApi.Children.toArray([msg_1]),
+                    })), delay(() => {
+                        let value_65;
+                        return singleton(createElement("button", createObj(ofArray([["type", "button"], ["children", "Upload another file"], (value_65 = "mt-8 rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600", ["className", value_65]), ["onClick", (_arg_2) => {
+                            dispatch(new Msg(0, [new View(0, [])]));
+                        }]]))));
+                    }))));
+                })), createElement("div", {
+                    children: reactApi.Children.toArray(Array.from(children_14)),
+                })));
+            }
+            case 3: {
+                const import$ = matchValue.fields[0];
+                return singleton((children_16 = ofArray([createElement("img", {
+                    src: Images_Spinner,
+                    className: "mx-auto animate-spin",
+                }), createElement("p", {
+                    className: "mt-2 mb-6",
+                    children: "Creating profiles",
+                }), createElement("p", {
+                    children: [`Creator: ${import$.User}`],
+                }), createElement("p", {
+                    children: [`Filename: ${import$.Filename}`],
+                }), createElement("p", {
+                    children: [`Rows processed: ${import$.CompletedSuccessfully + import$.CompletedFailed}`],
+                }), createElement("p", {
+                    children: [`Total rows: ${import$.NumberOfRecords}`],
+                })]), createElement("div", {
+                    children: reactApi.Children.toArray(Array.from(children_16)),
+                })));
+            }
+            case 4: {
+                const import$_1 = matchValue.fields[0];
+                return singleton((children_18 = ofArray([createElement("img", {
+                    src: Images_Check,
+                    className: "mx-auto",
+                }), createElement("p", {
+                    className: "mt-2 mb-6",
+                    children: `${import$_1.Succeeded} Profiles successfully created`,
+                }), createElement(ImportSummary, {
+                    importId: import$_1.ImportId,
+                    fetchImport: (importId) => ImportService__GetImport_Z524259A4(importService, importId),
+                    onDone: onDone,
+                })]), createElement("div", {
+                    children: reactApi.Children.toArray(Array.from(children_18)),
+                })));
+            }
+            case 5:
+                return singleton(ErrorText(matchValue.fields[0]));
+            default:
+                return singleton(createElement(FileSelectionForm, {
+                    dispatch: dispatch,
+                }));
+        }
+    })), ["children", reactApi.Children.toArray(Array.from(elems_4))])])))], ["children", reactApi.Children.toArray(Array.from(elems_5))])])))]);
+    return createElement("div", {
+        children: reactApi.Children.toArray(Array.from(children_20)),
+    });
+}
+

package/dist/Directory/ProfileImport/Types.jsx

@@ -0,0 +1,91 @@
+import { Record, Union } from "../../fable_modules/fable-library-js.4.20.0/Types.js";
+import { AccountImportsDto_$reflection, ImportHistoryDto_$reflection, ActiveImportDto_$reflection, PostImportError_$reflection } from "../../Basic.Profile.Domain/Import/Api/Read.jsx";
+import { unit_type, class_type, record_type, union_type, string_type } from "../../fable_modules/fable-library-js.4.20.0/Reflection.js";
+import { ImportService__CreateImport_D0E9224, ImportServiceModule_Types_CreateImportResult_$reflection } from "../BackendServices/ImportService.jsx";
+import { FSharpResult$2 } from "../../fable_modules/fable-library-js.4.20.0/Result.js";
+import { AsyncOperationStatus$2, AsyncOperationStatus$2_$reflection } from "../../Common/Utils.jsx";
+import { Cmd_OfAsync_start as Cmd_OfAsync_start_1, Cmd_batch, Cmd_none } from "../../fable_modules/Fable.Elmish.4.0.0/cmd.fs.js";
+import { find, ofArray, singleton, map } from "../../fable_modules/fable-library-js.4.20.0/List.js";
+import { Cmd_OfAsync_start, Cmd_OfAsyncWith_perform } from "../../fable_modules/Fable.Elmish.4.0.0/cmd.fs.js";
+import { singleton as singleton_1 } from "../../fable_modules/fable-library-js.4.20.0/AsyncBuilder.js";
+import { sleep } from "../../fable_modules/fable-library-js.4.20.0/Async.js";
+
+export class View extends Union {
+    constructor(tag, fields) {
+        super();
+        this.tag = tag;
+        this.fields = fields;
+    }
+    cases() {
+        return ["FileSelection", "Validating", "ValidationError", "ImportInProgress", "ImportComplete", "UnexpectedError"];
+    }
+}
+
+export function View_$reflection() {
+    return union_type("Basic.Profile.UI.Superhero.Directory.ProfileImport.Types.View", [], View, () => [[], [], [["Item", PostImportError_$reflection()]], [["Item", ActiveImportDto_$reflection()]], [["Item", ImportHistoryDto_$reflection()]], [["Item", string_type]]]);
+}
+
+export class State extends Record {
+    constructor(View) {
+        super();
+        this.View = View;
+    }
+}
+
+export function State_$reflection() {
+    return record_type("Basic.Profile.UI.Superhero.Directory.ProfileImport.Types.State", [], State, () => [["View", View_$reflection()]]);
+}
+
+export class Msg extends Union {
+    constructor(tag, fields) {
+        super();
+        this.tag = tag;
+        this.fields = fields;
+    }
+    cases() {
+        return ["SetView", "CreateImport", "FetchImports"];
+    }
+}
+
+export function Msg_$reflection() {
+    return union_type("Basic.Profile.UI.Superhero.Directory.ProfileImport.Types.Msg", [], Msg, () => [[["Item", View_$reflection()]], [["Item", AsyncOperationStatus$2_$reflection(class_type("Browser.Types.FormData"), union_type("Microsoft.FSharp.Core.FSharpResult`2", [ImportServiceModule_Types_CreateImportResult_$reflection(), string_type], FSharpResult$2, () => [[["ResultValue", ImportServiceModule_Types_CreateImportResult_$reflection()]], [["ErrorValue", string_type]]]))]], [["Item", AsyncOperationStatus$2_$reflection(unit_type, AccountImportsDto_$reflection())]]]);
+}
+
+export function StateModule_init() {
+    return [new State(new View(0, [])), Cmd_none()];
+}
+
+export function StateModule_update(dispatchFetchImports, importService, msg, state) {
+    let activeImport, matchValue, activeImport_1;
+    switch (msg.tag) {
+        case 1:
+            if (msg.fields[0].tag === 1) {
+                return [state, Cmd_batch(map((msg_2) => singleton((dispatch_1) => {
+                    dispatch_1(msg_2);
+                }), (msg.fields[0].fields[0].tag === 1) ? singleton(new Msg(0, [new View(5, [msg.fields[0].fields[0].fields[0]])])) : ((msg.fields[0].fields[0].fields[0].tag === 1) ? singleton(new Msg(0, [new View(2, [msg.fields[0].fields[0].fields[0].fields[0]])])) : ((msg.fields[0].fields[0].fields[0].fields[0].ActiveImport == null) ? singleton(new Msg(0, [new View(5, ["New import not active"])])) : ((activeImport = msg.fields[0].fields[0].fields[0].fields[0].ActiveImport, ofArray([new Msg(0, [new View(3, [activeImport])]), new Msg(2, [new AsyncOperationStatus$2(0, [undefined])])])))))))];
+            }
+            else {
+                return [state, Cmd_batch(ofArray([singleton((dispatch) => {
+                    dispatch(new Msg(0, [new View(1, [])]));
+                }), Cmd_OfAsyncWith_perform((x) => {
+                    Cmd_OfAsync_start(x);
+                }, (formData_1) => ImportService__CreateImport_D0E9224(importService, formData_1), msg.fields[0].fields[0], (arg) => (new Msg(1, [new AsyncOperationStatus$2(1, [arg])])))]))];
+            }
+        case 2:
+            if (msg.fields[0].tag === 1) {
+                return [state, Cmd_batch(map((msg_4) => singleton((dispatch_2) => {
+                    dispatch_2(msg_4);
+                }), (matchValue = state.View, (matchValue.tag === 3) ? ((msg.fields[0].fields[0].ActiveImport != null) ? ((activeImport_1 = msg.fields[0].fields[0].ActiveImport, ofArray([new Msg(0, [new View(3, [activeImport_1])]), new Msg(2, [new AsyncOperationStatus$2(0, [undefined])])]))) : singleton(new Msg(0, [new View(4, [find((h) => (h.ImportId === matchValue.fields[0].ImportId), msg.fields[0].fields[0].ImportHistory)])]))) : ((msg.fields[0].fields[0].ActiveImport != null) ? ((activeImport_1 = msg.fields[0].fields[0].ActiveImport, ofArray([new Msg(0, [new View(3, [activeImport_1])]), new Msg(2, [new AsyncOperationStatus$2(0, [undefined])])]))) : singleton(new Msg(0, [new View(0, [])]))))))];
+            }
+            else {
+                Cmd_OfAsync_start_1(singleton_1.Delay(() => singleton_1.Bind(sleep(10000), () => {
+                    dispatchFetchImports();
+                    return singleton_1.Zero();
+                })));
+                return [state, Cmd_none()];
+            }
+        default:
+            return [new State(msg.fields[0]), Cmd_none()];
+    }
+}
+

package/dist/Directory/TabNav.jsx

@@ -0,0 +1,24 @@
+import { createElement } from "react";
+import React from "react";
+import { equals, createObj } from "../fable_modules/fable-library-js.4.20.0/Util.js";
+import { singleton, append, map, delay, toList } from "../fable_modules/fable-library-js.4.20.0/Seq.js";
+import { Tab__get_DisplayName } from "./Types.jsx";
+import { join } from "../fable_modules/fable-library-js.4.20.0/String.js";
+import { reactApi } from "../fable_modules/Feliz.2.8.0/Interop.fs.js";
+import { ofArray } from "../fable_modules/fable-library-js.4.20.0/List.js";
+
+export function Component(componentInputProps) {
+    let elems_1, elems;
+    const setCurrentTab = componentInputProps.setCurrentTab;
+    const currentTab = componentInputProps.currentTab;
+    const tabs = componentInputProps.tabs;
+    return createElement("div", createObj(ofArray([["className", "border-b border-gray-200"], (elems_1 = [createElement("nav", createObj(ofArray([["className", "-mb-px flex space-x-8"], (elems = toList(delay(() => map((tab) => createElement("a", {
+        key: Tab__get_DisplayName(tab),
+        className: join(" ", toList(delay(() => append(equals(currentTab, tab) ? singleton("border-indigo-500 text-indigo-600") : singleton("border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 cursor-pointer"), delay(() => singleton("whitespace-nowrap border-b-2 py-4 px-1 text-sm font-medium")))))),
+        onClick: (_arg) => {
+            setCurrentTab(tab);
+        },
+        children: Tab__get_DisplayName(tab),
+    }), tabs))), ["children", reactApi.Children.toArray(Array.from(elems))])])))], ["children", reactApi.Children.toArray(Array.from(elems_1))])])));
+}
+

package/dist/Directory/Types.jsx

@@ -0,0 +1,101 @@
+import { Record, Union } from "../fable_modules/fable-library-js.4.20.0/Types.js";
+import { unit_type, record_type, string_type, union_type } from "../fable_modules/fable-library-js.4.20.0/Reflection.js";
+import { AccountImportsDto_$reflection } from "../Basic.Profile.Domain/Import/Api/Read.jsx";
+import { FSharpResult$2 } from "../fable_modules/fable-library-js.4.20.0/Result.js";
+import { Deferred$1, Deferred$1_$reflection } from "../fable_modules/Feliz.UseDeferred.2.0.0/UseDeferred.fs.js";
+import { AsyncOperationStatus$2, AsyncOperationStatus$2_$reflection } from "../Common/Utils.jsx";
+import { singleton } from "../fable_modules/fable-library-js.4.20.0/List.js";
+import { Cmd_none } from "../fable_modules/Fable.Elmish.4.0.0/cmd.fs.js";
+import { Cmd_OfAsync_start, Cmd_OfAsyncWith_perform } from "../fable_modules/Fable.Elmish.4.0.0/cmd.fs.js";
+
+export class Tab extends Union {
+    constructor(tag, fields) {
+        super();
+        this.tag = tag;
+        this.fields = fields;
+    }
+    cases() {
+        return ["Import", "Configuration"];
+    }
+}
+
+export function Tab_$reflection() {
+    return union_type("Basic.Profile.UI.Superhero.Directory.Types.Tab", [], Tab, () => [[["Item", ImportTabs_$reflection()]], []]);
+}
+
+export class ImportTabs extends Union {
+    constructor(tag, fields) {
+        super();
+        this.tag = tag;
+        this.fields = fields;
+    }
+    cases() {
+        return ["ProfileImport", "PastImports"];
+    }
+}
+
+export function ImportTabs_$reflection() {
+    return union_type("Basic.Profile.UI.Superhero.Directory.Types.ImportTabs", [], ImportTabs, () => [[], []]);
+}
+
+export function Tab__get_DisplayName(this$) {
+    if (this$.tag === 1) {
+        return "Configuration";
+    }
+    else if (this$.fields[0].tag === 1) {
+        return "Past Imports";
+    }
+    else {
+        return "Profile Import";
+    }
+}
+
+export class State extends Record {
+    constructor(CurrentTab, AccountImports) {
+        super();
+        this.CurrentTab = CurrentTab;
+        this.AccountImports = AccountImports;
+    }
+}
+
+export function State_$reflection() {
+    return record_type("Basic.Profile.UI.Superhero.Directory.Types.State", [], State, () => [["CurrentTab", Tab_$reflection()], ["AccountImports", Deferred$1_$reflection(union_type("Microsoft.FSharp.Core.FSharpResult`2", [AccountImportsDto_$reflection(), string_type], FSharpResult$2, () => [[["ResultValue", AccountImportsDto_$reflection()]], [["ErrorValue", string_type]]]))]]);
+}
+
+export class Msg extends Union {
+    constructor(tag, fields) {
+        super();
+        this.tag = tag;
+        this.fields = fields;
+    }
+    cases() {
+        return ["SetCurrentTab", "FetchImports"];
+    }
+}
+
+export function Msg_$reflection() {
+    return union_type("Basic.Profile.UI.Superhero.Directory.Types.Msg", [], Msg, () => [[["Item", Tab_$reflection()]], [["Item", AsyncOperationStatus$2_$reflection(unit_type, union_type("Microsoft.FSharp.Core.FSharpResult`2", [AccountImportsDto_$reflection(), string_type], FSharpResult$2, () => [[["ResultValue", AccountImportsDto_$reflection()]], [["ErrorValue", string_type]]]))]]]);
+}
+
+export function StateModule_init() {
+    return [new State(new Tab(0, [new ImportTabs(0, [])]), new Deferred$1(0, [])), singleton((dispatch) => {
+        dispatch(new Msg(1, [new AsyncOperationStatus$2(0, [undefined])]));
+    })];
+}
+
+export function StateModule_update(fetchImports, msg, state) {
+    if (msg.tag === 1) {
+        if (msg.fields[0].tag === 1) {
+            return [new State(state.CurrentTab, new Deferred$1(2, [msg.fields[0].fields[0]])), Cmd_none()];
+        }
+        else {
+            return [state, Cmd_OfAsyncWith_perform((x) => {
+                Cmd_OfAsync_start(x);
+            }, fetchImports, undefined, (arg) => (new Msg(1, [new AsyncOperationStatus$2(1, [arg])])))];
+        }
+    }
+    else {
+        return [new State(msg.fields[0], state.AccountImports), Cmd_none()];
+    }
+}
+

package/dist/Directory/User.jsx

@@ -0,0 +1,117 @@
+import { Record, Union } from "../fable_modules/fable-library-js.4.20.0/Types.js";
+import { anonRecord_type, array_type, record_type, list_type, option_type, union_type, string_type } from "../fable_modules/fable-library-js.4.20.0/Reflection.js";
+import { ofArray, empty, contains } from "../fable_modules/fable-library-js.4.20.0/List.js";
+import { uncurry2, defaultOf, safeHash, equals } from "../fable_modules/fable-library-js.4.20.0/Util.js";
+import { some } from "../fable_modules/fable-library-js.4.20.0/Option.js";
+import { split } from "../fable_modules/fable-library-js.4.20.0/String.js";
+import { map, item, equalsWith } from "../fable_modules/fable-library-js.4.20.0/Array.js";
+import { Auto_generateBoxedDecoder_Z6670B51, fromString } from "../fable_modules/Thoth.Json.10.2.0/Decode.fs.js";
+import { CaseStrategy } from "../fable_modules/Thoth.Json.10.2.0/Types.fs.js";
+import { FSharpResult$2 } from "../fable_modules/fable-library-js.4.20.0/Result.js";
+
+export class AccessRole extends Union {
+    constructor(Item) {
+        super();
+        this.tag = 0;
+        this.fields = [Item];
+    }
+    cases() {
+        return ["AccessRole"];
+    }
+}
+
+export function AccessRole_$reflection() {
+    return union_type("Basic.Profile.UI.Superhero.Directory.AccessRole", [], AccessRole, () => [[["Item", string_type]]]);
+}
+
+export function AccessRoleModule_create(str) {
+    return new AccessRole(str);
+}
+
+export function AccessRoleModule_value(_arg) {
+    return _arg.fields[0];
+}
+
+const AccessRoleModule_ImportRole = new AccessRole("BasicProfile.ImportData");
+
+const AccessRoleModule_AccessConfigRole = new AccessRole("BasicProfile.AccessConfig");
+
+const AccessRoleModule_EditConfigRole = new AccessRole("BasicProfile.EditConfig");
+
+export function AccessRoleModule_$007CImport$007C_$007C(roles) {
+    if (contains(AccessRoleModule_ImportRole, roles, {
+        Equals: equals,
+        GetHashCode: safeHash,
+    })) {
+        return some(undefined);
+    }
+    else {
+        return undefined;
+    }
+}
+
+export function AccessRoleModule_$007CAccessConfig$007C_$007C(roles) {
+    if (contains(AccessRoleModule_AccessConfigRole, roles, {
+        Equals: equals,
+        GetHashCode: safeHash,
+    })) {
+        return some(undefined);
+    }
+    else {
+        return undefined;
+    }
+}
+
+export function AccessRoleModule_$007CEditConfig$007C_$007C(roles) {
+    if (contains(AccessRoleModule_EditConfigRole, roles, {
+        Equals: equals,
+        GetHashCode: safeHash,
+    })) {
+        return some(undefined);
+    }
+    else {
+        return undefined;
+    }
+}
+
+export function AccessRoleModule_canEditConfig(roles) {
+    if (AccessRoleModule_$007CEditConfig$007C_$007C(roles) != null) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+
+export class User extends Record {
+    constructor(UserName, Roles) {
+        super();
+        this.UserName = UserName;
+        this.Roles = Roles;
+    }
+}
+
+export function User_$reflection() {
+    return record_type("Basic.Profile.UI.Superhero.Directory.User", [], User, () => [["UserName", option_type(string_type)], ["Roles", list_type(AccessRole_$reflection())]]);
+}
+
+export function UserModule_create(accessToken) {
+    let userDetails;
+    const matchValue = split((accessToken == null) ? "" : accessToken, ["."], undefined, 0);
+    if (!equalsWith((x, y) => (x === y), matchValue, defaultOf()) && (matchValue.length === 3)) {
+        const arg = item(1, matchValue);
+        const s = atob(arg);
+        userDetails = fromString(uncurry2(Auto_generateBoxedDecoder_Z6670B51(anonRecord_type(["Name", string_type], ["Roles", array_type(string_type)]), new CaseStrategy(1, []), undefined)), s);
+    }
+    else {
+        userDetails = (new FSharpResult$2(1, ["Failed to identify the user"]));
+    }
+    if (userDetails.tag === 1) {
+        return new User(undefined, empty());
+    }
+    else {
+        const ud = userDetails.fields[0];
+        return new User(ud.Name, ofArray(map(AccessRoleModule_create, ud.Roles)));
+    }
+}
+