@bindu-dashing/dam-solution-v2 5.8.6

package/build/MyDrive/routes.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FETCH_ENTITY_SCREEN, MY_DRIVE_SCREEN, SUBFOLDERS_SCREEN, } from "../utilities/constants/routes";
+import ImagePickerDrive from "./ImagePickerDrive";
+import MyDriveMainContainer from "./MyDriveMainContainer";
+import { NavigatorProvider } from "../utilities/NavigatorProvider";
+export default function AppRoutes({ folders, setFolders, routerVersion, }) {
+    if (routerVersion === 6) {
+        // ✅ React Router v6
+        const { Routes, Route } = require("react-router-dom");
+        return (_jsxs(Routes, { children: [_jsx(Route, { path: MY_DRIVE_SCREEN, element: _jsx(MyDriveMainContainer, { folders: folders, setFolders: setFolders }) }, MY_DRIVE_SCREEN), _jsx(Route, { path: SUBFOLDERS_SCREEN, element: _jsx(MyDriveMainContainer, { folders: folders, setFolders: setFolders }) }, SUBFOLDERS_SCREEN), _jsx(Route, { path: FETCH_ENTITY_SCREEN, element: _jsx(ImagePickerDrive, {}) }, FETCH_ENTITY_SCREEN)] }));
+    }
+    // ✅ React Router v4/v5
+    const { Switch, Route, withRouter } = require("react-router-dom");
+    const Wrapper = ({ history }) => (_jsx(NavigatorProvider, { history: history, children: _jsxs(Switch, { children: [_jsx(Route, { path: MY_DRIVE_SCREEN, render: (props) => (_jsx(MyDriveMainContainer, Object.assign({ folders: folders, setFolders: setFolders }, props))) }, MY_DRIVE_SCREEN), _jsx(Route, { path: SUBFOLDERS_SCREEN, render: (props) => (_jsx(MyDriveMainContainer, Object.assign({ folders: folders, setFolders: setFolders }, props))) }, SUBFOLDERS_SCREEN), _jsx(Route, { path: FETCH_ENTITY_SCREEN, render: (props) => _jsx(ImagePickerDrive, Object.assign({}, props)) }, FETCH_ENTITY_SCREEN)] }) }));
+    const WithRouterWrapper = withRouter(Wrapper);
+    return _jsx(WithRouterWrapper, {});
+}

package/build/PenView/PenDetails.d.ts

@@ -0,0 +1,4 @@
+declare const PenDetails: ({ id }: {
+    id: string;
+}) => JSX.Element;
+export default PenDetails;

package/build/PenView/PenDetails.js

@@ -0,0 +1,114 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import { LuTruck } from "react-icons/lu";
+import ProductDescription from "./ProductDescription";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { FETCH_ASSET_URL, FETCH_FILE_URL, } from "../utilities/constants/apiUrls";
+import { get } from "lodash";
+import Loader from "../common/loader/loader";
+const PenDetails = ({ id }) => {
+    const Truck = LuTruck;
+    const [selectedBarrelColor, setSelectedBarrelColor] = useState("");
+    const [selectedInkColor, setSelectedInkColor] = useState("");
+    const [quantity, setQuantity] = useState(1);
+    const damConfig = useDamConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        file: {},
+        loading: false,
+        assetTemplate: {},
+        isAssetLoading: false,
+    });
+    useEffect(() => {
+        if (id) {
+            getFile();
+        }
+    }, [id]);
+    const getAsset = (assetId) => __awaiter(void 0, void 0, void 0, function* () {
+        setState((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { isAssetLoading: true });
+        });
+        try {
+            const response = yield api.get(FETCH_ASSET_URL.replace(":assetId", assetId));
+            //   console.log(response);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { isAssetLoading: false, assetTemplate: get(response, "data", {}) });
+            });
+        }
+        catch (err) {
+            console.log("Error while fetching the Asset Template", err);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { isAssetLoading: false });
+            });
+        }
+    });
+    const getFile = () => __awaiter(void 0, void 0, void 0, function* () {
+        setState((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { loading: true });
+        });
+        try {
+            const response = yield api.get(FETCH_FILE_URL.replace(":fileId", id));
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: false, file: get(response, "data", {}) });
+            });
+            getAsset(get(response, "data.assetId", ""));
+        }
+        catch (err) {
+            console.log("Error while fetching the file", err);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: false });
+            });
+        }
+    });
+    const { file, loading, isAssetLoading, assetTemplate } = state;
+    const metadata = get(file, "metadata", {});
+    const metadataFields = get(assetTemplate, "metadataFields", []);
+    const getValue = (fieldName) => {
+        const field = metadataFields.find((item) => get(item, "name") === fieldName);
+        const fieldId = get(field, "_id", "");
+        return (metadata === null || metadata === void 0 ? void 0 : metadata[fieldId]) || null;
+    };
+    const getOptions = (fieldName) => {
+        const field = metadataFields.find((item) => get(item, "name") === fieldName);
+        return get(field, "options", []);
+    };
+    const minDaysToShip = getValue("Minimum days to ship");
+    const maxDaysToShip = getValue("Maximum days to ship");
+    const barrelColors = getOptions("Barrel Colour");
+    const inkColors = getOptions("Ink Colour");
+    useEffect(() => {
+        const barrelColor = getValue("Barrel Colour");
+        const inkColor = getValue("Ink Colour");
+        if (barrelColor && barrelColor.length > 0) {
+            const color = barrelColors.find((item) => item.value === (barrelColor === null || barrelColor === void 0 ? void 0 : barrelColor[0]));
+            if (color) {
+                setSelectedBarrelColor(color === null || color === void 0 ? void 0 : color.label);
+            }
+        }
+        if (inkColor && inkColor.length > 0) {
+            const color = inkColors.find((item) => item.value === (inkColor === null || inkColor === void 0 ? void 0 : inkColor[0]));
+            if (color) {
+                setSelectedInkColor(color === null || color === void 0 ? void 0 : color.label);
+            }
+        }
+    }, [metadata, metadataFields]);
+    return (_jsx(_Fragment, { children: loading || isAssetLoading ? (_jsx(Loader, {})) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "md-lib-grid md-lib-grid-cols-2 md-lib-gap-4 md-lib-p-4", children: [_jsx("div", { children: _jsx(Image, { src: get(file, "s3Url", ""), alt: "Dummy Image", className: "md-lib-border md-lib-rounded" }) }), _jsxs("div", { className: "md-lib-max-w-md md-lib-mx-auto md-lib-bg-white md-lib-p-6 md-lib-font-sans", children: [_jsxs("div", { className: "md-lib-mb-6", children: [_jsx("h1", { className: "md-lib-text-xl md-lib-font-semibold md-lib-text-headingText md-lib-mb-4", children: getValue("Name") || "" }), _jsxs("div", { className: "md-lib-flex md-lib-items-start md-lib-gap-3 md-lib-mb-6", children: [_jsx(Truck, { className: "md-lib-w-5 md-lib-h-5 md-lib-text-textColor md-lib-mt-1 md-lib-flex-shrink-0" }), _jsxs("div", { children: [_jsxs("p", { className: "md-lib-font-medium md-lib-text-textColor", children: ["Ships in ", minDaysToShip, minDaysToShip && "-", maxDaysToShip, " business days"] }), _jsx("p", { className: "md-lib-text-sm md-lib-text-secondaryTextColor", children: "Production time begins once the order is confirmed and any artwork is approved" })] })] })] }), _jsxs("div", { className: "md-lib-mb-6", children: [_jsxs("h3", { className: "md-lib-text-base md-lib-font-medium md-lib-text-textColor md-lib-mb-3", children: ["Barrel Colour:", " ", _jsx("span", { className: "capitalize", children: selectedBarrelColor })] }), _jsx("div", { className: "md-lib-flex md-lib-gap-2 md-lib-flex-wrap", children: barrelColors.map((color) => (_jsx("button", { onClick: () => setSelectedBarrelColor(color.label), className: `md-lib-w-10 md-lib-h-10 md-lib-rounded md-lib-order-2 md-lib-transition-all ${color.label === selectedBarrelColor
+                                                    ? "md-lib-border-primaryColor md-lib-border-4 md-lib-shadow-md"
+                                                    : "md-lib-border-borderColor hover:md-lib-border-primaryColor"}`, style: {
+                                                    background: color.value,
+                                                }, "aria-label": `Select ${color.label} barrel color` }, color.label))) })] }), _jsxs("div", { className: "md-lib-mb-6", children: [_jsxs("h3", { className: "md-lib-text-base md-lib-font-medium md-lib-text-textColor md-lib-mb-3", children: ["Ink Colour:", " ", _jsx("span", { className: "capitalize", children: selectedInkColor })] }), _jsx("div", { className: "md-lib-flex md-lib-gap-2", children: inkColors.map((color) => (_jsx("button", { onClick: () => setSelectedInkColor(color.label), className: `md-lib-w-10 md-lib-h-10 md-lib-rounded md-lib-border-2 md-lib-transition-all ${color.label === selectedInkColor
+                                                    ? "md-lib-border-primaryColor md-lib-border-4 md-lib-shadow-md"
+                                                    : "md-lib-border-borderColor hover:md-lib-border-primaryColor"}`, style: { backgroundColor: color.value }, "aria-label": `Select ${color.label} ink color` }, color.label))) })] }), _jsxs("div", { className: "md-lib-mb-6", children: [_jsx("h3", { className: "md-lib-text-base md-lib-font-medium md-lib-text-textColor md-lib-mb-3", children: "Quantity" }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-3", children: [_jsx("button", { onClick: () => setQuantity(Math.max(1, quantity - 1)), className: "md-lib-w-10 md-lib-h-10 md-lib-border md-lib-border-borderColor md-lib-rounded hover:md-lib-bg-secondaryColor md-lib-transition-colors md-lib-flex md-lib-items-center md-lib-justify-center md-lib-text-lg md-lib-font-medium", disabled: quantity <= 1, children: "\u2212" }), _jsx("span", { className: "md-lib-text-lg md-lib-font-medium md-lib-min-w-[3rem] md-lib-text-center", children: quantity }), _jsx("button", { onClick: () => setQuantity(quantity + 1), className: "md-lib-w-10 md-lib-h-10 md-lib-border md-lib-border-borderColor md-lib-rounded hover:md-lib-bg-secondaryColor md-lib-transition-colors md-lib-flex md-lib-items-center md-lib-justify-center md-lib-text-lg md-lib-font-medium", children: "+" })] })] })] })] }), _jsx(ProductDescription, { getValue: getValue, getOptions: getOptions })] })) }));
+};
+export default PenDetails;

package/build/PenView/ProductDescription.d.ts

@@ -0,0 +1,5 @@
+declare const ProductDescription: ({ getValue, getOptions, }: {
+    getValue: (field: string) => any;
+    getOptions: (field: string) => any;
+}) => JSX.Element;
+export default ProductDescription;

package/build/PenView/ProductDescription.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Collapse } from "antd";
+const ProductDescription = ({ getValue, getOptions, }) => {
+    const overView = getValue("Overview");
+    const features = getValue("Features");
+    const barrelColors = getOptions("Barrel Colour");
+    const inkColors = getOptions("Ink Colour");
+    const trimColor = getValue("Trim Colour");
+    const pointSize = getValue("Point Size");
+    const material = getValue("Material");
+    const productDiameter = getValue("Product Diameter");
+    const productCode = getValue("Product Code");
+    const imprintProcess = getValue("Imprint Process");
+    const imprintLocation = getValue("Imprint Location");
+    const imprintSize = getValue("Imprint Size");
+    const maxLines = getValue("Maximum lines");
+    const maxCharPerLine = getValue("Maximum characters per line");
+    const imprintColor = getValue("Imprint Colour");
+    const children1 = (_jsxs("div", { className: "", children: [_jsx("h2", { className: "md-lib-text-xl md-lib-font-bold md-lib-text-textColor md-lib-mb-6", children: "A shimmering way to stand out." }), _jsxs("div", { className: "md-lib-space-y-6", children: [overView && (_jsx("p", { className: "md-lib-text-lg md-lib-text-textColor md-lib-leading-relaxed", children: overView })), (features === null || features === void 0 ? void 0 : features.length) > 0 && (_jsx("ul", { className: "md-lib-space-y-3 md-lib-mt-8", children: features.map((feature) => {
+                            return (_jsx("li", { className: "md-lib-flex md-lib-items-start", children: _jsxs("span", { className: "md-lib-text-textColor", children: ["\u2022 ", feature] }) }));
+                        }) }))] })] }));
+    const children2 = (_jsxs("div", { className: "", children: [_jsxs("div", { className: "md-lib-mb-8", children: [_jsx("h2", { className: "md-lib-text-2xl md-lib-font-bold md-lib-text-textColor md-lib-mb-6", children: "Product Specifications" }), _jsxs("div", { className: "md-lib-space-y-4", children: [_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Barrel Colour:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: barrelColors
+                                            .map((color) => color.label)
+                                            .join(",") })] }), trimColor && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Trim Colour:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: trimColor })] })), pointSize && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Point Size:" }), _jsxs("span", { className: "md-lib-text-secondaryTextColor", children: [pointSize, " mm"] })] })), _jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Ink Colour:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: inkColors.map((color) => color.label).join(",") })] }), material && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Materiaal:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: material })] })), productDiameter && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Product Diameter:" }), _jsxs("span", { className: "md-lib-text-secondaryTextColor", children: [productDiameter, " cm"] })] })), productCode && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Product Code:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: productCode })] }))] })] }), _jsxs("div", { children: [_jsx("h2", { className: "md-lib-text-2xl md-lib-font-bold md-lib-text-textColor md-lib-mb-6", children: "Imprint Specifications" }), _jsxs("div", { className: "md-lib-space-y-4", children: [imprintProcess && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Imprint Process:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: imprintProcess })] })), imprintLocation && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Imprint Location:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: imprintLocation })] })), imprintSize && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Imprint Size:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: imprintSize })] })), maxLines && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Max # of lines:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: maxLines })] })), maxCharPerLine && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Max # of characters per line:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: maxCharPerLine })] })), imprintColor && (_jsxs("div", { className: "md-lib-flex", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium md-lib-mr-2", children: "Imprint Colour:" }), _jsx("span", { className: "md-lib-text-secondaryTextColor", children: imprintColor })] }))] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Collapse, { bordered: false, defaultActiveKey: ["1"], items: [
+                    {
+                        key: "1",
+                        label: "Product Overview",
+                        children: children1,
+                        styles: {
+                            header: {
+                                fontSize: "18px",
+                                fontWeight: "600",
+                            },
+                        },
+                    },
+                ], expandIconPosition: "end" }), _jsx(Collapse, { bordered: false, defaultActiveKey: ["1"], items: [
+                    {
+                        key: "1",
+                        label: "Specificaties",
+                        children: children2,
+                        styles: {
+                            header: {
+                                fontSize: "18px",
+                                fontWeight: "600",
+                            },
+                        },
+                    },
+                ], expandIconPosition: "end", className: "md-lib-mt-4" })] }));
+};
+export default ProductDescription;

package/build/PenView/index.d.ts

@@ -0,0 +1,10 @@
+declare function App(props: {
+    accessKey: string;
+    secretKey: string;
+    subdomain: string;
+    teamIds: string[] | number[];
+    styles: Record<string, any>;
+    appType: string;
+    id: string;
+}): JSX.Element;
+export default App;

package/build/PenView/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DamConfigProvider } from "../hocs/DamConfigContext";
+import { ThemeProvider } from "../hocs/ThemeContext";
+import { ThemeModes } from "../utilities/constants/interface";
+import AppProvider from "../hocs/AppProvider";
+import ToastProvider from "../hocs/ToastProvider";
+import process from "process";
+import PenDetails from "./PenDetails";
+function App(props) {
+    if (typeof window !== "undefined" && !window.process) {
+        window.process = process;
+    }
+    const config = {
+        damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey,
+        secretKey: props === null || props === void 0 ? void 0 : props.secretKey,
+        subdomain: props === null || props === void 0 ? void 0 : props.subdomain,
+        teamIds: props === null || props === void 0 ? void 0 : props.teamIds,
+        styles: props === null || props === void 0 ? void 0 : props.styles,
+        appType: props === null || props === void 0 ? void 0 : props.appType,
+    };
+    return (_jsx(DamConfigProvider, { config: config, children: _jsx(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: _jsxs(AppProvider, { children: [_jsx(PenDetails, { id: props === null || props === void 0 ? void 0 : props.id }), _jsx(ToastProvider, {})] }) }) }));
+}
+export default App;

package/build/RefreshKey/RefreshKeyBtn.d.ts

@@ -0,0 +1 @@
+export default function RefreshKeyBtn(): JSX.Element;

package/build/RefreshKey/RefreshKeyBtn.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "antd";
+import { useMemo, useState } from "react";
+import { showNotification } from "../common/notifications";
+import { NotificationStatus } from "../utilities/constants/interface";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { get } from "lodash";
+import { REFRESH_KEY_URL } from "../utilities/constants/apiUrls";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+export default function RefreshKeyBtn() {
+    const [loading, setLoading] = useState(false);
+    const damConfig = useDamConfig();
+    const { damAccessKey, secretKey } = damConfig;
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const onRefreshKey = () => __awaiter(this, void 0, void 0, function* () {
+        setLoading(true);
+        try {
+            const response = yield api.put(REFRESH_KEY_URL, {
+                accessKey: damAccessKey,
+                secretKey,
+            });
+            // console.log(response);
+            setLoading(false);
+            showNotification(get(response, "data.message", "Key refreshed successfully"), NotificationStatus.SUCCESS);
+        }
+        catch (error) {
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            setLoading(false);
+        }
+    });
+    return (_jsx(Button, { type: "primary", loading: loading, onClick: () => onRefreshKey(), children: "Refresh Key" }));
+}

package/build/RefreshKey/index.d.ts

@@ -0,0 +1,9 @@
+declare function App(props: {
+    accessKey: string;
+    secretKey: string;
+    subdomain: string;
+    teamIds: string[] | number[];
+    styles: Record<string, any>;
+    appType: string;
+}): JSX.Element;
+export default App;

package/build/RefreshKey/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DamConfigProvider } from "../hocs/DamConfigContext";
+import { ThemeProvider } from "../hocs/ThemeContext";
+import { ThemeModes } from "../utilities/constants/interface";
+import AppProvider from "../hocs/AppProvider";
+import ToastProvider from "../hocs/ToastProvider";
+import RefreshKeyBtn from "./RefreshKeyBtn";
+import process from "process";
+function App(props) {
+    if (typeof window !== "undefined" && !window.process) {
+        window.process = process;
+    }
+    const config = {
+        damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey,
+        secretKey: props === null || props === void 0 ? void 0 : props.secretKey,
+        subdomain: props === null || props === void 0 ? void 0 : props.subdomain,
+        teamIds: props === null || props === void 0 ? void 0 : props.teamIds,
+        styles: props === null || props === void 0 ? void 0 : props.styles,
+        appType: props === null || props === void 0 ? void 0 : props.appType,
+    };
+    return (_jsx(DamConfigProvider, { config: config, children: _jsx(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: _jsxs(AppProvider, { children: [_jsx(RefreshKeyBtn, {}), _jsx(ToastProvider, {})] }) }) }));
+}
+export default App;

package/build/ShoesView/ProductDescription.d.ts

@@ -0,0 +1,4 @@
+declare const ProductSpecifications: ({ getValue, }: {
+    getValue: (field: string) => any;
+}) => JSX.Element;
+export default ProductSpecifications;

package/build/ShoesView/ProductDescription.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MdDirectionsRun } from "react-icons/md";
+import { PiFootprints, PiHighHeelThin } from "react-icons/pi";
+import { GiConverseShoe } from "react-icons/gi";
+import { TbRulerMeasure } from "react-icons/tb";
+import { FaBalanceScale } from "react-icons/fa";
+const ProductSpecifications = ({ getValue, }) => {
+    const MdDirection = MdDirectionsRun;
+    const PiFoot = PiFootprints;
+    const GiShoe = GiConverseShoe;
+    const TbRuler = TbRulerMeasure;
+    const FaBalance = FaBalanceScale;
+    const PiHighHeel = PiHighHeelThin;
+    const designedFor = getValue("Designed For");
+    const footType = getValue("Foot Type");
+    const shoeType = getValue("Shoe type");
+    const width = getValue("Width");
+    const description2 = getValue("Description2");
+    const weight = getValue("Weight");
+    const heelToToeDrop = getValue("Heel-To-Toe-Drop");
+    const stackHeight = getValue("Stack Height");
+    const cushion = getValue("Cushion");
+    return (_jsx("div", { className: "md-lib-bg-white md-lib-rounded-lg md-lib-shadow-sm md-lib-border md-lib-border-borderColor md-lib-p-2 md-lib-max-w-6xl md-lib-mx-auto", children: _jsxs("div", { className: "md-lib-grid md-lib-grid-cols-1 lg:md-lib-grid-cols-2 md-lib-gap-8", children: [_jsxs("div", { className: "md-lib-space-y-6", children: [_jsx("h2", { className: "md-lib-text-2xl md-lib-font-bold md-lib-text-headingText md-lib-mb-6", children: "Description" }), _jsxs("div", { className: "md-lib-grid md-lib-grid-cols-2 md-lib-gap-4 md-lib-mb-6", children: [designedFor && (_jsxs("div", { className: "md-lib-text-center", children: [_jsx("div", { className: "md-lib-w-12 md-lib-h-12 md-lib-mx-auto md-lib-mb-2 md-lib-flex md-lib-items-center md-lib-justify-center", children: _jsx(MdDirection, { className: "md-lib-w-8 md-lib-h-8 md-lib-text-textColor" }) }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor", children: "Designed For" }), _jsx("div", { className: "md-lib-font-semibold md-lib-text-textColor", children: designedFor })] })), footType && (_jsxs("div", { className: "md-lib-text-center", children: [_jsx("div", { className: "md-lib-w-12 md-lib-h-12 md-lib-mx-auto md-lib-mb-2 md-lib-flex md-lib-items-center md-lib-justify-center", children: _jsx(PiFoot, { className: "md-lib-w-8 md-lib-h-8 md-lib-text-textColor" }) }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor", children: "Foot Type" }), _jsx("div", { className: "md-lib-font-semibold md-lib-text-textColor", children: footType })] })), shoeType && (_jsxs("div", { className: "md-lib-text-center", children: [_jsx("div", { className: "md-lib-w-12 md-lib-h-12 md-lib-mx-auto md-lib-mb-2 md-lib-flex md-lib-items-center md-lib-justify-center", children: _jsx(GiShoe, { className: "md-lib-w-8 md-lib-h-8 md-lib-text-textColor" }) }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor", children: "Shoe type" }), _jsx("div", { className: "md-lib-font-semibold md-lib-text-textColor", children: shoeType })] })), width && (_jsxs("div", { className: "md-lib-text-center", children: [_jsx("div", { className: "md-lib-w-12 md-lib-h-12 md-lib-mx-auto md-lib-mb-2 md-lib-flex md-lib-items-center md-lib-justify-center", children: _jsx(TbRuler, { className: "md-lib-w-8 md-lib-h-8 md-lib-text-textColor" }) }), _jsx("div", { className: "md-lib-text-sm md-lib-text-secondaryTextColor", children: "Width" }), _jsx("div", { className: "md-lib-font-semibold md-lib-text-textColor", children: width })] }))] }), description2 && (_jsx("div", { className: "md-lib-text-textColor md-lib-text-sm md-lib-leading-relaxed", children: description2 }))] }), _jsxs("div", { className: "md-lib-space-y-6", children: [(weight || heelToToeDrop || stackHeight) && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "md-lib-text-2xl md-lib-font-bold md-lib-text-headingText md-lib-mb-6", children: "Specifications" }), weight && (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between md-lib-py-3 md-lib-border-b md-lib-border-secondaryBorderColor", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-3", children: [_jsx(FaBalance, { className: "md-lib-w-5 md-lib-h-5 md-lib-text-secondaryTextColor" }), _jsx("span", { className: "md-lib-text-textColor md-lib-font-medium", children: "Weight" })] }), _jsx("span", { className: "md-lib-text-textColor md-lib-font-semibold", children: weight })] })), heelToToeDrop && (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between md-lib-py-3 md-lib-border-b md-lib-border-secondaryBorderColor", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-3", children: [_jsx(PiHighHeel, { className: "md-lib-w-5 md-lib-h-5 md-lib-text-secondaryTextColor" }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium", children: "Heel-To-Toe-Drop" }), _jsx("div", { className: "md-lib-w-4 md-lib-h-4 md-lib-border md-lib-border-secondaryTextColor md-lib-rounded-full md-lib-flex md-lib-items-center md-lib-justify-center", children: _jsx("span", { className: "md-lib-text-xs md-lib-text-secondaryTextColor", children: "?" }) })] })] }), _jsx("span", { className: "md-lib-text-textColor md-lib-font-semibold", children: heelToToeDrop })] })), stackHeight && (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between md-lib-py-3 md-lib-border-b md-lib-border-secondaryBorderColor", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-3", children: [_jsx("svg", { viewBox: "0 0 24 24", className: "md-lib-w-5 md-lib-h-5 md-lib-text-secondaryTextColor", children: _jsx("path", { fill: "currentColor", d: "M12,2L13.09,8.26L22,9L17.22,15.74L22,22.5L12,19L2,22.5L6.78,15.74L2,9L10.91,8.26L12,2M12,6.5L11.5,10.5L7.5,11L11,15L7.5,18.5L12,17L16.5,18.5L13,15L16.5,11L12.5,10.5L12,6.5Z" }) }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx("span", { className: "md-lib-text-textColor md-lib-font-medium", children: "Stack Height" }), _jsx("div", { className: "md-lib-w-4 md-lib-h-4 md-lib-border md-lib-border-secondaryTextColor md-lib-rounded-full md-lib-flex md-lib-items-center md-lib-justify-center", children: _jsx("span", { className: "md-lib-text-xs md-lib-text-secondaryTextColor", children: "?" }) })] })] }), _jsx("span", { className: "md-lib-text-textColor md-lib-font-semibold", children: stackHeight })] }))] })), cushion && (_jsxs("div", { className: "md-lib-mt-8", children: [_jsx("h3", { className: "md-lib-text-xl md-lib-font-bold md-lib-text-headingText md-lib-mb-4", children: "Cushion" }), _jsx("p", { className: "md-lib-text-textColor md-lib-text-sm md-lib-leading-relaxed", children: "Cushioning in a shoe refers to its ability to absorb the force of an impact. Its function is to make the contact phase as gradual as possible to minimize the impact on the ground" })] }))] })] }) }));
+};
+export default ProductSpecifications;

package/build/ShoesView/ShoeDetails.d.ts

@@ -0,0 +1,4 @@
+declare const ShoeDetails: ({ id }: {
+    id: string;
+}) => JSX.Element;
+export default ShoeDetails;

package/build/ShoesView/ShoeDetails.js

@@ -0,0 +1,96 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import ProductSpecifications from "./ProductDescription";
+import { createApiClient } from "../hocs/configureAxios";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { FETCH_ASSET_URL, FETCH_FILE_URL, } from "../utilities/constants/apiUrls";
+import { get } from "lodash";
+import Loader from "../common/loader/loader";
+const ShoeDetails = ({ id }) => {
+    const damConfig = useDamConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        file: {},
+        loading: false,
+        assetTemplate: {},
+        isAssetLoading: false,
+    });
+    useEffect(() => {
+        if (id) {
+            getFile();
+        }
+    }, [id]);
+    const getAsset = (assetId) => __awaiter(void 0, void 0, void 0, function* () {
+        setState((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { isAssetLoading: true });
+        });
+        try {
+            const response = yield api.get(FETCH_ASSET_URL.replace(":assetId", assetId));
+            // console.log(response);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { isAssetLoading: false, assetTemplate: get(response, "data", {}) });
+            });
+        }
+        catch (err) {
+            console.log("Error while fetching the Asset Template", err);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { isAssetLoading: false });
+            });
+        }
+    });
+    const getFile = () => __awaiter(void 0, void 0, void 0, function* () {
+        setState((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { loading: true });
+        });
+        try {
+            const response = yield api.get(FETCH_FILE_URL.replace(":fileId", id));
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: false, file: get(response, "data", {}) });
+            });
+            getAsset(get(response, "data.assetId", ""));
+        }
+        catch (err) {
+            console.log("Error while fetching the file", err);
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loading: false });
+            });
+        }
+    });
+    const { file, loading, isAssetLoading, assetTemplate } = state;
+    const metadata = get(file, "metadata", {});
+    const metadataFields = get(assetTemplate, "metadataFields", []);
+    const getValue = (fieldName) => {
+        const field = metadataFields.find((item) => get(item, "name") === fieldName);
+        const fieldId = get(field, "_id", "");
+        return (metadata === null || metadata === void 0 ? void 0 : metadata[fieldId]) || null;
+    };
+    const getOptions = (fieldName) => {
+        const field = metadataFields.find((item) => get(item, "name") === fieldName);
+        return get(field, "options", []);
+    };
+    const [selectedSize, setSelectedSize] = useState("");
+    useEffect(() => {
+        const size = getValue("Size");
+        if (size && size.length > 0) {
+            setSelectedSize(size === null || size === void 0 ? void 0 : size[0]);
+        }
+    }, [metadata, metadataFields]);
+    return (_jsx(_Fragment, { children: loading || isAssetLoading ? (_jsx(Loader, {})) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "md-lib-grid md-lib-grid-cols-3 md-lib-gap-4 md-lib-p-4", children: [_jsx("div", { className: "md-lib-col-span-2 md-lib-rounded", children: _jsx(Image, { src: get(file, "s3Url", ""), alt: "Dummy Image", className: "md-lib-border md-lib-rounded" }) }), _jsxs("div", { className: "md-lib-col-span-1", children: [_jsx("h3", { className: "md-lib-text-3xl md-lib-font-bold md-lib-text-textColor dark:md-lib-text-darkTextColor", children: getValue("Name") || "" }), _jsxs("p", { className: "md-lib-text-xl md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-my-3", children: ["$", getValue("Price") || 0] }), _jsx("p", { className: "md-lib-text-base md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-mb-6", children: getValue("Description1") || "" }), _jsx("p", { className: "md-lib-text-base md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor", children: "Size" }), _jsx("div", { className: "md-lib-grid md-lib-grid-cols-5 md-lib-gap-4 md-lib-p-4", children: getOptions("Size").map((size) => (_jsx("button", { disabled: size === null || size === void 0 ? void 0 : size.disabled, onClick: () => setSelectedSize(size.value), className: `
+            md-lib-h-12 md-lib-w-12 md-lib-flex md-lib-items-center md-lib-justify-center md-lib-rounded-full md-lib-border md-lib-text-sm
+            ${(size === null || size === void 0 ? void 0 : size.disabled)
+                                            ? "md-lib-text-secondaryTextColor md-lib-border-borderColor md-lib-cursor-not-allowed"
+                                            : selectedSize === size.value
+                                                ? "md-lib-bg-black md-lib-text-white md-lib-border-black"
+                                                : "md-lib-text-black md-lib-border-borderColor hover:md-lib-border-black"} `, children: size.value }, size.value))) })] })] }), _jsx(ProductSpecifications, { getValue: getValue })] })) }));
+};
+export default ShoeDetails;

package/build/ShoesView/index.d.ts

@@ -0,0 +1,10 @@
+declare function App(props: {
+    accessKey: string;
+    secretKey: string;
+    subdomain: string;
+    teamIds: string[] | number[];
+    styles: Record<string, any>;
+    appType: string;
+    id: string;
+}): JSX.Element;
+export default App;

package/build/ShoesView/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DamConfigProvider } from "../hocs/DamConfigContext";
+import { ThemeProvider } from "../hocs/ThemeContext";
+import { ThemeModes } from "../utilities/constants/interface";
+import AppProvider from "../hocs/AppProvider";
+import ToastProvider from "../hocs/ToastProvider";
+import process from "process";
+import ShoeDetails from "./ShoeDetails";
+function App(props) {
+    if (typeof window !== "undefined" && !window.process) {
+        window.process = process;
+    }
+    const config = {
+        damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey,
+        secretKey: props === null || props === void 0 ? void 0 : props.secretKey,
+        subdomain: props === null || props === void 0 ? void 0 : props.subdomain,
+        teamIds: props === null || props === void 0 ? void 0 : props.teamIds,
+        styles: props === null || props === void 0 ? void 0 : props.styles,
+        appType: props === null || props === void 0 ? void 0 : props.appType,
+    };
+    return (_jsx(DamConfigProvider, { config: config, children: _jsx(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: _jsxs(AppProvider, { children: [_jsx(ShoeDetails, { id: props.id }), _jsx(ToastProvider, {})] }) }) }));
+}
+export default App;

package/build/common/Button.d.ts

@@ -0,0 +1,2 @@
+declare const CustomButton: ({ label, ...props }: any) => JSX.Element;
+export default CustomButton;

package/build/common/Button.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "antd";
+const CustomButton = (_a) => {
+    var { label } = _a, props = __rest(_a, ["label"]);
+    return _jsx(Button, Object.assign({}, props, { children: label }));
+};
+export default CustomButton;

package/build/common/CustomElements.d.ts

@@ -0,0 +1,98 @@
+import { BrandUserEntity, FileEntity, SelectTagModes } from "../utilities/constants/interface";
+import { ResultStatusType } from "antd/es/result";
+interface OptionType {
+    value: string;
+    label: string;
+}
+export declare function CustomFormFooter({ onCancel, onSave, loading, okButtonLabel, icon, deleteAction, }: {
+    loading: boolean;
+    onSave?: () => void;
+    onCancel: () => void;
+    okButtonLabel?: string;
+    icon?: any;
+    deleteAction?: boolean;
+}): JSX.Element;
+export declare const DeleteConfirmationModal: ({ showDeleteModal, toggleDeleteModal, onOk, description, okText, loading, subHeading, restore, icon, }: {
+    showDeleteModal: boolean;
+    toggleDeleteModal: () => void;
+    onOk: () => void;
+    description: string;
+    okText: string;
+    loading: boolean;
+    subHeading?: string;
+    restore?: boolean;
+    icon?: JSX.Element;
+}) => JSX.Element;
+export declare const RenderTableSearchFilters: ({ value, placeholder, onChange, onPressEnter, onClick, onClear, }: {
+    value: string;
+    placeholder: string;
+    onChange: (e: any) => void;
+    onPressEnter: () => void;
+    onClick: () => void;
+    onClear: () => void;
+}) => JSX.Element;
+export declare const RenderTableFilterFooter: ({ onClick, onClear, }: {
+    onClick: () => void;
+    onClear: () => void;
+}) => JSX.Element;
+export declare const RenderTableSelectFilters: ({ selectedKeys, placeholder, onChange, onClick, onClear, options, }: {
+    selectedKeys: string;
+    placeholder: string;
+    onChange: (e: any) => void;
+    onClick: () => void;
+    onClear: () => void;
+    options?: OptionType[];
+}) => JSX.Element;
+export declare function RenderCustomSelect({ onChange, value, mode, options, showSearch, allowClear, style, placeholder, className, placement, showArrow, bordered, loading, disabled, }: {
+    onChange: (value: any) => void;
+    value: boolean | string | string[] | undefined;
+    mode?: SelectTagModes | undefined;
+    options: {
+        value: string | boolean;
+        label: string;
+    }[];
+    showSearch?: boolean;
+    allowClear?: boolean;
+    style?: any;
+    placeholder: any;
+    className?: string;
+    showArrow?: boolean;
+    bordered?: boolean;
+    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+    loading?: boolean;
+    disabled?: boolean;
+}): JSX.Element;
+export declare function CustomResult({ status, title, subTitle, result, }: {
+    status: ResultStatusType;
+    title: string;
+    subTitle: string;
+    result: any;
+}): JSX.Element;
+export declare const handleCopy: (link: string) => Promise<void>;
+export declare const RenderEmptyContent: ({ className, label, }: {
+    label: string;
+    className?: string;
+}) => JSX.Element;
+export declare const RenderAvatar: ({ name, profilePicture, size, }: {
+    name: string;
+    profilePicture: string;
+    size: number;
+}) => JSX.Element;
+export declare const ManageUsers: ({ displayedUsers, extraUsers, }: {
+    displayedUsers: BrandUserEntity[];
+    extraUsers: BrandUserEntity[];
+}) => JSX.Element;
+export declare const FileInfoContent: ({ file }: {
+    file: FileEntity;
+}) => JSX.Element;
+export declare const RenderModalTitle: ({ title }: {
+    title: string;
+}) => JSX.Element;
+export declare const RenderBrandUserAvatar: ({ userId, brandId, userName, size, brandUsers, }: {
+    userId: string;
+    brandId: string;
+    userName: string;
+    size?: number;
+    brandUsers: BrandUserEntity[];
+}) => JSX.Element;
+export {};