@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/imagePicker/atoms/contextState.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextState = void 0;
+var jotai_1 = require("jotai");
+exports.contextState = (0, jotai_1.atom)({
+    context: undefined,
+});
+//# sourceMappingURL=contextState.js.map

package/lib-commonjs/controls/imagePicker/atoms/contextState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextState.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/atoms/contextState.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAShB,QAAA,YAAY,GAAG,IAAA,YAAI,EAAgB;IAC9C,OAAO,EAAE,SAAS;CACF,CAAC,CAAC"}

package/lib-commonjs/controls/imagePicker/constants/EMessageTypes.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMessageType = void 0;
+var EMessageType;
+(function (EMessageType) {
+    EMessageType["INFO"] = "info";
+    EMessageType["ERROR"] = "error";
+    EMessageType["SUCCESS"] = "success";
+})(EMessageType || (exports.EMessageType = EMessageType = {}));
+//# sourceMappingURL=EMessageTypes.js.map

package/lib-commonjs/controls/imagePicker/constants/EMessageTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMessageTypes.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/EMessageTypes.ts"],"names":[],"mappings":";;;AAAA,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACvB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB"}

package/lib-commonjs/controls/imagePicker/constants/EUploadLocations.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EUploadLocations = void 0;
+var EUploadLocations;
+(function (EUploadLocations) {
+    EUploadLocations["OneDrive"] = "OneDrive";
+    EUploadLocations["CurrentSite"] = "CurrentSite";
+})(EUploadLocations || (exports.EUploadLocations = EUploadLocations = {}));
+//# sourceMappingURL=EUploadLocations.js.map

package/lib-commonjs/controls/imagePicker/constants/EUploadLocations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EUploadLocations.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/EUploadLocations.ts"],"names":[],"mappings":";;;AAAA,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,+CAA2B,CAAA;AAC7B,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B"}

package/lib-commonjs/controls/imagePicker/constants/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UPLOAD_FOLDER_NAME = exports.CONTENT_URL = exports.CONTENT_IMAGE_STOCK_URL = exports.IMG_SUPPORTED_EXTENSIONS = void 0;
+exports.IMG_SUPPORTED_EXTENSIONS = "gif,jpg,jpeg,png,svg";
+exports.CONTENT_IMAGE_STOCK_URL = "https://hubblecontent.osi.office.net/contentsvc/m365contentpicker/index.html?p=3&app=1001&aud=prod&channel=devmain&setlang=".concat("en", "&msel=0&env=prod&premium=1");
+exports.CONTENT_URL = "https://hubblecontent.osi.office.net";
+exports.UPLOAD_FOLDER_NAME = "My assets";
+//# sourceMappingURL=constants.js.map

package/lib-commonjs/controls/imagePicker/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/constants.ts"],"names":[],"mappings":";;;AAGa,QAAA,wBAAwB,GAAG,sBAAsB,CAAC;AAClD,QAAA,uBAAuB,GAAG,qIAA8H,IAAI,+BAA4B,CAAC;AACzL,QAAA,WAAW,GAAG,sCAAsC,CAAC;AACrD,QAAA,kBAAkB,GAAG,WAAW,CAAC"}

package/lib-commonjs/controls/imagePicker/hooks/useDeleteFile.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeleteFile = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useDeleteFile = function (context) {
+    var deleteFile = react_1.default.useCallback(function (driveId, siteId, itemId, uploadLocation) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var graphClient, requestURL, err_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, context.msGraphClientFactory.getClient("3")];
+                case 1:
+                    graphClient = _a.sent();
+                    _a.label = 2;
+                case 2:
+                    _a.trys.push([2, 4, , 5]);
+                    requestURL = "/sites/".concat(siteId, "/drives/").concat(driveId, "/items/").concat(itemId);
+                    if (uploadLocation === "OneDrive") {
+                        requestURL = "/me/drive/items/".concat(itemId);
+                    }
+                    return [4 /*yield*/, graphClient.api(requestURL).delete()];
+                case 3:
+                    _a.sent();
+                    return [2 /*return*/, true];
+                case 4:
+                    err_1 = _a.sent();
+                    console.error("[DeleteFile] Err='".concat(err_1.message, "'"));
+                    throw new Error("Something went wrong when deleting the file. Status='".concat(err_1.status)); // eslint-disable-line @typescript-eslint/no-explicit-any
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    return [deleteFile];
+};
+exports.useDeleteFile = useDeleteFile;
+//# sourceMappingURL=useDeleteFile.js.map

package/lib-commonjs/controls/imagePicker/hooks/useDeleteFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteFile.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/hooks/useDeleteFile.ts"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAKnB,IAAM,aAAa,GAAG,UAAE,OAA6B;IAC3D,IAAM,UAAU,GAAK,eAAK,CAAC,WAAW,CAAC,UAAO,OAAc,EAAE,MAAa,EAAE,MAAa,EAAE,cAAsB;;;;wBAC3F,qBAAM,OAAO,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAA;;oBAA/D,WAAW,GAAG,SAAiD;;;;oBAG/D,UAAU,GAAG,iBAAU,MAAM,qBAAW,OAAO,oBAAU,MAAM,CAAE,CAAC;oBACtE,IAAI,cAAc,KAAK,UAAU,EAAE,CAAC;wBAClC,UAAU,GAAG,0BAAmB,MAAM,CAAE,CAAC;oBAC3C,CAAC;oBACD,qBAAM,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA1C,SAA0C,CAAC;oBAC3C,sBAAO,IAAI,EAAC;;;oBAEZ,OAAO,CAAC,KAAK,CAAC,4BAAsB,KAAa,CAAC,OAAO,MAAG,CAAC,CAAC;oBAC9D,MAAM,IAAI,KAAK,CAAC,+DAAyD,KAAW,CAAC,MAAM,CAAE,CAAC,CAAC,CAAC,yDAAyD;;;;SAI7J,EAAE,EAAE,CAAC,CAAC;IAEN,OAAO,CAAE,UAAU,CAAW,CAAC;AAEjC,CAAC,CAAC;AArBW,QAAA,aAAa,iBAqBxB"}

package/lib-commonjs/controls/imagePicker/hooks/useGrapAPI.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGraphAPI = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var React = tslib_1.__importStar(require("react"));
+var useGraphAPI = function (context) {
+    var graphClient = React.useMemo(function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!context)
+                        return [2 /*return*/, undefined];
+                    return [4 /*yield*/, context.msGraphClientFactory.getClient("3")];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [context]);
+    var searchImages = React.useCallback(function (query_1) {
+        var args_1 = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args_1[_i - 1] = arguments[_i];
+        }
+        return tslib_1.__awaiter(void 0, tslib_1.__spreadArray([query_1], args_1, true), void 0, function (query, from) {
+            var client, searchResults, hasMoreResults, total, fields, error_1;
+            var _a, _b, _c, _d, _e, _f, _g;
+            if (from === void 0) { from = 0; }
+            return tslib_1.__generator(this, function (_h) {
+                switch (_h.label) {
+                    case 0:
+                        if (!query || !graphClient)
+                            return [2 /*return*/, undefined];
+                        _h.label = 1;
+                    case 1:
+                        _h.trys.push([1, 4, , 5]);
+                        return [4 /*yield*/, graphClient];
+                    case 2:
+                        client = _h.sent();
+                        return [4 /*yield*/, client.api("/search/query").post({
+                                requests: [
+                                    {
+                                        entityTypes: ["driveItem"],
+                                        query: {
+                                            queryString: "".concat(query, " AND -driveitem:\"\""),
+                                        },
+                                        fields: [
+                                            "editor",
+                                            "driveId",
+                                            "Title",
+                                            "Path",
+                                            "Filename",
+                                            "FileExtension",
+                                            "FileType",
+                                            "Created",
+                                            "Author",
+                                            "LastModifiedTime",
+                                            "EditorOwsUser",
+                                            "ModifiedBy",
+                                            "LinkingUrl",
+                                            "SiteTitle",
+                                            "ParentLink",
+                                            "DocumentPreviewMetadata",
+                                            "ListID",
+                                            "ListItemID",
+                                            "SPSiteURL",
+                                            "SiteID",
+                                            "WebId",
+                                            "UniqueID",
+                                            "SPWebUrl",
+                                            "DefaultEncodingURL",
+                                            "PictureThumbnailURL",
+                                            "DriveItem",
+                                            "UniqueId",
+                                            "BannerImageUrlOWSURLH",
+                                        ],
+                                        from: from,
+                                        size: 50,
+                                    },
+                                ],
+                            })];
+                    case 3:
+                        searchResults = _h.sent();
+                        hasMoreResults = (_b = (_a = searchResults.value[0]) === null || _a === void 0 ? void 0 : _a.hitsContainers[0]) === null || _b === void 0 ? void 0 : _b.moreResultsAvailable;
+                        total = (_d = (_c = searchResults.value[0]) === null || _c === void 0 ? void 0 : _c.hitsContainers[0]) === null || _d === void 0 ? void 0 : _d.total;
+                        fields = (_g = (_f = (_e = searchResults.value[0]) === null || _e === void 0 ? void 0 : _e.hitsContainers[0]) === null || _f === void 0 ? void 0 : _f.hits) === null || _g === void 0 ? void 0 : _g.map(function (hit) {
+                            var _a, _b;
+                            return tslib_1.__assign(tslib_1.__assign({}, (_a = hit.resource) === null || _a === void 0 ? void 0 : _a.listItem.fields), { id: (_b = hit.resource) === null || _b === void 0 ? void 0 : _b.listItem.id });
+                        });
+                        return [2 /*return*/, { fields: fields, hasMoreResults: hasMoreResults, total: total }];
+                    case 4:
+                        error_1 = _h.sent();
+                        console.error("[searchImages] error:", error_1);
+                        throw error_1;
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    }, [graphClient]);
+    var getDriveItemDownloadUrl = React.useCallback(function (driveId, itemId) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var client, driveItem, error_2;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!graphClient || !driveId || !itemId)
+                        return [2 /*return*/, undefined];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, graphClient];
+                case 2:
+                    client = _a.sent();
+                    return [4 /*yield*/, client
+                            .api("/drives/".concat(driveId, "/items/").concat(itemId, "?select=@microsoft.graph.downloadUrl"))
+                            .get()];
+                case 3:
+                    driveItem = _a.sent();
+                    return [2 /*return*/, driveItem["@microsoft.graph.downloadUrl"]];
+                case 4:
+                    error_2 = _a.sent();
+                    console.error("[getDriveItemDownloadUrl] error:", error_2);
+                    throw error_2;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient]);
+    var getSiteAssetsLibrary = React.useCallback(function (site) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var client, query, searchResults, fields, error_3;
+        var _a, _b, _c;
+        return tslib_1.__generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    if (!site || !graphClient)
+                        return [2 /*return*/, undefined];
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, graphClient];
+                case 2:
+                    client = _d.sent();
+                    query = "path:".concat(site, "/SiteAssets");
+                    return [4 /*yield*/, client.api("/search/query").post({
+                            requests: [
+                                {
+                                    entityTypes: ["drive"],
+                                    query: {
+                                        queryString: query,
+                                    },
+                                    fields: [
+                                        "editor",
+                                        "driveId",
+                                        "Title",
+                                        "Path",
+                                        "Filename",
+                                        "FileExtension",
+                                        "id",
+                                        "name",
+                                        "path",
+                                        "parentReference",
+                                    ],
+                                },
+                            ],
+                        })];
+                case 3:
+                    searchResults = _d.sent();
+                    fields = (_c = (_b = (_a = searchResults.value[0]) === null || _a === void 0 ? void 0 : _a.hitsContainers[0]) === null || _b === void 0 ? void 0 : _b.hits) === null || _c === void 0 ? void 0 : _c.map(function (hit) { return (tslib_1.__assign({}, hit.resource)); });
+                    return [2 /*return*/, fields[0]];
+                case 4:
+                    error_3 = _d.sent();
+                    console.error("[getSiteAssetsLibrary] error:", error_3);
+                    throw error_3;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient]);
+    return {
+        searchImages: searchImages,
+        getDriveItemDownloadUrl: getDriveItemDownloadUrl,
+        getSiteAssetsLibrary: getSiteAssetsLibrary,
+    };
+};
+exports.useGraphAPI = useGraphAPI;
+//# sourceMappingURL=useGrapAPI.js.map

package/lib-commonjs/controls/imagePicker/hooks/useGrapAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGrapAPI.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/hooks/useGrapAPI.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/imagePicker/hooks/useSpAPI.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSpAPI = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-for-in-array */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var React = tslib_1.__importStar(require("react"));
+var sp_http_1 = require("@microsoft/sp-http");
+var useGrapAPI_1 = require("./useGrapAPI");
+var useSpAPI = function (context) {
+    var getDriveItemDownloadUrl = (0, useGrapAPI_1.useGraphAPI)(context).getDriveItemDownloadUrl;
+    var getFileFromBlob = React.useCallback(function (blob, fileName) {
+        var file = new File([blob], fileName, { type: blob.type });
+        return file;
+    }, []);
+    var getADAcesstoken = React.useCallback(function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var token1, token, getSiteLists, data;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, context.aadTokenProviderFactory.getTokenProvider()];
+                case 1:
+                    token1 = _a.sent();
+                    return [4 /*yield*/, token1.getToken('https://microsoft.sharepoint.com')];
+                case 2:
+                    token = _a.sent();
+                    return [4 /*yield*/, fetch('https://ysz3l-my.sharepoint.com/personal/jmendes_spteckint_onmicrosoft_com/_api/web/lists', {
+                            method: 'GET',
+                            headers: {
+                                'Authorization': "Bearer ".concat(token)
+                            }
+                        })];
+                case 3:
+                    getSiteLists = _a.sent();
+                    return [4 /*yield*/, getSiteLists.json()];
+                case 4:
+                    data = _a.sent();
+                    console.log(data);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var downloadBingContent = function (absoluteFileUrl, fileName) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var fileDownloadResult, blob, err_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, context.httpClient.get(absoluteFileUrl, sp_http_1.SPHttpClient.configurations.v1, {
+                            method: "GET",
+                            mode: "cors"
+                        })];
+                case 1:
+                    fileDownloadResult = _a.sent();
+                    if (!fileDownloadResult || !fileDownloadResult.ok) {
+                        throw new Error("Something went wrong when downloading the file. Status='".concat(fileDownloadResult.status, "'"));
+                    }
+                    return [4 /*yield*/, fileDownloadResult.blob()];
+                case 2:
+                    blob = _a.sent();
+                    return [2 /*return*/, getFileFromBlob(blob, fileName)];
+                case 3:
+                    err_1 = _a.sent();
+                    console.error("[DownloadBingContent] Err='".concat(err_1.message, "'"));
+                    return [2 /*return*/, null];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var downLoadSpOrOneDriveContent = function (driveId, itemId, fileName) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var fileDownloadUrl, fileDownloadResult, blob, err_2;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 4, , 5]);
+                    return [4 /*yield*/, getDriveItemDownloadUrl(driveId, itemId)];
+                case 1:
+                    fileDownloadUrl = _a.sent();
+                    return [4 /*yield*/, context.httpClient.get(fileDownloadUrl, sp_http_1.SPHttpClient.configurations.v1, {
+                            method: "GET",
+                            mode: "cors"
+                        })];
+                case 2:
+                    fileDownloadResult = _a.sent();
+                    if (!fileDownloadResult || !fileDownloadResult.ok) {
+                        throw new Error("Something went wrong when downloading the file. Status='".concat(fileDownloadResult.status, "'"));
+                    }
+                    return [4 /*yield*/, fileDownloadResult.blob()];
+                case 3:
+                    blob = _a.sent();
+                    return [2 /*return*/, getFileFromBlob(blob, fileName)];
+                case 4:
+                    err_2 = _a.sent();
+                    console.error("[DownloadBingContent] Err='".concat(err_2.message, "'"));
+                    return [2 /*return*/, null];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        getADAcesstoken: getADAcesstoken,
+        downloadBingContent: downloadBingContent,
+        downLoadSpOrOneDriveContent: downLoadSpOrOneDriveContent
+    };
+};
+exports.useSpAPI = useSpAPI;
+//# sourceMappingURL=useSpAPI.js.map

package/lib-commonjs/controls/imagePicker/hooks/useSpAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpAPI.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/hooks/useSpAPI.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/imagePicker/hooks/useUploadFile.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUploadFile = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var React = tslib_1.__importStar(require("react"));
+var EUploadLocations_1 = require("../constants/EUploadLocations");
+var useUploadFile = function (context) {
+    var _a = React.useState(false), showProgressBar = _a[0], setShowProgressBar = _a[1];
+    var _b = React.useState(0), percentComplete = _b[0], setPercentComplete = _b[1];
+    var _c = React.useState(null), uploadedFile = _c[0], setUploadedFile = _c[1];
+    var _d = React.useState(false), isUploadFinished = _d[0], setIsUploadFinished = _d[1];
+    var _e = React.useState(null), error = _e[0], setError = _e[1];
+    React.useEffect(function () {
+        setShowProgressBar(false);
+        setPercentComplete(0);
+        setUploadedFile(null);
+        setIsUploadFinished(false);
+    }, []);
+    var uploadFile = React.useCallback(function (file_1) {
+        var args_1 = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args_1[_i - 1] = arguments[_i];
+        }
+        return tslib_1.__awaiter(void 0, tslib_1.__spreadArray([file_1], args_1, true), void 0, function (file, folderName, siteId, libraryId, uploadLocation) {
+            var result, graphClient, payload, requestURL, uploadSessionRes, uploadEndpoint, fileBuffer, FILE_CHUNK_SIZE, NUM_CHUNKS, counter, uploadIndex, progressValue, endIndex, slice, headers, response, error_1;
+            if (folderName === void 0) { folderName = "Upload Images"; }
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        //await delay(5000);
+                        setShowProgressBar(true);
+                        result = null;
+                        return [4 /*yield*/, context.msGraphClientFactory.getClient("3")];
+                    case 1:
+                        graphClient = _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        _a.trys.push([2, 8, , 9]);
+                        payload = {
+                            "@microsoft.graph.conflictBehavior": "rename",
+                            description: "description",
+                            fileSize: file.size,
+                            name: "".concat(file.name),
+                        };
+                        requestURL = "/sites/".concat(siteId, "/drives/").concat(libraryId, "/root:/").concat(folderName, "/").concat(file.name, ":/createUploadSession");
+                        if (uploadLocation === EUploadLocations_1.EUploadLocations.OneDrive) {
+                            requestURL = "/me/drive/root:/".concat(folderName, "/").concat(file.name, ":/createUploadSession");
+                        }
+                        return [4 /*yield*/, graphClient.api(requestURL).post(payload)];
+                    case 3:
+                        uploadSessionRes = _a.sent();
+                        uploadEndpoint = uploadSessionRes.uploadUrl;
+                        fileBuffer = file;
+                        FILE_CHUNK_SIZE = 320 * 1024;
+                        NUM_CHUNKS = Math.floor(fileBuffer.size / FILE_CHUNK_SIZE) + 1;
+                        counter = 1;
+                        uploadIndex = 0;
+                        _a.label = 4;
+                    case 4:
+                        if (!(uploadIndex < fileBuffer.size)) return [3 /*break*/, 7];
+                        progressValue = parseFloat((counter / NUM_CHUNKS).toFixed(2));
+                        setPercentComplete(progressValue);
+                        endIndex = uploadIndex + FILE_CHUNK_SIZE - 1;
+                        slice = void 0;
+                        if (endIndex >= fileBuffer.size) {
+                            endIndex = fileBuffer.size - 1;
+                            slice = fileBuffer.slice(uploadIndex);
+                        }
+                        else {
+                            slice = fileBuffer.slice(uploadIndex, endIndex + 1);
+                        }
+                        headers = {
+                            "Content-Length": "".concat(slice.size),
+                            "Content-Range": "bytes ".concat(uploadIndex, "-").concat(endIndex, "/").concat(fileBuffer.size),
+                        };
+                        return [4 /*yield*/, graphClient.api(uploadEndpoint).headers(headers).put(slice)];
+                    case 5:
+                        response = _a.sent();
+                        if (!response) {
+                            return [3 /*break*/, 7];
+                        }
+                        if (response.nextExpectedRanges) {
+                            //Get the next expected range of the slice
+                            uploadIndex = parseFloat(response.nextExpectedRanges[0]);
+                            counter++;
+                        }
+                        else {
+                            //if there is no next range then break the loop
+                            //Gets the upoaded file response
+                            result = response;
+                            setUploadedFile(result);
+                            console.log("Upload finished", result);
+                            return [3 /*break*/, 7];
+                        }
+                        _a.label = 6;
+                    case 6: return [3 /*break*/, 4];
+                    case 7:
+                        setShowProgressBar(false);
+                        setIsUploadFinished(true);
+                        setUploadedFile(result);
+                        setError(null);
+                        return [2 /*return*/, result];
+                    case 8:
+                        error_1 = _a.sent();
+                        console.log("Error in UploadLargeFileInChunks:", error_1);
+                        setShowProgressBar(false);
+                        setIsUploadFinished(true);
+                        setError(error_1);
+                        throw error_1;
+                    case 9: return [2 /*return*/];
+                }
+            });
+        });
+    }, [context]);
+    return [uploadFile, showProgressBar, percentComplete, uploadedFile, isUploadFinished, error];
+};
+exports.useUploadFile = useUploadFile;
+//# sourceMappingURL=useUploadFile.js.map

package/lib-commonjs/controls/imagePicker/hooks/useUploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFile.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/hooks/useUploadFile.ts"],"names":[],"mappings":";;;;AAAA,sDAAsD;AACtD,qEAAqE;AACrE,uDAAuD;AACvD,mDAA+B;AAI/B,kEAAiE;AAG1D,IAAM,aAAa,GAAG,UAAC,OAA6B;IACnD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAArE,eAAe,QAAA,EAAE,kBAAkB,QAAkC,CAAC;IACvE,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAAhE,eAAe,QAAA,EAAE,kBAAkB,QAA6B,CAAC;IAClE,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAM,IAAI,CAAC,EAA1D,YAAY,QAAA,EAAE,eAAe,QAA6B,CAAC;IAC5D,IAAA,KAA0C,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAAvE,gBAAgB,QAAA,EAAE,mBAAmB,QAAkC,CAAC;IACzE,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAQ,IAAI,CAAC,EAA9C,KAAK,QAAA,EAAE,QAAQ,QAA+B,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC;QACd,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACtB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC;;;;;0GACE,IAAU,EACV,UAAoC,EACpC,MAAc,EACd,SAAiB,EACjB,cAAsB;;YAHtB,2BAAA,EAAA,4BAAoC;;;;wBAKpC,oBAAoB;wBACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBACrB,MAAM,GAAQ,IAAI,CAAC;wBACH,qBAAM,OAAO,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAA;;wBAA/D,WAAW,GAAG,SAAiD;;;;wBAG7D,OAAO,GAAG;4BACd,mCAAmC,EAAE,QAAQ;4BAC7C,WAAW,EAAE,aAAa;4BAC1B,QAAQ,EAAE,IAAI,CAAC,IAAI;4BACnB,IAAI,EAAE,UAAG,IAAI,CAAC,IAAI,CAAE;yBACrB,CAAC;wBAIE,UAAU,GAAG,iBAAU,MAAM,qBAAW,SAAS,oBAAU,UAAU,cAAI,IAAI,CAAC,IAAI,0BAAuB,CAAC;wBAC9G,IAAI,cAAc,KAAK,mCAAgB,CAAC,QAAQ,EAAE,CAAC;4BACjD,UAAU,GAAG,0BAAmB,UAAU,cAAI,IAAI,CAAC,IAAI,0BAAuB,CAAC;wBACjF,CAAC;wBACwB,qBAAM,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA;;wBAAlE,gBAAgB,GAAG,SAA+C;wBAClE,cAAc,GAAW,gBAAgB,CAAC,SAAS,CAAC;wBAGpD,UAAU,GAAG,IAAI,CAAC;wBAGlB,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC;wBAG7B,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;wBAGjE,OAAO,GAAG,CAAC,CAAC;wBAGZ,WAAW,GAAW,CAAC,CAAC;;;6BAErB,CAAA,WAAW,GAAG,UAAU,CAAC,IAAI,CAAA;wBAE5B,aAAa,GAAG,UAAU,CAAC,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;wBACpE,kBAAkB,CAAC,aAAa,CAAC,CAAC;wBAG9B,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,CAAC,CAAC;wBAG7C,KAAK,SAAM,CAAC;wBAChB,IAAI,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;4BAChC,QAAQ,GAAG,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC;4BAC/B,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;wBACxC,CAAC;6BAAM,CAAC;4BACN,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;wBACtD,CAAC;wBAGK,OAAO,GAAG;4BACd,gBAAgB,EAAE,UAAG,KAAK,CAAC,IAAI,CAAE;4BACjC,eAAe,EAAE,gBAAS,WAAW,cAAI,QAAQ,cAAI,UAAU,CAAC,IAAI,CAAE;yBACvE,CAAC;wBAEe,qBAAM,WAAW,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAA;;wBAA5E,QAAQ,GAAG,SAAiE;wBAClF,IAAI,CAAC,QAAQ,EAAE,CAAC;4BACd,wBAAM;wBACR,CAAC;wBACD,IAAI,QAAQ,CAAC,kBAAkB,EAAE,CAAC;4BAChC,0CAA0C;4BAC1C,WAAW,GAAG,UAAU,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;4BACzD,OAAO,EAAE,CAAC;wBACZ,CAAC;6BAAM,CAAC;4BACN,+CAA+C;4BAC/C,gCAAgC;4BAChC,MAAM,GAAG,QAAQ,CAAC;4BAClB,eAAe,CAAC,MAAM,CAAC,CAAC;4BACxB,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;4BACvC,wBAAM;wBACR,CAAC;;;;wBAEH,kBAAkB,CAAC,KAAK,CAAC,CAAC;wBAC1B,mBAAmB,CAAC,IAAI,CAAC,CAAC;wBAC1B,eAAe,CAAC,MAAM,CAAC,CAAC;wBACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;wBACf,sBAAO,MAAM,EAAC;;;wBAEd,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,OAAK,CAAC,CAAC;wBACxD,kBAAkB,CAAC,KAAK,CAAC,CAAC;wBAC1B,mBAAmB,CAAC,IAAI,CAAC,CAAC;wBAC1B,QAAQ,CAAC,OAAc,CAAC,CAAC;wBACzB,MAAM,OAAK,CAAC;;;;;KAEf,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CAAC,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,KAAK,CAAU,CAAC;AACxG,CAAC,CAAC;AApHW,QAAA,aAAa,iBAoHxB"}