tee3apps-cms-sdk-react 0.0.1

package/src/common.interface.ts

@@ -0,0 +1,216 @@
+export interface ModeProps {
+  isScroll: boolean;
+  isVisible: boolean;
+  top: string;
+  bottom: string;
+  flexView?: boolean;
+  colspan?: number;
+  height?: string;
+  width?: string;
+  left?: string;
+  right?: string;
+  radius?: string;
+}
+
+export interface DeviceModes {
+  web: ModeProps;
+  mobileweb: ModeProps;
+  mobileapp: ModeProps;
+  tablet: ModeProps;
+}
+
+export interface TextStyle {
+  headingTag: string;
+  fontSize: number;
+  fontStyle: {
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderLine: boolean;
+    isStrikeThrough: boolean;
+  };
+  fontColor: string;
+  textAlign: string;
+  fontFamily: string;
+}
+
+export interface TextProps {
+  text: { all: string };
+  style: TextStyle;
+  linktype: string;
+  link: {
+    url: string;
+    target: string;
+  };
+  height: string;
+  mode: DeviceModes;
+}
+
+export interface LinkProps {
+  text: { all: string };
+  url: string;
+  target: string;
+  framename: string;
+}
+
+export interface BoxProps {
+  bgColor: string;
+  align: string;
+  justify: string;
+  compOrder: string;
+  bgsize: string;
+  layout: string;
+  mode: DeviceModes;
+}
+
+export interface RowProps {
+  minHeight: string;
+  bgColor: string;
+  bgImage: string;
+  align: string;
+  justify: string;
+  nowrap: boolean;
+  bgsize: string;
+  mode: DeviceModes;
+}
+
+export interface ImageData {
+  isDynamic: boolean;
+  shape: string;
+  url: string;
+  alt: string;
+}
+
+export interface ImageModeProps {
+  borderRadius: number;
+  width: string;
+  height: string;
+}
+
+export interface ImageComponentProps {
+  images: {
+    all: ImageData;
+  };
+  mode: {
+    web: ImageModeProps;
+    mobileweb: ImageModeProps;
+    mobileapp: ImageModeProps;
+    tablet: ImageModeProps;
+  };
+  linktype: string;
+  link: {
+    url: string;
+    target: string;
+  };
+  product: {
+    _id: string;
+    code: string;
+    name: object;
+    pd_type: string;
+  };
+  page: {
+    _id: string;
+    code: string;
+    name: object;
+    pg_type: string;
+    facet_params: any[];
+    track_params: any[];
+  };
+  tag: {
+    _id: string;
+    code: string;
+    name: object;
+    tagtype: string;
+  };
+  type: any[];
+}
+
+export interface ProductImage {
+  shapeImageId: string;
+  height: number;
+  width: number;
+  shape: string;
+  isDynamic: boolean;
+  url: string;
+}
+
+export interface Product {
+  _id: string;
+  code: string;
+  name: string | { all: string };
+  image: ProductImage;
+  isActive: boolean;
+}
+
+export interface GroupProductStatic {
+  _id: string;
+  code: string;
+  name: string;
+}
+
+export interface GroupProductDynamic {
+  code: string;
+  name: { all: string };
+  list: Product[];
+  isActive: boolean;
+}
+
+export interface GroupProductData {
+  static: GroupProductStatic;
+  dynamic: GroupProductDynamic;
+}
+
+export interface HeaderTextStyle {
+  fontSize: number;
+  fontColor: string;
+  isBold: boolean;
+  isItalic: boolean;
+  isUnderline: boolean;
+}
+
+export interface DeviceBooleanProps {
+  web: boolean;
+  mobileweb: boolean;
+  mobileapp: boolean;
+  tablet: boolean;
+}
+
+export interface DeviceLayoutProps {
+  web: string;
+  mobileweb: string;
+  mobileapp: string;
+  tablet: string;
+}
+
+export interface GroupProductComponentProps {
+  headerText: { all: string };
+  type: string;
+  groupproduct: GroupProductData;
+  activeStatus: boolean;
+  headerImage: string;
+  selectedProducts: Product[];
+  items: Product[];
+  style: DeviceLayoutProps;
+  showItems:Product[]
+  cardColor: string;
+  showProductName: DeviceBooleanProps;
+  headerTextStyle: HeaderTextStyle;
+  layout: DeviceLayoutProps;
+  showHeader: DeviceBooleanProps;
+  isHorizontalScroll: DeviceBooleanProps;
+  headerBackground: string;
+}
+
+export interface ComponentData {
+  name: string;
+  props: TextProps | LinkProps | ImageComponentProps | GroupProductComponentProps;
+}
+
+export interface BoxData {
+  props: BoxProps;
+  components: ComponentData[];
+}
+
+export interface RowData {
+  props: RowProps;
+  columns: BoxData[];
+}

package/src/const.ts

@@ -0,0 +1,6 @@
+export const  ENCRYPT_KEY =import.meta.env.VITE_HASHKEY
+export const REGION = import.meta.env.VITE_REGION;
+export const ENDPOINT = import.meta.env.VITE_ENDPOINT;
+export const ACCESS_KEY_ID = import.meta.env.VITE_ACCESS_KEY_ID;
+export const SECRET_ACCESS_KEY = import.meta.env.VITE_SECRET_ACCESS_KEY;
+export const Linodeurl=`https://pim.in-maa-1.linodeobjects.com/`

package/src/env.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_MY_SECRET: string;
+   readonly VITE_HASHKEY: string;
+  readonly VITE_REGION: string;
+  readonly VITE_ENDPOINT: string;
+  readonly VITE_ACCESS_KEY_ID: string;
+  readonly VITE_SECRET_ACCESS_KEY: string;
+  // Add other variables here as needed
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/src/index.css

@@ -0,0 +1,82 @@
+/* Webkit browsers (Chrome, Safari) */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+:root {
+  --font-primary: 'Inter', sans-serif;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: var(--font-primary);
+  background-color: #f9f9f9; /* optional */
+  color: #1a1a1a; /* optional */
+}
+.groupBrandCarousel::-webkit-scrollbar {
+  height: 8px;
+  width: 8px;
+}
+
+.groupBrandCarousel::-webkit-scrollbar-thumb {
+  background-color: #888;
+  border-radius: 4px;
+}
+
+.groupBrandCarousel::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+}
+
+/* Firefox */
+.groupBrandCarousel {
+  scrollbar-width: thin;
+  scrollbar-color: #888 #f1f1f1;
+}
+.GroupImageComponent{
+  container-type: inline-size;
+
+}
+.GroupBrandComponent{
+  container-type: inline-size;
+
+}
+.GroupProductComponent {
+  container-type: inline-size;
+}
+
+@container (max-width: 480px) {
+  .groupProductCarousel {
+    gap: 8px !important;
+  }
+  
+  .productImageSlide {
+    min-width: 100px !important;
+  }
+}
+
+/* -------------- IMAGE STYLES --------------- */
+
+.image-box {
+ 
+   width: 100%;
+  /* height: 280px; */
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+}
+
+.fitted-image {
+  width: 100%;
+  height: 100%;
+}
+.mainpagearea{
+  background-color: rgb(205, 205, 205);
+  width: 100%;
+  flex: flex;
+  justify-items: center;
+}
+.pagerender{
+  /* background-color: #888; */
+  width: 95%;
+ 
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+import Page from "./Page";
+export default Page

package/src/types.ts

@@ -0,0 +1,234 @@
+export type LOVItem = {
+  id: string;
+  code: string;
+  name: string;
+};
+
+export interface TextStyle {
+  headingTag: string;
+  fontSize: number;
+  fontStyle: {
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderLine: boolean;
+    isStrikeThrough: boolean;
+  };
+  fontColor: string;
+  textAlign: string;
+  fontFamily: string;
+}
+
+export interface TextProps {
+  text: { all: string };
+  style: TextStyle;
+  linktype: string;
+  link: {
+    url: string;
+    target: string;
+  };
+  height: string;
+  mode: DeviceModes;
+}
+
+export interface LinkProps {
+  text: { all: string };
+  url: string;
+  target: string;
+  framename: string;
+}
+
+export interface ImageData {
+  isDynamic: boolean;
+  shape: string;
+  url: string;
+  alt: string;
+}
+
+export interface ImageModeProps {
+  borderRadius: number;
+  width: string;
+  height: string;
+  bgColor?: string;
+  // borderRadius?:string;
+}
+
+export interface DeviceModes {
+  web: ImageModeProps | ButtonModeProps;
+  mobileweb: ImageModeProps | ButtonModeProps;
+  mobileapp: ImageModeProps | ButtonModeProps;
+  tablet: ImageModeProps | ButtonModeProps;
+}
+
+
+export interface ImageComponentProps {
+  images: {
+    all: ImageData;
+  };
+  mode: DeviceModes;
+  linktype: string;
+  link: {
+    url: string;
+    target: string;
+  };
+  product: {
+    _id: string;
+    code: string;
+    name: object;
+    pd_type: string;
+  };
+  page: {
+    _id: string;
+    code: string;
+    name: object;
+    pg_type: string;
+    facet_params: any[];
+    track_params: any[];
+  };
+  tag: {
+    _id: string;
+    code: string;
+    name: object;
+    tagtype: string;
+  };
+  type: any[];
+}
+
+export type ComponentProps = {
+  columnSize?: string;
+  name?: { all?: string };
+  type?: string;
+  required?: boolean;
+  helperText?: string;
+  multiSelect?: boolean;
+  lov?: LOVItem[];
+  pattern?: string;
+  min?: number;
+  max?: number;
+  step?: number;
+  suffix?: string;
+  format?: string;
+  postaltype?: string;
+  textArea?: boolean;
+  minLength?: number;
+  maxLength?: number;
+  termsandcondition?: { all?: string };
+  onText?: string;
+  offText?: string;
+  code?: string;
+  pd_id?:{ _id: string; code: string; name: object; pd_type: string; }
+  // Image component props
+  images?: { all: ImageData };
+  linktype?: string;
+  link?: {
+    url: string;
+    target: string;
+  };
+  mode?: DeviceModes;
+  product?: {
+    _id: string;
+    code: string;
+    name: object;
+    pd_type: string;
+    pd_id?:any;
+    product_data?:any;
+  };
+  page?: {
+    _id: string;
+    code: string;
+    name: object;
+    pg_type: string;
+    facet_params: any[];
+    track_params: any[];
+  };
+  tag?: {
+    _id: string;
+    tag_id?:any;
+    code: string;
+    name: object;
+    tagtype: string;
+  };
+  // Text component props
+  text?: any;
+  style?: TextStyle;
+  height?: string;
+  disabled?: boolean;
+  bgColor?: string;
+  radius?: string;
+};
+
+export type Component = {
+  name: string;
+  props: ComponentProps;
+  type: any[];
+};
+
+export type Box = {
+  name: string;
+  props: {
+    bgColor: string;
+    bgImage: any;
+    align: string;
+    justify: string;
+    compOrder: string;
+    bgsize: string;
+    layout: string;
+    mode: {
+      web: {
+        colspan: number;
+        isVisible: boolean;
+        height: string;
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        radius: string;
+      };
+      mobileweb: any;
+      mobileapp: any;
+      tablet: any;
+    };
+  };
+  components: Component[];
+};
+
+export interface ButtonModeProps {
+  radius?: string;
+  borderRadius?: number;
+
+  bgColor?: string;
+  textstyle?: {
+    fontSize: number;
+    fontColor: string;
+    fontStyle: {
+      isBold: boolean;
+      isItalic: boolean;
+      isUnderLine: boolean;
+      isStrikeThrough: boolean;
+    };
+  };
+}
+export type Row = {
+  name: string;
+  props: {
+    minHeight: string;
+    bgColor: string;
+    bgImage: string;
+    align: string;
+    justify: string;
+    nowrap: boolean;
+    bgsize: string;
+    mode: {
+      web: {
+        isScroll: boolean;
+        isVisible: boolean;
+        top: string;
+        bottom: string;
+        flexView: boolean;
+      };
+      mobileweb: any;
+      mobileapp: any;
+      tablet: any;
+    };
+  };
+  columns: Box[];
+};

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}