updated ikContextprops

Author: ANKUR DWIVEDI

src/components/IKContext/index.tsx

@@ -2,10 +2,10 @@
 import React, { createContext } from 'react';
 import { InferProps } from 'prop-types';
 import ImageKit from 'imagekit-javascript';
-import { IKContextCombinedProps } from "./props";
+import { IKContextCombinedProps, IKContextExtractedProps } from "./props";
 
 // Create the context
-export const ImageKitContext = createContext<IKContextCombinedProps>({});
+export const ImageKitContext = createContext<IKContextExtractedProps>({});
 
 /**
  * Provides a container for ImageKit components. Any option set in IKContext will be passed to the children.
@@ -18,16 +18,16 @@ export const ImageKitContext = createContext<IKContextCombinedProps>({});
  */
 const IKContext = (props: React.PropsWithChildren<IKContextCombinedProps>) => {
 
-  const extractContextOptions = (mergedOptions: InferProps<IKContextCombinedProps>) => {
-    var result: IKContextCombinedProps = {};
+  const extractContextOptions = (mergedOptions: InferProps<IKContextExtractedProps>) => {
+    var result: IKContextExtractedProps = {};
 
-    const propKeys = Object.keys(IKContextCombinedProps);
+    const propKeys = Object.keys(IKContextExtractedProps);
 
     for (var i = 0; i < propKeys.length; i++) {
       var key = propKeys[i];
-      const value = mergedOptions[key as keyof IKContextCombinedProps];
+      const value = mergedOptions[key as keyof IKContextExtractedProps];
       if (value) {
-        result[key as keyof IKContextCombinedProps] = value;
+        result[key as keyof IKContextExtractedProps] = value;
       }
     }
 

src/components/IKContext/props.ts

@@ -10,6 +10,10 @@ const Props = {
 export const IKContextCombinedProps = {
   ...Props,
   transformationPosition: PropTypes.oneOf(['path', 'query']),
+};
+
+export const IKContextExtractedProps = {
+  ...IKContextCombinedProps,
   ikClient: PropTypes.instanceOf(ImageKit),
 };
 
@@ -19,4 +23,8 @@ export type IKContextCombinedProps = InferProps<typeof IKContextCombinedProps> &
 
 export type IKContextBaseProps = InferProps<typeof Props>;
 
+export type IKContextExtractedProps = InferProps<typeof IKContextExtractedProps> & {
+  urlEndpoint?: string;
+};
+
 export default Props;

src/components/IKVideo/index.tsx

@@ -1,13 +1,13 @@
 import React, { useContext, useEffect, useRef, useState } from 'react';
-import { IKContextBaseProps, IKContextCombinedProps } from "../IKContext/props";
+import { IKContextBaseProps, IKContextExtractedProps } from "../IKContext/props";
 import COMBINED_PROP_TYPES, { IKVideoProps } from './combinedProps';
 import { getSrc } from '../../utils/Utility';
 import useImageKitComponent from '../ImageKitComponent';
 import { ImageKitContext } from '../IKContext';
 
 export type IKVideoState = {
   currentUrl?: string;
-  contextOptions: IKContextCombinedProps;
+  contextOptions: IKContextExtractedProps;
 };
 
 const IKVideo = (props: IKVideoProps & IKContextBaseProps) => {

src/utils/Utility.ts

@@ -1,6 +1,6 @@
 import ImageKit from "imagekit-javascript";
 import { TransformationPosition, UrlOptions } from "imagekit-javascript/dist/src/interfaces";
-import { IKContextCombinedProps, IKContextBaseProps } from "../components/IKContext/props";
+import { IKContextBaseProps, IKContextExtractedProps } from "../components/IKContext/props";
 import { IKImageProps, IKImageBaseProps } from "../components/IKImage/combinedProps";
 import { IKVideoBaseProps } from "../components/IKVideo/combinedProps";
 
@@ -11,7 +11,7 @@ export type IKImageState = {
   lqipSrc?: string;
   originalSrcLoaded: boolean;
   intersected: boolean;
-  contextOptions: IKContextCombinedProps;
+  contextOptions: IKContextExtractedProps;
   observe?: IntersectionObserver;
   initialzeState: boolean
 }
@@ -36,7 +36,7 @@ export const areObjectsDifferent = <T>(prevProps: T, newProps: T, propsAffecting
 type GetSrcReturnType = {originalSrc: string; lqipSrc?: string;};
 
 export const getSrc = ({ urlEndpoint, lqip, src, path, transformation, transformationPosition, queryParameters }: IKImageBaseProps & IKVideoBaseProps & IKContextBaseProps,
-  ikClient: ImageKit, contextOptions: IKContextCombinedProps): GetSrcReturnType  => {
+  ikClient: ImageKit, contextOptions: IKContextExtractedProps): GetSrcReturnType  => {
 
   let options: UrlOptions;
   if (src) {