@bindu-dashing/dam-solution-v2 5.8.6

package/build/AssetType/fieldProperties/NumberField.js

@@ -0,0 +1,91 @@
+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 { InputSupportedTypes, } from "../../utilities/constants/interface";
+import { Col, Form, InputNumber, Row, Switch } from "antd";
+import useFormInstance from "antd/es/form/hooks/useFormInstance";
+import { get, isEqual, map } from "lodash";
+import { useEffect, useState } from "react";
+export default function NumberField({ field, supportedTypes, }) {
+    const form = useFormInstance();
+    const initialRangeEnabled = !!get(field, [
+        "inputTypeSettings",
+        InputSupportedTypes.VALUE_RANGE,
+        "allow",
+    ]);
+    const [rangeEnabled, setRangeEnabled] = useState(initialRangeEnabled);
+    useEffect(() => {
+        form.setFieldValue(["inputTypeSettings", InputSupportedTypes.VALUE_RANGE, "allow"], initialRangeEnabled);
+    }, [initialRangeEnabled, form]);
+    return (_jsx(_Fragment, { children: map(supportedTypes, (type) => {
+            const defaultName = get(type, "defaultName");
+            const name = get(type, "name");
+            const valueType = get(type, "valueType");
+            const id = get(type, "_id");
+            if (isEqual(defaultName, InputSupportedTypes.VALUE_RANGE)) {
+                return (_jsxs("div", { children: [_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 12, children: name }), _jsx(Col, { span: 12, push: 8, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "allow"], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, { checked: rangeEnabled, onChange: (val) => setRangeEnabled(val) }) }) })] }), rangeEnabled && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "minValue"], label: "Minimum Value", rules: [
+                                        {
+                                            validator: (_, value) => __awaiter(this, void 0, void 0, function* () {
+                                                if (!rangeEnabled)
+                                                    return Promise.resolve(); // skip validation if toggle is off
+                                                const max = form.getFieldValue([
+                                                    "inputTypeSettings",
+                                                    defaultName,
+                                                    "maxValue",
+                                                ]);
+                                                // Require at least one
+                                                if ((value === undefined || value === null) &&
+                                                    (max === undefined || max === null)) {
+                                                    return Promise.reject(new Error("Please enter either Minimum or Maximum value"));
+                                                }
+                                                // If both provided → min <= max
+                                                if (value !== undefined &&
+                                                    value !== null &&
+                                                    max !== undefined &&
+                                                    max !== null) {
+                                                    if (value > max) {
+                                                        return Promise.reject(new Error("Minimum must be less than or equal to Maximum"));
+                                                    }
+                                                }
+                                                return Promise.resolve();
+                                            }),
+                                        },
+                                    ], children: _jsx(InputNumber, { placeholder: "Min", style: { width: "100%" } }) }), _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "maxValue"], label: "Maximum Value", rules: [
+                                        {
+                                            validator: (_, value) => __awaiter(this, void 0, void 0, function* () {
+                                                if (!rangeEnabled)
+                                                    return Promise.resolve(); // skip validation if toggle is off
+                                                const min = form.getFieldValue([
+                                                    "inputTypeSettings",
+                                                    defaultName,
+                                                    "minValue",
+                                                ]);
+                                                // Require at least one
+                                                if ((value === undefined || value === null) &&
+                                                    (min === undefined || min === null)) {
+                                                    return Promise.reject(new Error("Please enter either Minimum or Maximum value"));
+                                                }
+                                                // If both provided → max >= min
+                                                if (value !== undefined &&
+                                                    value !== null &&
+                                                    min !== undefined &&
+                                                    min !== null) {
+                                                    if (value < min) {
+                                                        return Promise.reject(new Error("Maximum must be greater than or equal to Minimum"));
+                                                    }
+                                                }
+                                                return Promise.resolve();
+                                            }),
+                                        },
+                                    ], children: _jsx(InputNumber, { placeholder: "Max", style: { width: "100%" } }) })] }))] }, id));
+            }
+            return null;
+        }) }));
+}

package/build/AssetType/fieldProperties/OptionsField.d.ts

@@ -0,0 +1,6 @@
+import { InputTypeEntity, InputTypeSupportedTypeEntity } from "../../utilities/constants/interface";
+export default function OptionsField({ field, supportedTypes, currentInputType, }: {
+    field: InputTypeEntity;
+    supportedTypes: InputTypeSupportedTypeEntity[];
+    currentInputType: InputTypeEntity;
+}): JSX.Element;

package/build/AssetType/fieldProperties/OptionsField.js

@@ -0,0 +1,55 @@
+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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InputTypes, } from "../../utilities/constants/interface";
+import { Button, Col, Form, Input, Row, Switch } from "antd";
+import { useEffect, useState } from "react";
+import { TiDeleteOutline } from "react-icons/ti";
+import { FaPlus } from "react-icons/fa6";
+// import variables from "../../../styles/variables.module.scss";
+import { get, isEqual, map, find, includes } from "lodash";
+import { ICON_SIZE } from "../../hocs/appConstants";
+import { useTheme } from "../../hocs/ThemeContext";
+const TiDeleteOutlineIcon = TiDeleteOutline;
+const FaPlusIcon = FaPlus;
+export default function OptionsField({ field, supportedTypes, currentInputType, }) {
+    const [allowMultiSelect, setAllowMultiSelect] = useState(false);
+    const theme = useTheme();
+    useEffect(() => {
+        const multi = find(supportedTypes, (s) => isEqual(get(s, "defaultName"), "ALLOW_MULTIPLE"));
+        setAllowMultiSelect(!!multi);
+    }, [supportedTypes]);
+    return (_jsxs(_Fragment, { children: [map(supportedTypes, (type) => {
+                const defaultName = get(type, "defaultName");
+                const name = get(type, "name");
+                const valueType = get(type, "valueType");
+                const id = get(type, "_id");
+                if (isEqual(valueType, "boolean")) {
+                    return (_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 16, children: name }), _jsx(Col, { span: 8, push: 4, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, {}) }) })] }, id));
+                }
+                return null;
+            }), includes([InputTypes.SELECT, InputTypes.CHECKBOX, InputTypes.RADIO], get(currentInputType, "defaultName")) && (_jsxs(_Fragment, { children: [_jsx("h3", { className: "md-lib-text-md md-lib-font-semibold md-lib-mt-4 md-lib-mb-2", children: "List of Options" }), _jsx(Form.Item, { label: "", name: "options", rules: [
+                            {
+                                required: true,
+                                type: "array",
+                                min: 1,
+                                message: "At least one option is required",
+                            },
+                        ], children: _jsx(Form.List, { name: "options", children: (fields, { add, remove }) => (_jsxs(_Fragment, { children: [fields.map((_a) => {
+                                        var { key, name } = _a, restField = __rest(_a, ["key", "name"]);
+                                        return (_jsxs(Row, { gutter: 8, className: "md-lib-items-center", children: [_jsx(Col, { span: 10, children: _jsx(Form.Item, Object.assign({}, restField, { name: [name, "label"], label: "Label", rules: [
+                                                            { required: true, message: "Label is required" },
+                                                        ], children: _jsx(Input, { placeholder: "Enter Label", className: "md-lib-h-12" }) })) }), _jsx(Col, { span: 10, children: _jsx(Form.Item, Object.assign({}, restField, { name: [name, "value"], label: "Value", rules: [
+                                                            { required: true, message: "Value is required" },
+                                                        ], children: _jsx(Input, { placeholder: "Enter Value", className: "md-lib-h-12" }) })) }), _jsx(Col, { span: 4, className: "md-lib-flex md-lib-items-end", children: _jsx(TiDeleteOutlineIcon, { size: ICON_SIZE, className: "md-lib-cursor-pointer", color: theme === null || theme === void 0 ? void 0 : theme.primaryColor, onClick: () => remove(name) }) })] }, key));
+                                    }), _jsx(Form.Item, { children: _jsx(Button, { icon: _jsx(FaPlusIcon, {}), onClick: () => add(), children: "Add Option" }) })] })) }) })] }))] }));
+}

package/build/AssetType/fieldProperties/TextField.d.ts

@@ -0,0 +1,5 @@
+import { InputTypeEntity, InputTypeSupportedTypeEntity } from "../../utilities/constants/interface";
+export default function TextField({ field, supportedTypes, }: {
+    field: InputTypeEntity;
+    supportedTypes: InputTypeSupportedTypeEntity[];
+}): JSX.Element;

package/build/AssetType/fieldProperties/TextField.js

@@ -0,0 +1,92 @@
+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 { InputSupportedTypes, } from "../../utilities/constants/interface";
+import { Col, Form, Input, InputNumber, Row, Switch } from "antd";
+import useFormInstance from "antd/es/form/hooks/useFormInstance";
+import { get, map, isEqual } from "lodash";
+import { useState } from "react";
+export default function TextField({ field, supportedTypes, }) {
+    const form = useFormInstance();
+    const initialSettings = get(field, "inputTypeSettings", {});
+    const [charLimitEnabled, setCharLimitEnabled] = useState(!!get(initialSettings, [InputSupportedTypes.CHARACTER_LIMIT, "allow"]));
+    const [regexEnabled, setRegexEnabled] = useState(!!get(initialSettings, [InputSupportedTypes.REGEX, "allow"]));
+    return (_jsx(_Fragment, { children: map(supportedTypes, (type) => {
+            const defaultName = get(type, "defaultName");
+            const name = get(type, "name");
+            const valueType = get(type, "valueType");
+            const id = get(type, "_id");
+            // CHARACTER_LIMIT handling
+            if (isEqual(defaultName, InputSupportedTypes.CHARACTER_LIMIT)) {
+                return (_jsxs("div", { children: [_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 12, children: name }), _jsx(Col, { span: 12, push: 8, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "allow"], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, { onChange: (val) => setCharLimitEnabled(val) }) }) })] }), charLimitEnabled && (_jsx(_Fragment, { children: charLimitEnabled && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "minValue"], label: "Minimum Characters", rules: [
+                                            {
+                                                validator: (_, value) => __awaiter(this, void 0, void 0, function* () {
+                                                    if (!charLimitEnabled)
+                                                        return Promise.resolve();
+                                                    const max = form.getFieldValue([
+                                                        "inputTypeSettings",
+                                                        defaultName,
+                                                        "maxValue",
+                                                    ]);
+                                                    // ✅ Both empty → error
+                                                    if ((value === undefined || value === null) &&
+                                                        (max === undefined || max === null)) {
+                                                        return Promise.reject(new Error("Either Minimum or Maximum is required"));
+                                                    }
+                                                    // ✅ If both are filled, enforce min ≤ max
+                                                    if (value !== undefined &&
+                                                        value !== null &&
+                                                        max !== undefined &&
+                                                        max !== null &&
+                                                        value > max) {
+                                                        return Promise.reject(new Error("Minimum should be less than or equal to Maximum"));
+                                                    }
+                                                    return Promise.resolve();
+                                                }),
+                                            },
+                                        ], children: _jsx(InputNumber, { placeholder: "Min", style: { width: "100%" }, min: 1 }) }), _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "maxValue"], label: "Maximum Characters", rules: [
+                                            {
+                                                validator: (_, value) => __awaiter(this, void 0, void 0, function* () {
+                                                    if (!charLimitEnabled)
+                                                        return Promise.resolve();
+                                                    const min = form.getFieldValue([
+                                                        "inputTypeSettings",
+                                                        defaultName,
+                                                        "minValue",
+                                                    ]);
+                                                    // ✅ Both empty → error
+                                                    if ((value === undefined || value === null) &&
+                                                        (min === undefined || min === null)) {
+                                                        return Promise.reject(new Error("Either Minimum or Maximum is required"));
+                                                    }
+                                                    // ✅ If both are filled, enforce max ≥ min
+                                                    if (value !== undefined &&
+                                                        value !== null &&
+                                                        min !== undefined &&
+                                                        min !== null &&
+                                                        value < min) {
+                                                        return Promise.reject(new Error("Maximum should be greater than or equal to Minimum"));
+                                                    }
+                                                    return Promise.resolve();
+                                                }),
+                                            },
+                                        ], children: _jsx(InputNumber, { placeholder: "Max", style: { width: "100%" }, min: 1 }) })] })) }))] }, id));
+            }
+            // REGEX handling
+            if (isEqual(defaultName, InputSupportedTypes.REGEX)) {
+                return (_jsxs("div", { children: [_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 12, children: name }), _jsx(Col, { span: 12, push: 8, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "allow"], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, { onChange: (val) => setRegexEnabled(val) }) }) })] }), regexEnabled && (_jsx(Form.Item, { name: ["inputTypeSettings", defaultName, "value"], label: "Regular Expression", rules: [{ required: true, message: "Regex is required" }], children: _jsx(Input, { placeholder: "Enter Regex" }) }))] }, id));
+            }
+            // Boolean switches (e.g., SPECIAL_CHARACTERS)
+            if (isEqual(valueType, "boolean")) {
+                return (_jsxs(Row, { className: "md-lib-flex md-lib-items-center", children: [_jsx(Col, { span: 12, children: name }), _jsx(Col, { span: 12, push: 8, children: _jsx(Form.Item, { name: ["inputTypeSettings", defaultName], className: "md-lib-mb-0", valuePropName: "checked", children: _jsx(Switch, {}) }) })] }, id));
+            }
+            return null;
+        }) }));
+}

package/build/AssetType/index.d.ts

@@ -0,0 +1,11 @@
+import "../style.css";
+declare function App(props: {
+    accessKey?: string;
+    secretKey?: string;
+    subdomain?: string;
+    teamIds?: string[];
+    styles?: Record<string, string>;
+    appType?: string;
+    routerVersion: 4 | 5 | 6;
+}): JSX.Element;
+export default App;

package/build/AssetType/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "../style.css";
+import { DamConfigProvider } from "../hocs/DamConfigContext";
+import { MemoryRouter } from "react-router-dom";
+import { ThemeProvider } from "../hocs/ThemeContext";
+import { ThemeModes } from "../utilities/constants/interface";
+import AppRoutes from "./routes";
+import ToastProvider from "../hocs/ToastProvider";
+import process from "process";
+function App(props) {
+    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,
+    };
+    if (typeof window !== "undefined" && !window.process) {
+        window.process = process;
+    }
+    return (_jsx(DamConfigProvider, { config: config, children: _jsxs(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: [_jsx(MemoryRouter, { initialEntries: ["/"], children: _jsx(AppRoutes, { routerVersion: (props === null || props === void 0 ? void 0 : props.routerVersion) || 6 }) }), _jsx(ToastProvider, {})] }) }));
+}
+export default App;

package/build/AssetType/routes.d.ts

@@ -0,0 +1,3 @@
+export default function AppRoutes({ routerVersion, }: {
+    routerVersion: 4 | 5 | 6;
+}): JSX.Element;

package/build/AssetType/routes.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AssetTemplatesContainer from "./assetTemplatesContainer";
+import { ASSET_TEMPLATE_SCREEN, ASSETS_SCREEN, } from "../utilities/constants/routes";
+import CreateOrEditAssetTemplate from "./CreateOrEditAssetTemplate";
+import { NavigatorProvider } from "../utilities/NavigatorProvider";
+export default function AppRoutes({ routerVersion, }) {
+    if (routerVersion === 6) {
+        // ✅ React Router v6
+        const { Routes, Route } = require("react-router-dom");
+        return (_jsxs(Routes, { children: [_jsx(Route, { path: ASSETS_SCREEN, element: _jsx(AssetTemplatesContainer, {}) }, ASSETS_SCREEN), _jsx(Route, { path: ASSET_TEMPLATE_SCREEN, element: _jsx(CreateOrEditAssetTemplate, {}) }, ASSET_TEMPLATE_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: ASSETS_SCREEN, render: (props) => _jsx(AssetTemplatesContainer, Object.assign({}, props)) }, ASSETS_SCREEN), _jsx(Route, { path: ASSET_TEMPLATE_SCREEN, render: (props) => _jsx(CreateOrEditAssetTemplate, Object.assign({}, props)) }, ASSET_TEMPLATE_SCREEN)] }) }));
+    const WithRouterWrapper = withRouter(Wrapper);
+    return _jsx(WithRouterWrapper, {});
+}

package/build/BookView/ProductDescription.d.ts

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

package/build/BookView/ProductDescription.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs } from "antd";
+import Description from "./description";
+import BookInfo from "./bookInfo";
+const ProductDescription = ({ getValue, }) => {
+    const items = [
+        {
+            key: "1",
+            label: "Description",
+            children: _jsx(Description, { getValue: getValue }),
+        },
+        {
+            key: "2",
+            label: "Product Details",
+            children: _jsx(BookInfo, { getValue: getValue }),
+        },
+    ];
+    return _jsx(Tabs, { defaultActiveKey: "1", items: items });
+};
+export default ProductDescription;

package/build/BookView/bookDetail.d.ts

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

package/build/BookView/bookDetail.js

@@ -0,0 +1,106 @@
+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 { FaStar } from "react-icons/fa";
+import { LuBookOpenText } from "react-icons/lu";
+import { TbRulerMeasure } from "react-icons/tb";
+import { IoIosInformationCircleOutline } from "react-icons/io";
+import { CiDeliveryTruck } from "react-icons/ci";
+import { LuPackage } from "react-icons/lu";
+import ProductDescription from "./ProductDescription";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { useEffect, useMemo, useState } from "react";
+import { FETCH_ASSET_URL, FETCH_FILE_URL, } from "../utilities/constants/apiUrls";
+import { get } from "lodash";
+import Loader from "../common/loader/loader";
+import dayjs from "dayjs";
+const Star = FaStar;
+const BookOpen = LuBookOpenText;
+const Ruler = TbRulerMeasure;
+const Info = IoIosInformationCircleOutline;
+const Truck = CiDeliveryTruck;
+const Package = LuPackage;
+const BookDetails = ({ id }) => {
+    var _a;
+    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", []);
+    };
+    console.log(getValue("Stars"));
+    return (_jsx(_Fragment, { children: loading || isAssetLoading ? (_jsx(Loader, {})) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-3 gap-4 p-4", children: [_jsx("div", { children: _jsx(Image, { src: get(file, "s3Url", ""), alt: "Dummy Image", className: "border rounded" }) }), _jsxs("div", { className: " mx-auto bg-white rounded-lg shadow-sm border border-borderColor overflow-hidden", children: [_jsx("div", { className: "bg-orange-50 px-6 py-3 border-b border-orange-100", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "text-orange-500", children: "\uD83D\uDD25" }), _jsx("span", { className: "text-orange-600 font-medium text-sm", children: "Trending in BOOKS" })] }) }), _jsxs("div", { className: "p-6", children: [_jsx("h1", { className: "text-3xl font-bold text-textColor mb-3", children: getValue("Name") || "" }), _jsx("p", { className: "text-textColor text-lg mb-4 leading-relaxed", children: getValue("Description") || "" }), _jsxs("p", { className: "mb-4", children: [_jsx("span", { className: "text-secondaryTextColor", children: "By: " }), _jsx("span", { className: "text-themeGreen font-medium", children: getValue("Author") || "" })] }), _jsxs("div", { className: "flex items-center gap-4 mb-4", children: [_jsxs("div", { className: "flex items-center gap-1", children: [[...Array(Number(getValue("Stars") || 0))].map((_, i) => (_jsx(Star, { className: "w-5 h-5 fill-themeYellow text-themeYellow" }, i))), [...Array(5 - (getValue("Stars") || 0))].map((_, i) => (_jsx(Star, { className: "w-5 h-5 text-secondaryTextColor" })))] }), _jsxs("span", { className: "text-secondaryTextColor text-sm", children: [getValue("Reviews") || 0, " review"] })] }), _jsxs("div", { className: "text-gray-600 text-sm mb-6", children: [getValue("Format") || "", " |", " ", getValue("Published Date")
+                                                    ? dayjs(getValue("Published Date")).format("DD MMMM YYYY")
+                                                    : ""] }), _jsxs("div", { className: "bg-gray-50 rounded-lg p-4", children: [_jsx("h3", { className: "font-semibold text-textColor mb-4", children: "At a Glance" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-white rounded-lg shadow-sm", children: _jsx(BookOpen, { className: "w-5 h-5 text-secondaryTextColor" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-sm text-secondaryTextColor", children: "Format" }), _jsx("div", { className: "font-medium text-textColor", children: getValue("Format") || "" })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-white rounded-lg shadow-sm", children: _jsx(Ruler, { className: "w-5 h-5 text-secondaryTextColor" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-sm text-secondaryTextColor", children: "Dimensions(cm)" }), _jsx("div", { className: "font-medium text-textColor", children: getValue("Dimensions") || "" })] })] })] })] })] })] }), _jsxs("div", { className: "max-w-md mx-auto bg-white rounded-lg shadow-lg p-6 font-sans", children: [_jsx("div", { className: "text-center mb-6", children: _jsx("h2", { className: "text-lg font-medium text-headingText tracking-wide", children: ((_a = getValue("Format")) === null || _a === void 0 ? void 0 : _a.toUpperCase()) || "" }) }), _jsxs("div", { className: "mb-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-secondaryTextColor", children: "RRP" }), _jsxs("span", { className: "text-sm text-secondaryTextColor line-through", children: ["$", getValue("Actual Price") || ""] }), _jsx(Info, { className: "w-4 h-4 text-secondaryTextColor" })] }), _jsx("div", { className: "bg-themeGreen/10 text-themeGreen px-3 py-1 rounded-md", children: _jsxs("span", { className: "font-semibold text-sm", children: [getValue("Discount") || "", "% OFF"] }) })] }), _jsxs("div", { className: "text-4xl font-bold text-headingText mb-4", children: ["$", getValue("Discount Price") || ""] }), _jsxs("div", { className: "flex items-center justify-center gap-1 text-sm text-secondaryTextColor mb-6", children: [_jsx("span", { children: getValue("Payment Description") || "" }), _jsx("span", { className: "font-semibold text-headingText", children: "afterpay" }), _jsx(Info, { className: "w-4 h-4 text-secondaryTextColor ml-1" })] })] }), _jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("div", { className: "w-5 h-5 rounded-full bg-themeGreen flex items-center justify-center", children: _jsx("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }), _jsx("span", { className: `${getValue("In Stock") === "Yes"
+                                                ? "text-themeGreen"
+                                                : "text-dangerColor"} font-medium text-sm`, children: getValue("In Stock") ? "In Stock" : "Out of Stock" }), _jsx("span", { className: "text-secondaryTextColor text-sm", children: "and" }), _jsxs("span", { className: "text-imagesColor font-medium text-sm", children: ["Aims to ship in", " ", getValue("Minimum days to ship")
+                                                    ? `${getValue("Minimum days to ship")} - `
+                                                    : "", " ", getValue("Maximum days to ship"), " business days"] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Truck, { className: "w-5 h-5 text-headingText" }), _jsx("span", { className: "text-headingText font-medium text-sm", children: getValue("Eligible for express delivery") == "Yes"
+                                                        ? "Eligible for Express Delivery"
+                                                        : "" }), _jsx(Info, { className: "w-4 h-4 text-secondaryTextColor" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Package, { className: "w-5 h-5 text-headingText" }), _jsx("span", { className: "text-headingText font-medium text-sm", children: "When will this arrive by?" })] })] })] })] }), _jsx(ProductDescription, { getValue: getValue })] })) }));
+};
+export default BookDetails;

package/build/BookView/bookInfo.d.ts

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

package/build/BookView/bookInfo.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs from "dayjs";
+const BookInfo = ({ getValue }) => {
+    const ISBN = getValue("ISBN") || "";
+    const ISBN10 = getValue("ISBN-10") || "";
+    const format = getValue("Format") || "";
+    const language = getValue("Language") || "";
+    const audience = getValue("Audience") || "";
+    const publisher = getValue("Publisher") || "";
+    const countryOfPublication = getValue("Country of Publication") || "";
+    const weight = getValue("Weight (kg)") || "";
+    const dimensions = getValue("Dimensions") || "";
+    return (_jsx("div", { className: " p-6", children: _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "ISBN:" }), " ", _jsx("span", { className: "text-textColor", children: ISBN })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "ISBN-10:" }), " ", _jsx("span", { className: "text-textColor", children: ISBN10 })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Published:" }), " ", _jsx("span", { className: "text-textColor", children: getValue("Published Date")
+                                ? dayjs(getValue("Published Date")).format("DD MMMM YYYY")
+                                : "" })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Format:" }), " ", _jsx("span", { className: "text-textColor", children: format })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Language:" }), " ", _jsx("span", { className: "text-textColor", children: language })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Audience:" }), " ", _jsx("span", { className: "text-textColor", children: audience })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Publisher:" }), " ", _jsx("span", { className: "text-textColor", children: publisher })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Country of Publication:" }), " ", _jsx("span", { className: "text-textColor", children: countryOfPublication })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Dimensions (cm):" }), " ", _jsx("span", { className: "text-textColor", children: dimensions })] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-textColor", children: "Weight (kg):" }), " ", _jsx("span", { className: "text-textColor", children: weight })] })] }) }));
+};
+export default BookInfo;

package/build/BookView/description.d.ts

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

package/build/BookView/description.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Description = ({ getValue }) => {
+    return (_jsx("p", { className: "text-base text-textColor", children: getValue("Product Description") || "" }));
+};
+export default Description;

package/build/BookView/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/BookView/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 BookDetails from "./bookDetail";
+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(BookDetails, { id: props === null || props === void 0 ? void 0 : props.id }), _jsx(ToastProvider, {})] }) }) }));
+}
+export default App;

package/build/CreateClient/CreateClientBtn.d.ts

@@ -0,0 +1,8 @@
+declare const CreateClient: ({ onSuccess, clientSubdomain, teamsApi, username, password, }: {
+    onSuccess: (data: any) => void;
+    clientSubdomain: string;
+    teamsApi: string;
+    username: string;
+    password: string;
+}) => JSX.Element;
+export default CreateClient;

package/build/CreateClient/CreateClientBtn.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "antd";
+import { useState } from "react";
+import CreateClientForm from "./CreateClientForm";
+const CreateClient = ({ onSuccess, clientSubdomain, teamsApi, username, password, }) => {
+    const [showForm, setShowForm] = useState(false);
+    const toggleShow = () => {
+        setShowForm(!showForm);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: toggleShow, children: "Create Client" }), showForm && (_jsx(CreateClientForm, { toggleShow: toggleShow, onSuccess: onSuccess, clientSubdomain: clientSubdomain, teamsApi: teamsApi, username: username, password: password }))] }));
+};
+export default CreateClient;

package/build/CreateClient/CreateClientForm.d.ts

@@ -0,0 +1,9 @@
+declare const CreateClientForm: ({ teamsApi, username, password, toggleShow, onSuccess, clientSubdomain, }: {
+    teamsApi: string;
+    username: string;
+    password: string;
+    toggleShow: () => void;
+    onSuccess: (data: any) => void;
+    clientSubdomain: string;
+}) => JSX.Element;
+export default CreateClientForm;