@integry/sdk 4.7.39 → 4.7.40

package/src/components/EditableTextArea/styles.module.scss

@@ -1,91 +0,0 @@
-.editableTextWrapper {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  .input,
-  .value {
-    display: block;
-    display: flex;
-    align-items: center;
-    font-size: inherit;
-    line-height: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  .input {
-    flex: 1;
-    overflow: visible;
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    color: inherit;
-    &:focus {
-      outline-offset: 0;
-    }
-  }
-  .input,
-  .editButton {
-    border: 0;
-    outline: 0;
-    background: none;
-    box-shadow: none;
-    text-shadow: none;
-  }
-  .editButton {
-    display: flex;
-    cursor: pointer;
-    align-items: center;
-    margin-left: 4px;
-  }
-  textarea {
-    resize: none;
-    transition: border-color 150ms ease;
-    &::placeholder {
-        font-family: inherit;
-        font-style: normal;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 30px;
-        color: #E2E0DB;
-    }
-    ::-webkit-scrollbar {
-      display: none;
-    }
-  }
-  .editableContentWrap {
-    .editContentSpan {
-      align-items: center;
-      font-size: inherit;
-      line-height: inherit;
-      margin: 0;
-      padding: 0;
-      font-family: inherit;
-      color: inherit;
-      &:focus {
-        outline-offset: 0;
-      }
-      border: 0;
-      outline: 0;
-      background: none;
-      box-shadow: none;
-      text-shadow: none;
-    }
-    .placeholder {
-        font-family: inherit;
-        font-style: normal;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 30px;
-        color: #E2E0DB;
-    }
-    .contentEditButton {
-      border: 0;
-      outline: 0;
-      background: none;
-      box-shadow: none;
-      text-shadow: none;
-      cursor: pointer;
-      margin-left: 10px;
-    }
-  }
-}

package/src/components/ErrorMessage/index.ts

@@ -1,16 +0,0 @@
-import { FunctionComponent } from 'preact';
-import { html } from 'htm/preact';
-
-import styles from './styles.module.scss';
-
-/**
- * ErrorMessage component
- *
- */
-const ErrorMessage: FunctionComponent = (props) => {
-  const { children } = props;
-
-  return html` <div class=${styles.errorMessage}>${children}</div> `;
-};
-
-export { ErrorMessage };

package/src/components/ErrorMessage/styles.module.scss

@@ -1,19 +0,0 @@
-.errorMessage {
-  margin-top: 4px;
-  font-size: 12px;
-  color: #f05c42;
-  font-family: inherit;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 15px;
-  padding-left: 3px;
-  padding-top: 3px;
-  p {
-    font-size: 12px;
-    color: #f05c42;
-    font-family: inherit;
-    font-style: normal;
-    font-weight: normal;
-    line-height: 15px;
-  }
-}

package/src/components/ErrorPage/index.ts

@@ -1,42 +0,0 @@
-import { html } from 'htm/preact';
-import { StructError } from 'superstruct';
-import { Button } from '../Button';
-
-import styles from './styles.module.scss';
-
-interface ErrorPageProps {
-  title: string;
-  description: string;
-  errorPayload: Error | StructError | null;
-  onDismiss?: () => void;
-}
-
-/**
- * ErrorPage component
- *
- */
-const ErrorPage = (props: ErrorPageProps) => {
-  const { title, description, errorPayload, onDismiss = null } = props;
-
-  return html`
-    <div class="${styles.errorPageWrapper}">
-      <div class=${styles.errorTitle}>${title}</div>
-      <div class=${styles.errorDescription}>${description}</div>
-      ${errorPayload &&
-      html`
-        <div class=${styles.errorContainer}>
-          <pre class=${styles.errorPayload}>${errorPayload.message}</pre>
-          <pre class=${styles.errorPayload}>${errorPayload.stack}</pre>
-        </div>
-      `}
-      ${onDismiss &&
-      html`
-        <div>
-          <${Button} label="Dismiss" onClick=${onDismiss} />
-        </div>
-      `}
-    </div>
-  `;
-};
-
-export { ErrorPage, ErrorPageProps };

package/src/components/ErrorPage/styles.module.scss

@@ -1,26 +0,0 @@
-.errorPageWrapper {
-  font-family: monospace;
-  border: 1px solid red;
-  padding: 30px;
-  .errorTitle {
-    color: rgb(182, 23, 23);
-    font-weight: bold;
-    font-size: 16px;
-    line-height: 20px;
-    margin-bottom: 8px;
-  }
-  .errorDescription {
-    font-size: 14px;
-    margin-bottom: 18px;
-  }
-  .errorContainer {
-    overflow: hidden;
-    background: #ffebeb;
-    padding: 4px;
-    margin-bottom: 20px;
-  }
-  .errorPayload {
-    margin: 0;
-    padding: 8px 12px;
-  }
-}

package/src/components/Footer/index.ts

@@ -1,41 +0,0 @@
-import { html } from 'htm/preact';
-import { connect } from 'unistore/preact';
-import { StoreType } from '@/types/store';
-import { actionFunctions } from '@/store/actionFunctions';
-
-import styles from './styles.module.scss';
-
-
-type SelectProps = {
-  style: string;
-} & StoreType;
-
-const Footer = (props: SelectProps) => {
-  const {
-    style = '',
-  } = props;
-
-  return html`
-    <div id="embed--footer" class=${styles.embedPreviewFooter} style=${style}>
-      <span class=${styles.embedPreviewFooterDesc}>
-      Powered by <a class=${styles.embedPreviewFooterCTA} target="_blank" href="https://integry.ai/?utm_source=${props.genericData?.customerAppName}&utm_medium=sdk" rel="noreferrer"><svg style="margin-left: 4px; margin-right: 2px;" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M5.9833 11.961V11.961C5.39389 11.961 4.91162 11.479 4.91162 10.8899V1.07111C4.91162 0.481989 5.39389 0 5.9833 0C6.5727 0 7.05492 0.481989 7.05492 1.07111V10.8899C7.05492 11.479 6.5727 11.961 5.9833 11.961" fill="#F05C42"/>
-      <path d="M11.9668 5.98046V5.98046C11.9668 6.56958 11.4846 7.05162 10.8951 7.05162H1.07167C0.482268 7.05162 0 6.56958 0 5.98046C0 5.39134 0.482268 4.9093 1.07167 4.9093H10.8951C11.4846 4.9093 11.9668 5.39134 11.9668 5.98046" fill="#FCC700"/>
-      <path d="M10.2143 1.75164V1.75164C10.6311 2.16822 10.6311 2.84988 10.2143 3.26646L3.26807 10.2094C2.85129 10.626 2.1693 10.626 1.75252 10.2094C1.33575 9.79278 1.33575 9.11116 1.75252 8.69459L8.69876 1.75164C9.11554 1.33506 9.79753 1.33506 10.2143 1.75164" fill="#3BB568"/>
-      <path d="M1.75252 1.75164V1.75164C2.1693 1.33506 2.85129 1.33506 3.26807 1.75164L10.2143 8.69459C10.6311 9.11116 10.6311 9.79278 10.2143 10.2094C9.79753 10.626 9.11554 10.626 8.69876 10.2094L1.75252 3.26646C1.33575 2.84988 1.33575 2.16827 1.75252 1.75164" fill="#509CF6"/>
-      </svg>Integry</a>. </span>
-      <a class=${styles.embedPreviewFooterCTA} target="_blank" href="https://www.integry.ai/security-policy" rel="noreferrer">
-        Privacy Policy
-        <!--<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M12.0007 4.99975V11.5001C12.0007 12.6006 11.1038 13 10.5008 13H1.49993C0.399356 13 0 12.1032 0 11.5001V2.49924C0 1.39867 0.896835 0.999311 1.49993 0.999311H7.50027C7.77651 0.999311 8.00024 1.22304 8.00024 1.49929C8.00024 1.77553 7.77651 1.99926 7.50027 1.99926H1.49993C1.27494 2.00551 0.99995 2.09676 0.99995 2.49924V11.5001C1.0062 11.7251 1.09745 12 1.49993 12H10.5008C10.7257 11.9938 11.0007 11.9032 11.0007 11.5001V4.99975C11.0007 4.72351 11.2245 4.49978 11.5007 4.49978C11.777 4.49978 12.0007 4.72351 12.0007 4.99975ZM12.5 0H9.50018C9.22394 0 9.00021 0.223733 9.00021 0.499975C9.00021 0.776218 9.22394 0.999951 9.50018 0.999951H11.2263L5.15912 6.63407C4.95726 6.82219 4.94539 7.13842 5.13287 7.34092C5.23162 7.44716 5.36536 7.50029 5.49911 7.50029C5.62098 7.50029 5.74284 7.45654 5.83972 7.36654L12 1.64682V3.49985C12 3.77609 12.2238 3.99983 12.5 3.99983C12.7763 3.99983 13 3.77609 13 3.49985V0.499999C13 0.223757 12.7763 2.40314e-05 12.5 2.40314e-05L12.5 0Z" fill="#4250F0"></path>
-        </svg>-->
-      </a>
-    </div>  
-  `;
-};
-export default connect<SelectProps, null, StoreType, unknown>(
-  [
-    'genericData',
-  ],
-  actionFunctions,
-)(Footer);
-

package/src/components/Footer/styles.module.scss

@@ -1,40 +0,0 @@
-.embedPreviewFooter {
-  padding-bottom: 12px;
-  padding-top: 12px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  width: 100%;
-  box-shadow: 0px -6px 10px 0px rgba(255, 255, 255, 0.8);
-
-  .embedPreviewFooterDesc {
-    color: var(--black-and-grey-draft-and-tooltip-desc, #999);
-    font-family: Inter;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    // gap: 2px;
-  }
-
-  .embedPreviewFooterCTA {
-    // color: var(--theme-accent-blue-1, #4250f0);
-    color: var(--black-and-grey-draft-and-tooltip-desc, #999);
-    font-family: Inter;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    text-decoration: none;
-  }
-}

package/src/components/HTMLContent/index.tsx

@@ -1,205 +0,0 @@
-import { html } from 'htm/preact';
-import { connect } from 'unistore/preact';
-import { useEffect, useState, useRef } from 'preact/hooks';
-import { StoreType } from '@/types/store';
-import { openPopupWindow } from '@/utils/popup';
-
-import styles from './styles.module.scss';
-
-interface HTMLFieldProps {
-  htmlContent: string;
-  xIntegryConfig?: any;
-  stepDataMapping?: any;
-  stepState?: any;
-  genericData?: any;
-  stepMapping?: any;
-  isAction?: boolean;
-  requiresAuthToken?: boolean;
-  apiHandler?: any;
-  handleChange?: (e: any) => void;
-  handleCancel?: () => void;
-}
-
-const HTMLContent = (props: HTMLFieldProps) => {
-  const { htmlContent, xIntegryConfig = {} } = props;
-  const [htmlContentState, setHtmlContentState] = useState(htmlContent);
-  const [hasPreprocessedHtmlContent, setHasPreprocessedHtmlContent] = useState(
-    false,
-  );
-  const containerRef = useRef<HTMLDivElement | null>(null);
-  const actionBaseUrl = 'https://embed.app.integry.io';
-  const actionUrl = `${actionBaseUrl}/render-action-btn-html/render`;
-
-  const replaceValuesWithJSON = (inputString: string, jsonData: any) => {
-    // Regular expression to match values inside double curly braces
-    const regex = /{(.*?)}/g;
-
-    // Use the replace method to replace matched values
-    const replacedString = inputString.replace(
-      regex,
-      (match: any, group: string) => {
-        // Trim the group to remove leading and trailing whitespaces
-        const key = group.trim();
-
-        // Access the nested values using a loop
-        const keys = key.split('.');
-        let value = jsonData;
-
-        // eslint-disable-next-line no-restricted-syntax
-        for (const k of keys) {
-          // eslint-disable-next-line no-prototype-builtins
-          if (value.hasOwnProperty(k)) {
-            value = value[k];
-          } else {
-            // If a key is not found and key is not authorization.token.access_token, return an empty string
-            if (key !== 'authorization.token.access_token') return '';
-
-            return `{${key}}`;
-          }
-        }
-
-        // Return the replacement value
-        return value;
-      },
-    );
-
-    return replacedString;
-  };
-
-  const getCurrentStep = () => {
-    const { stepState, stepMapping } = props;
-
-    return stepMapping[stepState.currentStep.stepId] || {};
-  };
-
-  const generateInJsonData = () => {
-    let generatedJSON = {
-      steps: {},
-      storage: {},
-      authorization: {},
-    };
-    const { stepDataMapping, stepState, stepMapping } = props;
-    const { steps = [] } = stepState;
-    const currentStep = getCurrentStep();
-    const selectedAuthFilter = currentStep.authorizations.filter(
-      (auth: any) => auth.authorizationId === currentStep.selectedAuthId,
-    );
-    const selectedAuth = selectedAuthFilter[0] || {};
-    if (steps.length > 0) {
-      let tempSteps = {};
-      steps.forEach(
-        (step: { title: string; type: string; stepId: number | string }) => {
-          const { title, type, stepId } = step;
-          if (type === 'CONFIGURATION') {
-            const objectTitle = `form_${title
-              .toLowerCase()
-              .replace(/ /g, '_')}`;
-            if (stepDataMapping[stepId]) {
-              let tempObject = {};
-              Object.keys(stepDataMapping[stepId]).forEach((fieldId) => {
-                const { value, machineName } = stepDataMapping[stepId][fieldId];
-                tempObject = {
-                  ...tempObject,
-                  [machineName]: value,
-                };
-              });
-              tempSteps = {
-                ...tempSteps,
-                [objectTitle]: {
-                  in: {
-                    ...tempObject,
-                  },
-                },
-              };
-            }
-          }
-        },
-      );
-      generatedJSON = {
-        ...generatedJSON,
-        steps: {
-          ...tempSteps,
-        },
-        storage: {
-          ...props.genericData.storage,
-        },
-      };
-    }
-    return generatedJSON;
-  };
-
-  const onActionResponseReceived = (event: MessageEvent) => {
-    // Verify the message origin (for security)
-    if (event.origin !== actionBaseUrl) return;
-
-    // Check if the message contains the connectedAccountId
-    if (props.handleChange) {
-      props.handleChange(event.data);
-    }
-  };
-
-  // Add the message event listener
-  window.addEventListener('message', onActionResponseReceived);
-
-  // Handle cases where the user closes the auth window without completing auth
-
-  useEffect(() => {
-    const result = replaceValuesWithJSON(htmlContent, {
-      xIntegryConfig: { ...(xIntegryConfig || {}) },
-      ...generateInJsonData(),
-    });
-    setHtmlContentState(result);
-
-    if (props.isAction) {
-      /**
-       * we want to open html render in a child window if its for an action of a text field
-       */
-      const encodedHmlt = btoa(encodeURIComponent(result));
-      const currentStep = getCurrentStep();
-      const selectedAuthFilter = currentStep.authorizations.filter(
-        (auth: any) => auth.authorizationId === currentStep.selectedAuthId,
-      );
-      const selectedAuth = selectedAuthFilter[0] || {};
-      const selectedAuthId = props.requiresAuthToken
-        ? selectedAuth.authorizationId
-        : '';
-      const authWindow = openPopupWindow(
-        `${actionUrl}?content=${encodedHmlt}&auth_id=${selectedAuthId}&${props.apiHandler.getAuthConfig()}`,
-        'Action Button',
-        window,
-        800,
-        600,
-      );
-      const checkWindowClosed = setInterval(() => {
-        if (authWindow && authWindow.closed) {
-          clearInterval(checkWindowClosed);
-          window.removeEventListener('message', onActionResponseReceived);
-          if (props.handleCancel) {
-            props.handleCancel();
-          }
-        }
-      }, 500);
-    }
-    setHasPreprocessedHtmlContent(true);
-  }, [htmlContent]);
-
-  return html`
-    ${hasPreprocessedHtmlContent && !props.isAction
-      ? html`<div
-          class="${styles.htmlField}"
-          dangerouslySetInnerHTML=${{
-            __html: htmlContentState,
-          }}
-          ref="${containerRef}"
-        />`
-      : html``}
-  `;
-};
-
-export default connect<HTMLFieldProps, unknown, StoreType, unknown>([
-  'xIntegryConfig',
-  'stepDataMapping',
-  'stepMapping',
-  'stepState',
-  'genericData',
-])(HTMLContent);

package/src/components/HTMLContent/styles.module.scss

@@ -1,3 +0,0 @@
-.htmlField {
-  margin-bottom: 16px;
-}

package/src/components/InfoBox/index.ts

@@ -1,48 +0,0 @@
-import { html } from 'htm/preact';
-import { FunctionComponent } from 'preact';
-
-import styles from './styles.module.scss';
-
-const InfoBox: FunctionComponent<{
-  style: Record<string, string | number>;
-}> = ({ style, children }) => html`
-  <div class=${styles.smartbox} style=${style}>
-    <svg
-      width="25"
-      height="25"
-      viewBox="0 0 25 25"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M5.3125 12.3603C5.3125 8.47114 8.46911 5.31445 12.3584 5.31445L12.3585 5.31484C16.2474 5.31484 19.4041 8.47145 19.4417 12.3215C19.4417 14.8631 18.1333 17.134 15.9767 18.4048V22.718C15.9767 23.6805 15.2067 24.4505 14.2442 24.4505H10.51C9.5475 24.4505 8.7775 23.6805 8.7775 22.718V18.4437C6.62088 17.1728 5.3125 14.8628 5.3125 12.3603ZM10.3164 20.5597H14.3982V19.7897H10.3164V20.5597ZM14.2079 22.8697H10.4738C10.3971 22.8697 10.2812 22.793 10.2812 22.6772V22.0997H14.363V22.6772C14.4006 22.793 14.3239 22.8697 14.2081 22.8697H14.2079ZM14.3977 17.5188L14.8218 17.2872H14.8218C16.7092 16.3247 17.8642 14.4387 17.8642 12.3588C17.8642 9.3163 15.3992 6.85291 12.3583 6.85291C9.31585 6.85291 6.85246 9.31791 6.85246 12.3588C6.85246 14.4764 8.00746 16.3638 9.89335 17.2872L10.3175 17.5188V18.2888H14.3977V17.5188Z"
-        fill="#556BDD"
-      />
-      <path
-        d="M12.3559 4.19588C12.7801 4.19588 13.1259 3.84998 13.1259 3.42588V0.77C13.1259 0.345884 12.78 0 12.3559 0C11.9318 0 11.5859 0.345899 11.5859 0.77V3.42588C11.5859 3.85 11.9318 4.19588 12.3559 4.19588Z"
-        fill="#556BDD"
-      />
-      <path
-        d="M23.9454 11.5107H21.2895C20.8654 11.5107 20.5195 11.8566 20.5195 12.2807C20.5195 12.7049 20.8654 13.0507 21.2895 13.0507H23.9454C24.3695 13.0507 24.7154 12.7048 24.7154 12.2807C24.7154 11.8581 24.368 11.5107 23.9454 11.5107Z"
-        fill="#556BDD"
-      />
-      <path
-        d="M3.42588 11.5107H0.77C0.345884 11.5107 0 11.8566 0 12.2807C0 12.7049 0.345899 13.0507 0.77 13.0507H3.42588C3.85 13.0507 4.19588 12.7048 4.19588 12.2807C4.19588 11.8581 3.84848 11.5107 3.42588 11.5107Z"
-        fill="#556BDD"
-      />
-      <path
-        d="M5.58214 4.77336L3.69625 2.88748C3.38795 2.57917 2.92625 2.57917 2.61795 2.88748C2.30964 3.19578 2.30965 3.65748 2.61795 3.96578L4.50383 5.85167C4.65723 6.00507 4.84973 6.08327 5.04221 6.08327C5.2347 6.08327 5.42721 6.00657 5.5806 5.85167C5.8904 5.54337 5.8904 5.08167 5.5821 4.77336H5.58214Z"
-        fill="#556BDD"
-      />
-      <path
-        d="M22.0978 2.88748C21.7895 2.57917 21.3278 2.57917 21.0195 2.88748L19.1336 4.77336C18.8253 5.08166 18.8253 5.54336 19.1336 5.85167C19.287 6.00507 19.4795 6.08327 19.672 6.08327C19.8644 6.08327 20.057 6.00657 20.2103 5.85167L22.0962 3.96578C22.406 3.65748 22.406 3.19578 22.0977 2.88748H22.0978Z"
-        fill="#556BDD"
-      />
-    </svg>
-    <div>${children}</div>
-  </div>
-`;
-
-export { InfoBox };

package/src/components/InfoBox/styles.module.scss

@@ -1,21 +0,0 @@
-.smartbox {
-  display: flex;
-  background: #f6f7fd;
-  border: 1px solid #a5b1ed;
-  box-sizing: border-box;
-  border-radius: 6px;
-  padding: 20px;
-  font-size: 13px;
-  line-height: 20px;
-  color: #333333;
-  svg {
-    margin-right: 10px;
-  }
-  a {
-    text-decoration: none;
-    color: #4250f0;
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}