@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326110644 → 0.8.1-dev.20260328110533

package/dist/chunk-3IDT4246.mjs

@@ -0,0 +1,400 @@
+// src/components/Button.tsx
+import React3, { useState as useState2 } from "react";
+
+// src/components/ToastService.tsx
+var ToastService = class _ToastService {
+  static initialize(showToast, closeToast) {
+    _ToastService.showToast = showToast;
+    _ToastService.closeToast = closeToast;
+  }
+  static showError(message) {
+    if (_ToastService.showToast) {
+      _ToastService.showToast(message, "error");
+    }
+  }
+  static showInfo(message) {
+    if (_ToastService.showToast) {
+      _ToastService.showToast(message, "info");
+    }
+  }
+  static close() {
+    if (_ToastService.closeToast) {
+      _ToastService.closeToast();
+    }
+  }
+};
+var ToastService_default = ToastService;
+
+// src/components/StyleTypes.tsx
+var buttonClasses = /* @__PURE__ */ new Map([
+  ["Primary" /* Solid */, "btn-solid"],
+  ["PrimaryHollow" /* Hollow */, "btn-hollow"],
+  ["Link" /* Link */, "btn-link"]
+]);
+var progressClasses = /* @__PURE__ */ new Map([
+  ["Primary" /* Solid */, ""],
+  ["PrimaryHollow" /* Hollow */, ""],
+  ["Link" /* Link */, ""]
+]);
+
+// src/components/Confirm.tsx
+import { useState } from "react";
+
+// src/components/ClientButton.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ClientButton = (props) => {
+  const execute = async (event) => {
+    if (props.onClick !== void 0) {
+      props.onClick();
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: execute,
+      className: buttonClass + " " + props.className,
+      children: props.children
+    }
+  ) });
+};
+var ClientButton_default = ClientButton;
+
+// src/components/Confirm.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Confirm = ({ message, onConfirm, onCancel }) => {
+  const [showModal, setShowModal] = useState(true);
+  const handleConfirmAction = () => {
+    setShowModal(false);
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  const handleCancelAction = () => {
+    setShowModal(false);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  return /* @__PURE__ */ jsx2(Fragment, { children: showModal && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
+    /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 bg-black opacity-70" }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
+      /* @__PURE__ */ jsx2("p", { className: "mb-4", children: message }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-8", children: [
+        /* @__PURE__ */ jsx2(
+          ClientButton_default,
+          {
+            onClick: handleCancelAction,
+            ButtonType: "PrimaryHollow" /* Hollow */,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          ClientButton_default,
+          {
+            onClick: handleConfirmAction,
+            children: "Confirm"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+var Confirm_default = Confirm;
+{
+}
+
+// src/components/Button.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Button = (props) => {
+  const [inProgress, setInProgress] = useState2(false);
+  const [isActionPerformed, setIsActionPerformed] = useState2(false);
+  const [responseMessage, setResponseMessage] = useState2(null);
+  const [showModal, setShowModal] = useState2(null);
+  const execute = async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (props.confirm) {
+      const confirmed = await showConfirmation("Are you sure you want to delete this item?");
+      setShowModal(null);
+      if (!confirmed) {
+        return;
+      }
+    }
+    if (props.oneTimeAction && isActionPerformed) {
+      return;
+    }
+    setInProgress(true);
+    let isValid = true;
+    if (props.onValidate !== void 0) {
+      isValid = await props.onValidate();
+      if (!isValid) {
+        setInProgress(false);
+        ToastService_default.showError("There are errors in the form. Please fix them before proceeding.");
+        return;
+      }
+    }
+    if (props.onClick !== void 0) {
+      let response = await props.onClick();
+      if (response.isSuccessful) {
+        setIsActionPerformed(true);
+        setResponseMessage(response.message);
+        if (props.showToast) {
+          ToastService_default.showInfo(response.message || "");
+        }
+      } else {
+        ToastService_default.showError(response.message || "");
+      }
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+    setInProgress(false);
+  };
+  const showConfirmation = (message) => {
+    return new Promise((resolve) => {
+      const onConfirm = () => resolve(true);
+      const onCancel = () => resolve(false);
+      setShowModal(/* @__PURE__ */ jsx3(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
+    });
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
+  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
+  return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "submit",
+        onClick: execute,
+        disabled: props.disabled,
+        title: isDisabled ? "The button is disabled to prevent any action" : "",
+        className: buttonClass + " relative " + props.className,
+        children: [
+          isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
+          inProgress && /* @__PURE__ */ jsx3(React3.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsx3("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ jsx3("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+          ] }) })
+        ]
+      }
+    ),
+    showModal
+  ] });
+};
+var Button_default = Button;
+
+// src/clients/CacheManage.tsx
+import NodeCache from "node-cache";
+var CacheManager = class _CacheManager {
+  constructor() {
+    this.maxCacheSize = 1e3;
+    this.cache = new NodeCache({ stdTTL: 0, checkperiod: 300 });
+  }
+  static getInstance() {
+    if (!_CacheManager.instance) {
+      _CacheManager.instance = new _CacheManager();
+    }
+    return _CacheManager.instance;
+  }
+  get(key) {
+    return null;
+  }
+  set(key, data, ttl) {
+  }
+  clear() {
+    this.cache.flushAll();
+  }
+  size() {
+    return this.cache.keys().length;
+  }
+  destroy() {
+    this.cache.close();
+  }
+};
+
+// src/clients/ServiceClient.tsx
+var ServerApiError = class extends Error {
+  constructor(data, status) {
+    super(data.message || "---");
+    this.status = status;
+    this.data = data;
+    this.data.isSuccessful = false;
+  }
+};
+var ServiceClient = class {
+  constructor(apiBaseUrl, session) {
+    this.cacheManager = CacheManager.getInstance();
+    this.baseUrl = apiBaseUrl;
+    this.session = session;
+  }
+  buildFullPath(path, params) {
+    let updatedPath = path;
+    if (params) {
+      Object.keys(params).forEach((key) => {
+        updatedPath = updatedPath.replace(
+          `{${key}}`,
+          String(params[key])
+        );
+      });
+    }
+    return this.baseUrl + updatedPath;
+  }
+  getConfig() {
+    const config = { headers: {} };
+    if (this.session) {
+      if (this.session.oAuthToken) {
+        config.headers["Authorization"] = "Bearer " + this.session.oAuthToken;
+      }
+      config.headers["cid"] = this.session.cid || "";
+      config.headers["UserCurrencyCode"] = this.session.userCurrencyCode || "INR";
+      config.headers["MarketCode"] = this.session?.marketCode || "IND";
+    }
+    return config;
+  }
+  handleFetchError(error) {
+    console.log(error);
+    const serverApiError = error;
+    if (serverApiError) {
+      return serverApiError.data;
+    }
+    return {
+      message: "There is some error. Please try after sometime.",
+      isSuccessful: false
+    };
+  }
+  async fetchJsonWithCache(fullPath, config) {
+    const cacheKey = fullPath + "--" + (this.session?.marketCode || "IND");
+    const cachedData = this.cacheManager.get(cacheKey);
+    if (cachedData) {
+      return cachedData;
+    }
+    console.log("*****************CALLING API:", cacheKey, (/* @__PURE__ */ new Date()).toISOString());
+    const response = await fetch(fullPath, { headers: config.headers });
+    if (!response.ok) {
+      const apiErrorData = await response.json();
+      throw new ServerApiError(apiErrorData, response.status);
+    }
+    const cacheControl = response.headers.get("Cache-Control");
+    let revalidate = null;
+    if (cacheControl) {
+      const maxAgeMatch = cacheControl.match(/max-age=(\d+)/);
+      if (maxAgeMatch && maxAgeMatch[1]) {
+        const maxAge = parseInt(maxAgeMatch[1], 10);
+        revalidate = maxAge * 1e3;
+      }
+    }
+    const data = await response.json();
+    data.isSuccessful = true;
+    if (revalidate !== null && revalidate > 0) {
+      console.log("revalidate............I am caching:" + revalidate);
+      this.cacheManager.set(cacheKey, data, revalidate);
+    }
+    return data;
+  }
+  //   private async refreshToken(): Promise<void> {
+  //     console.log("*******************calling refresh token***********************");
+  //     try {
+  //       const response = await fetch(this.baseUrl + "/auth/storefront/login/refreshToken", {
+  //         method: 'POST',
+  //         headers: {
+  //           'Content-Type': 'application/json'
+  //         },
+  //         body: JSON.stringify({ refreshToken: this.session.refreshToken })
+  //       });
+  //       if (!response.ok) {
+  //         throw new Error("Failed to refresh token");
+  //       }
+  //       const responseData = await response.json();
+  //       this.session.oAuthToken = responseData.result.accessToken;
+  //       if (typeof window === "undefined") {
+  //         // Running on the server
+  //       } else {
+  //         await fetch("/api/login", {
+  //           method: "post",
+  //           headers: {
+  //             "Content-Type": "application/json",
+  //           },
+  //           body: JSON.stringify({ session: this.session }),
+  //         });
+  //       }
+  //     } catch (error: any) {
+  //       throw new Error("Failed to refresh token");
+  //     }
+  //   }
+  async handleRequest(request) {
+    try {
+      return await request();
+    } catch (error) {
+      throw error;
+    }
+  }
+  async post(path, data) {
+    const request = async () => {
+      const fullPath = this.baseUrl + path;
+      const config = this.getConfig();
+      const response = await fetch(fullPath, {
+        method: "POST",
+        headers: {
+          ...config.headers,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(data)
+      });
+      if (!response.ok) {
+        const apiErrorData = await response.json();
+        throw new ServerApiError(apiErrorData, response.status);
+      }
+      const responseData = await response.json();
+      responseData.isSuccessful = true;
+      return responseData;
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+  async getSingle(path, params) {
+    const request = async () => {
+      const sanitizedParams = params ? Object.fromEntries(
+        Object.entries(params).map(([k, v]) => [k, String(v)])
+      ) : void 0;
+      const fullPath = this.buildFullPath(path, sanitizedParams);
+      const config = this.getConfig();
+      return await this.fetchJsonWithCache(fullPath, config);
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+  async get(path, params) {
+    const request = async () => {
+      const sanitizedParams = params ? Object.fromEntries(
+        Object.entries(params).map(([k, v]) => [k, String(v)])
+      ) : void 0;
+      const fullPath = this.buildFullPath(path, sanitizedParams);
+      const config = this.getConfig();
+      console.log(fullPath);
+      return await this.fetchJsonWithCache(fullPath, config);
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+};
+var ServiceClient_default = ServiceClient;
+
+export {
+  buttonClasses,
+  Button_default,
+  ServiceClient_default
+};

package/dist/chunk-CVVLFQ4J.mjs

@@ -0,0 +1,131 @@
+// src/components/HlsPlayer.tsx
+import React, { useRef, useEffect, useState, useCallback } from "react";
+import Hls from "hls.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HlsPlayer = React.memo(
+  ({
+    assetUrl,
+    posterUrl,
+    intrinsicWidth,
+    intrinsicHeight,
+    showControls = true,
+    loop = false,
+    playOptions = "autoplay"
+  }) => {
+    const videoRef = useRef(null);
+    const hlsRef = useRef(null);
+    const [isPlaying, setIsPlaying] = useState(playOptions === "autoplay");
+    const [isHovered, setIsHovered] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
+    const wasManuallyPausedRef = useRef(false);
+    useEffect(() => {
+      const checkMobile = () => {
+        const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+        const isSmallScreen = window.innerWidth <= 768;
+        const ua = navigator.userAgent.toLowerCase();
+        const isMobileUA = /android|iphone|ipad|ipod/i.test(ua);
+        setIsMobile(hasTouch || isSmallScreen || isMobileUA);
+      };
+      checkMobile();
+      window.addEventListener("resize", checkMobile);
+      return () => window.removeEventListener("resize", checkMobile);
+    }, []);
+    useEffect(() => {
+      const v = videoRef.current;
+      if (!v || !assetUrl) return;
+      if (hlsRef.current) {
+        hlsRef.current.destroy();
+        hlsRef.current = null;
+      }
+      if (Hls.isSupported()) {
+        const hls = new Hls();
+        hls.loadSource(assetUrl);
+        hls.attachMedia(v);
+        hls.on(Hls.Events.MANIFEST_PARSED, () => {
+          if (isPlaying && !wasManuallyPausedRef.current) {
+            v.play().catch(console.error);
+          }
+        });
+        hlsRef.current = hls;
+      } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
+        v.src = assetUrl;
+      }
+    }, [assetUrl, isPlaying]);
+    const handlePlayPause = useCallback(() => {
+      const v = videoRef.current;
+      if (!v) return;
+      if (v.paused) {
+        wasManuallyPausedRef.current = false;
+        v.play().then(() => setIsPlaying(true));
+      } else {
+        wasManuallyPausedRef.current = true;
+        v.pause();
+        setIsPlaying(false);
+      }
+    }, []);
+    const handleMouseEnter = useCallback(() => {
+      if (isMobile) return;
+      setIsHovered(true);
+      if (playOptions === "playOnHover" && videoRef.current && !wasManuallyPausedRef.current) {
+        videoRef.current.play().then(() => setIsPlaying(true));
+      }
+    }, [playOptions, isMobile]);
+    const handleMouseLeave = useCallback(() => {
+      if (isMobile) return;
+      setIsHovered(false);
+      if (playOptions === "playOnHover" && videoRef.current) {
+        videoRef.current.pause();
+        videoRef.current.currentTime = 0;
+        setIsPlaying(false);
+      }
+    }, [playOptions, isMobile]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "relative w-full aspect-video bg-black",
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: [
+          /* @__PURE__ */ jsx(
+            "video",
+            {
+              ref: videoRef,
+              className: "w-full h-full object-contain",
+              poster: posterUrl,
+              controls: showControls && (isMobile || isPlaying),
+              muted: playOptions === "autoplay" || playOptions === "playOnHover",
+              autoPlay: playOptions === "autoplay",
+              loop,
+              playsInline: true,
+              onClick: !isMobile && !isPlaying ? handlePlayPause : void 0
+            }
+          ),
+          !isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: posterUrl,
+              width: intrinsicWidth,
+              height: intrinsicHeight,
+              alt: "poster",
+              className: `absolute inset-0 object-cover transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`
+            }
+          ),
+          !isMobile && !isPlaying && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 flex items-center justify-center cursor-pointer",
+              onClick: handlePlayPause,
+              children: "\u25B6"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+HlsPlayer.displayName = "HlsPlayer";
+var HlsPlayer_default = HlsPlayer;
+
+export {
+  HlsPlayer_default
+};

package/dist/index.d.mts

@@ -1,28 +1,37 @@
-import React from 'react';
+import React, { ComponentType } from 'react';
+
+type WidgetRegistryType = Record<string, ComponentType<any>>;
+declare function registerWidgets(widgets: WidgetRegistryType): void;
+declare function getWidget(code: string): ComponentType<any> | undefined;
 
 interface ViewControlProps {
     value?: any;
-    controlType: string;
+    controlType?: string;
     format?: string;
     width?: string;
     apiBaseUrl?: string;
-    customProps?: Record<string, any>;
+    customProps?: Record<string, unknown>;
 }
 
-declare const ViewControl: React.ForwardRefExoticComponent<ViewControlProps & React.RefAttributes<HTMLDivElement>>;
+declare const ViewControl: React.FC<ViewControlProps>;
 
 declare const ViewControlTypes: {
-    lineTextView: string;
-    emailTextView: string;
-    multilineTextBulletsView: string;
-    moneyView: string;
-    numberView: string;
-    dateView: string;
-    statusView: string;
-    statusBgView: string;
-    multilinetextView: string;
-    booleanView: string;
-    text: string;
+    lineText: string;
+    asset: string;
+    multilineTextBullets: string;
+    money: string;
+    date: string;
+    time: string;
+    datetime: string;
+    number: string;
+    multilineText: string;
+    moneyText: string;
+    percentage: string;
+    statusBg: string;
+    progressIndicator: string;
+    timeUntilStarts: string;
+    timeUntilStartsStyled: string;
+    aiGeneratedSummary: string;
 };
 
 interface InputCallbackValues<T> {
@@ -191,7 +200,7 @@ interface Session {
 interface PageBodyRendererProps {
     rawBody?: string;
     routeParameters?: {
-        [key: string]: any;
+        [key: string]: unknown;
     };
     query?: {
         [key: string]: string;
@@ -200,7 +209,13 @@ interface PageBodyRendererProps {
     host: string;
     path: string;
     apiBaseUrl: string;
+    breadcrumb?: string;
+    donotApplyContainerClass?: boolean;
+    donotApplyContainerLargeClass?: boolean;
+    serviceClient?: ServiceClientInterface;
+    assetBaseUrl?: string;
+    device?: string;
 }
 declare const PageBodyRenderer: React.FC<PageBodyRendererProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes };
+export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes, type WidgetRegistryType, getWidget, registerWidgets };

package/dist/index.d.ts

@@ -1,28 +1,37 @@
-import React from 'react';
+import React, { ComponentType } from 'react';
+
+type WidgetRegistryType = Record<string, ComponentType<any>>;
+declare function registerWidgets(widgets: WidgetRegistryType): void;
+declare function getWidget(code: string): ComponentType<any> | undefined;
 
 interface ViewControlProps {
     value?: any;
-    controlType: string;
+    controlType?: string;
     format?: string;
     width?: string;
     apiBaseUrl?: string;
-    customProps?: Record<string, any>;
+    customProps?: Record<string, unknown>;
 }
 
-declare const ViewControl: React.ForwardRefExoticComponent<ViewControlProps & React.RefAttributes<HTMLDivElement>>;
+declare const ViewControl: React.FC<ViewControlProps>;
 
 declare const ViewControlTypes: {
-    lineTextView: string;
-    emailTextView: string;
-    multilineTextBulletsView: string;
-    moneyView: string;
-    numberView: string;
-    dateView: string;
-    statusView: string;
-    statusBgView: string;
-    multilinetextView: string;
-    booleanView: string;
-    text: string;
+    lineText: string;
+    asset: string;
+    multilineTextBullets: string;
+    money: string;
+    date: string;
+    time: string;
+    datetime: string;
+    number: string;
+    multilineText: string;
+    moneyText: string;
+    percentage: string;
+    statusBg: string;
+    progressIndicator: string;
+    timeUntilStarts: string;
+    timeUntilStartsStyled: string;
+    aiGeneratedSummary: string;
 };
 
 interface InputCallbackValues<T> {
@@ -191,7 +200,7 @@ interface Session {
 interface PageBodyRendererProps {
     rawBody?: string;
     routeParameters?: {
-        [key: string]: any;
+        [key: string]: unknown;
     };
     query?: {
         [key: string]: string;
@@ -200,7 +209,13 @@ interface PageBodyRendererProps {
     host: string;
     path: string;
     apiBaseUrl: string;
+    breadcrumb?: string;
+    donotApplyContainerClass?: boolean;
+    donotApplyContainerLargeClass?: boolean;
+    serviceClient?: ServiceClientInterface;
+    assetBaseUrl?: string;
+    device?: string;
 }
 declare const PageBodyRenderer: React.FC<PageBodyRendererProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes };
+export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes, type WidgetRegistryType, getWidget, registerWidgets };