@r2u/javascript-ar-sdk 6.22.0 → 6.22.2

package/dist/components/Modal/InstructionsYDigitalVideo/styles.js

@@ -0,0 +1,137 @@
+import styled from 'styled-components';
+export const Content = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
+
+  .powered {
+    display: flex;
+    text-decoration: unset;
+    flex-direction: row;
+    align-items: center;
+    margin-top: 2%;
+
+    img {
+      width: 32.9px;
+      height: 17px;
+      object-fit: contain;
+      margin: 5px;
+      filter: brightness(85%);
+    }
+    h1 {
+      width: 90px;
+      height: 20px;
+      font-family: proxima-Nova, sans-serif;
+      font-size: 16px;
+      font-weight: bold;
+      font-stretch: normal;
+      font-style: normal;
+      line-height: 1.25;
+      letter-spacing: normal;
+      text-align: center;
+      color: #d8d8d8;
+    }
+  }
+
+  .instructions {
+    width: min(90vw, 50vh);
+    height: min(90vw, 50vh);
+    border: solid 20px #f2f2f2;
+    margin: 12px;
+
+    .border {
+      border-radius: 20px;
+      box-shadow: 0 0 0 20px #f2f2f2;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+
+    .example {
+      height: 100%;
+      object-fit: contain;
+      border-radius: 20px;
+    }
+
+    .instructionsColumn {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-evenly;
+      align-items: center;
+      width: 50%;
+      span {
+        font-family: proxima-Nova, sans-serif;
+        font-size: 14px;
+        font-weight: bold;
+        font-stretch: normal;
+        font-style: normal;
+        line-height: 1.22;
+        letter-spacing: normal;
+        text-align: center;
+        color: #000000;
+      }
+      .icon {
+        width: 50%;
+        object-fit: contain;
+      }
+    }
+  }
+
+  .no-watermark {
+    margin-top: 60px;
+  }
+
+  .text {
+    h1 {
+      font-family: proxima-Nova, sans-serif;
+      font-size: 26px;
+      font-weight: bold;
+      font-stretch: normal;
+      font-style: normal;
+      line-height: 1.23;
+      letter-spacing: normal;
+      text-align: center;
+      color: #000000;
+    }
+    h3 {
+      font-family: proxima-Nova, sans-serif;
+      font-size: 18px;
+      font-weight: 300;
+      font-stretch: normal;
+      font-style: normal;
+      line-height: 1.22;
+      letter-spacing: normal;
+      text-align: center;
+      color: #707070;
+      margin: 5px 20px 30px 20px;
+    }
+  }
+
+  .ar-button {
+    width: calc(100vw - 40px);
+    height: 50px;
+    border: none;
+    margin: auto;
+    border-radius: 23px;
+    background-color: #000000;
+    &:disabled {
+      background-color: gray;
+    }
+
+    span {
+      font-family: proxima-Nova, sans-serif;
+      font-size: 18px;
+      font-weight: bold;
+      font-stretch: normal;
+      font-style: normal;
+      line-height: 1.22;
+      letter-spacing: normal;
+      text-align: center;
+      color: #ffffff;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Modal/InstructionsYDigitalVideo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/InstructionsYDigitalVideo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIhC,CAAA"}

package/dist/components/Modal/Social/index.js

@@ -0,0 +1,20 @@
+/* eslint-disable react/jsx-one-expression-per-line */
+import React, { useContext } from 'react';
+import { Content } from './styles';
+import Canvas from '../Canvas';
+import { ModalContext } from '../Context';
+import { useTranslation } from 'react-i18next';
+const SocialModal = () => {
+    const { closeModal } = useContext(ModalContext);
+    const { t } = useTranslation();
+    return (React.createElement(Canvas, { color: "rgba(0, 0, 0, 0.3)" },
+        React.createElement(Content, null,
+            React.createElement("div", { className: "balloon" },
+                React.createElement("div", { className: "info" },
+                    React.createElement("h2", null, t('fallback.social.title')),
+                    React.createElement("p", null, t('fallback.social.text')),
+                    React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-open-safari.png", alt: "" })),
+                React.createElement("button", { type: "button", onClick: closeModal }, t('fallback.social.button'))))));
+};
+export default SocialModal;
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/Social/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Social/index.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,WAAW,GAAa,GAAG,EAAE;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,oBAAC,MAAM,IAAC,KAAK,EAAC,oBAAoB;QAChC,oBAAC,OAAO;YACN,6BAAK,SAAS,EAAC,SAAS;gBACtB,6BAAK,SAAS,EAAC,MAAM;oBACnB,gCAAK,CAAC,CAAC,uBAAuB,CAAC,CAAM;oBACrC,+BAAI,CAAC,CAAC,sBAAsB,CAAC,CAAK;oBAClC,6BACE,GAAG,EAAC,uDAAuD,EAC3D,GAAG,EAAC,EAAE,GACN,CACE;gBACN,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,IACtC,CAAC,CAAC,wBAAwB,CAAC,CACrB,CACL,CACE,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/Modal/Social/styles.js

@@ -0,0 +1,85 @@
+import styled from 'styled-components';
+export const Content = styled.div `
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+
+  .balloon {
+    height: max-content;
+    width: 90%;
+    height: 50%;
+    background-color: white;
+    border-radius: 10px;
+
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+  }
+
+  .info {
+    padding: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+
+    img {
+      max-width: 100%;
+      margin: 0;
+    }
+
+    h2 {
+      margin: 5px 10px 5px 10px;
+      font-family: Proxima-Nova, sans-serif;
+      font-size: 18px;
+      font-weight: bold;
+      font-stretch: normal;
+      font-style: normal;
+      line-height: 1.22;
+      letter-spacing: normal;
+      text-align: center;
+      color: #222222;
+    }
+
+    p {
+      margin: 5px 3px 15px 3px;
+      font-family: Proxima-Nova, sans-serif;
+      font-size: 14px;
+      font-weight: normal;
+      font-stretch: normal;
+      font-style: normal;
+      line-height: 1.21;
+      letter-spacing: normal;
+      text-align: center;
+      color: #222222;
+
+      u {
+        font-weight: bold;
+      }
+    }
+  }
+
+  button {
+    padding: 20px;
+    border: none;
+    border-top: solid 0.1px rgba(0, 0, 0, 0.2);
+    margin-top: auto;
+    height: 20%;
+    outline: none;
+    background: none;
+
+    font-family: Proxima-Nova, sans-serif;
+    font-size: 16px;
+    font-weight: normal;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.19;
+    letter-spacing: normal;
+    text-align: center;
+    color: #3d71ba;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Modal/Social/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Social/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFhC,CAAA"}

package/dist/components/Modal/Viewer/index.js

@@ -0,0 +1,26 @@
+import React, { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import Viewer from '@r2u/viewer';
+import { Content } from './styles';
+import WaterMark from '../../WaterMark';
+import { FiArrowLeft } from '../../../assets/icons';
+import { ModalContext } from '../Context';
+import Canvas from '../Canvas';
+const ModalViewer = ({ glb }) => {
+    const { closeModal } = useContext(ModalContext);
+    const { t } = useTranslation();
+    return (React.createElement(Canvas, null,
+        React.createElement(Content, null,
+            React.createElement(FiArrowLeft, { width: 30, height: 30, color: "#707070", cursor: "pointer", className: "exit", onClick: () => {
+                    closeModal();
+                } }),
+            React.createElement("div", { className: "text error" }, t('fallback.viewer.title')),
+            React.createElement("div", { className: "text top" }, t('fallback.viewer.topText')),
+            React.createElement("div", { className: "fallback-viewer-container" },
+                React.createElement(Viewer, { glbSrc: glb })),
+            React.createElement("div", { className: "text bottom" }, t('fallback.viewer.bottomText')),
+            React.createElement("div", { className: "watermark" },
+                React.createElement(WaterMark, { position: "centerAbsolute" })))));
+};
+export default ModalViewer;
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/Viewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Viewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,OAAO,SAAS,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,MAAM,MAAM,WAAW,CAAA;AAM9B,MAAM,WAAW,GAAoB,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,OAAO;YACN,oBAAC,WAAW,IACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,GAAS,EAAE;oBAClB,UAAU,EAAE,CAAA;gBACd,CAAC,GACD;YACF,6BAAK,SAAS,EAAC,YAAY,IAAE,CAAC,CAAC,uBAAuB,CAAC,CAAO;YAC9D,6BAAK,SAAS,EAAC,UAAU,IAAE,CAAC,CAAC,yBAAyB,CAAC,CAAO;YAC9D,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,oBAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,CACnB;YACN,6BAAK,SAAS,EAAC,aAAa,IAAE,CAAC,CAAC,4BAA4B,CAAC,CAAO;YACpE,6BAAK,SAAS,EAAC,WAAW;gBACxB,oBAAC,SAAS,IAAC,QAAQ,EAAC,gBAAgB,GAAG,CACnC,CACE,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/Modal/Viewer/styles.js

@@ -0,0 +1,56 @@
+import styled from 'styled-components';
+export const Content = styled.div `
+  .text {
+    margin: auto;
+    padding: 10px;
+    font-family: proxima-nova, sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.25;
+    letter-spacing: normal;
+    text-align: center;
+    color: #222222;
+    b {
+      font-weight: bold;
+    }
+  }
+
+  .error {
+    margin-top: 100px;
+    font-size: 24px;
+    font-weight: bold;
+    line-height: 1.21;
+    color: #d45b5b;
+  }
+
+  .top {
+    width: 250px;
+  }
+
+  .bottom {
+    width: 250px;
+  }
+
+  .fallback-viewer-container {
+    width: 324px;
+    height: 324px;
+    margin: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    background-image: linear-gradient(to bottom, #e9eaeb, #e4e5e7);
+
+    model-viewer {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .watermark {
+    margin-top: 40px;
+    margin-bottom: 20px;
+    padding-bottom: 22px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Modal/Viewer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Viewer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDhC,CAAA"}

package/dist/components/Modal/ViewerFull/index.js

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import { ViewerDiv } from './styles';
+import Viewer from '@r2u/viewer';
+import Canvas from '../Canvas';
+import { FiArrowLeft } from '../../../assets/icons';
+import { ModalContext } from '../Context';
+const ModalViewerFull = ({ glb }) => {
+    const { closeModal } = useContext(ModalContext);
+    return (React.createElement(Canvas, null,
+        React.createElement(FiArrowLeft, { width: 30, height: 30, color: "#707070", cursor: "pointer", className: "exit", onClick: closeModal }),
+        React.createElement(ViewerDiv, null,
+            React.createElement(Viewer, { glbSrc: glb }))));
+};
+export default ModalViewerFull;
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/ViewerFull/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/ViewerFull/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMzC,MAAM,eAAe,GAAoB,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;IAC1D,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,WAAW,IACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,UAAU,GACnB;QACF,oBAAC,SAAS;YACR,oBAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,CACb,CACL,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/Modal/ViewerFull/styles.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+export const ViewerDiv = styled.div `
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(to bottom, #e9eaeb, #e4e5e7);
+
+  model-viewer {
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Modal/ViewerFull/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/ViewerFull/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASlC,CAAA"}

package/dist/components/R2UModelViewer/ProgressBar/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Bar, Progress } from './styles';
+const ProgressBar = (props) => {
+    const { progressBarColor, progressBarPosition, showProgress, scaleBar } = props;
+    return (React.createElement(Progress, { show: showProgress, color: progressBarColor, position: progressBarPosition, slot: "progress-bar" },
+        React.createElement(Bar, { scale: scaleBar })));
+};
+export default ProgressBar;
+//# sourceMappingURL=index.js.map

package/dist/components/R2UModelViewer/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/R2UModelViewer/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,WAAW,GAAoB,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,GACrE,KAAK,CAAA;IAEP,OAAO,CACL,oBAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,IAAI,EAAC,cAAc;QAEnB,oBAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,GAAI,CACf,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/R2UModelViewer/ProgressBar/styles.js

@@ -0,0 +1,54 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import styled, { css } from 'styled-components';
+export const Progress = styled.div `
+  position: absolute;
+  width: 100%;
+  height: 6px;
+  color: #d3d3d3c7;
+  box-shadow: 0px 0px 2px 1px currentColor;
+  border-radius: 10px;
+  opacity: 0;
+  transition: opacity 0.3s 0.3s;
+  ${({ color }) => color &&
+    css `
+      color: ${color};
+    `};
+
+  ${({ position }) => position &&
+    ((position === 'top' &&
+        css `
+        width: 100%;
+        box-shadow: none;
+        top: 0 !important;
+        border-radius: 0;
+        border: none;
+      `) ||
+        (position === 'middle' &&
+            css `
+          width: calc(100% / 3);
+          top: calc(50% - 5px);
+          left: calc(50% - 100% / 6);
+        `) ||
+        (position === 'bottom' &&
+            css `
+          width: 100%;
+          box-shadow: none;
+          bottom: 0 !important;
+          border-radius: 0;
+          border: none;
+        `))};
+
+  ${({ show }) => show &&
+    css `
+      transition-delay: 0s;
+      opacity: 1;
+    `}
+`;
+export const Bar = styled.div `
+  width: 100%;
+  height: 100%;
+  background-color: currentColor;
+  transform-origin: top left;
+  transform: scaleX(${({ scale }) => scale});
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/R2UModelViewer/ProgressBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/R2UModelViewer/ProgressBar/styles.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAY/C,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAe;;;;;;;;;IAS7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,KAAK;KACf;;IAED,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,CAAC,CAAC,QAAQ,KAAK,KAAK;QAClB,GAAG,CAAA;;;;;;OAMF,CAAC;QACF,CAAC,QAAQ,KAAK,QAAQ;YACpB,GAAG,CAAA;;;;SAIF,CAAC;QACJ,CAAC,QAAQ,KAAK,QAAQ;YACpB,GAAG,CAAA;;;;;;SAMF,CAAC,CAAC;;IAEP,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACb,IAAI;IACJ,GAAG,CAAA;;;KAGF;CACJ,CAAA;AACD,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAU;;;;;sBAKjB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;CACzC,CAAA"}

package/dist/components/R2UModelViewer/ProgressBar/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/R2UModelViewer/ProgressBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/R2UModelViewer/ProgressBar/types.ts"],"names":[],"mappings":""}

package/dist/components/R2UModelViewer/index.js

@@ -0,0 +1,63 @@
+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 React, { useEffect, useState, useRef, useImperativeHandle, forwardRef, } from 'react';
+import WaterMark from '../WaterMark';
+import { LightOff, LightOn } from '../../assets/icons';
+import { Content } from './styles';
+const R2UModelViewer = forwardRef((props, ref) => {
+    const { exitImgSrc = 'https://sdk.r2u.io/assets/exit-icon.png', expandImgSrc = 'https://sdk.r2u.io/assets/expand-icon.png', popup = true, children = null, waterMarkPosition, refViewerPopup, ModelViewerElement, refViewerFunctions } = props, viewerProps = __rest(props, ["exitImgSrc", "expandImgSrc", "popup", "children", "waterMarkPosition", "refViewerPopup", "ModelViewerElement", "refViewerFunctions"]);
+    const [expanded, setExpanded] = useState(false);
+    const expand = () => {
+        setExpanded(true);
+    };
+    const close = () => {
+        setExpanded(false);
+    };
+    useEffect(() => {
+        if (refViewerPopup && refViewerPopup.current) {
+            refViewerPopup.current.addEventListener('mousedown', ((event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation();
+                return false;
+            }));
+        }
+    }, [refViewerPopup]);
+    const bloomRef = useRef(null);
+    const [bloomIsOn, setBloomIsOn] = useState(false);
+    const [glb, setGlb] = useState(viewerProps.glbSrc);
+    useImperativeHandle(ref, () => ({
+        updateGlb: (newGlb) => {
+            setGlb(newGlb);
+        },
+    }), []);
+    return (React.createElement(Content, { expanded: expanded, bloom: bloomIsOn },
+        React.createElement("div", { className: "viewer-container" }, glb && (React.createElement(ModelViewerElement, Object.assign({ ref: refViewerFunctions, componentDidMount: viewerProps.componentDidMount, onClick: viewerProps.onClick, onSessionTimeCollect: viewerProps.onSessionTimeCollect }, viewerProps, { glbSrc: glb }),
+            children,
+            popup && (React.createElement("button", { className: "expand-button", type: "button", onClick: expand },
+                React.createElement("img", { className: "expand-image", alt: "", src: expandImgSrc }))),
+            waterMarkPosition && React.createElement(WaterMark, { position: waterMarkPosition })))),
+        popup && expanded && (React.createElement("div", { className: "background", onMouseDown: close },
+            React.createElement("div", { className: "viewer-container popup" }, glb && (React.createElement(ModelViewerElement, Object.assign({ ref: bloomRef, componentDidMount: viewerProps.componentDidMount, onClick: viewerProps.onClick, onSessionTimeCollect: viewerProps.onSessionTimeCollect }, viewerProps, { enableBloomButton: false, glbSrc: glb }),
+                children,
+                viewerProps.bloom && (React.createElement("button", { className: "bloomButton", type: "button", onMouseDown: (e) => e.stopPropagation(), onClick: () => {
+                        setBloomIsOn(!bloomIsOn);
+                        if (bloomRef.current)
+                            bloomRef.current.updateBloom(!bloomIsOn);
+                    } }, bloomIsOn ? (React.createElement(LightOn, { className: "lamp" })) : (React.createElement(LightOff, { className: "lamp" })))),
+                React.createElement("button", { className: "exit-button", type: "button", onClick: close },
+                    React.createElement("img", { alt: "", src: exitImgSrc })),
+                waterMarkPosition && (React.createElement(WaterMark, { position: waterMarkPosition })))))))));
+});
+R2UModelViewer.displayName = 'R2UModelViewer';
+export default R2UModelViewer;
+//# sourceMappingURL=index.js.map

package/dist/components/R2UModelViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/R2UModelViewer/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/R2UModelViewer/styles.js

@@ -0,0 +1,128 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import styled, { css } from 'styled-components';
+export const Content = styled.div `
+  width: 100%;
+  height: 100%;
+
+  --r2u-viewer-background-color: transparent;
+  --r2u-viewer-box-shadow: 0px 2px 12px #f2f2f2;
+
+  .viewer-container {
+    width: 100%;
+    height: 100%;
+
+    background-color: var(--r2u-viewer-background-color);
+    /* box-shadow: var(--r2u-viewer-box-shadow); */
+
+    & > div {
+      opacity: 1 !important;
+      width: 100%;
+      height: 100%;
+
+      .expand-button {
+        padding: 12px;
+        position: absolute;
+        bottom: 5px;
+        right: 5px;
+        width: 24px;
+        z-index: 999999;
+        cursor: pointer;
+        background: none !important;
+        border: none !important;
+        outline: none;
+        transition: opacity 2s;
+        img {
+          transition: 0.5s ease;
+          width: 24px;
+          height: 24px;
+          backface-visibility: hidden;
+        }
+      }
+
+      .expand-image {
+        position: absolute;
+        right: 0px;
+        bottom: 0px;
+      }
+
+      .bloomButton {
+        padding: 8px;
+        position: absolute;
+        left: 16px;
+        right: auto !important;
+        top: 4px;
+        z-index: 9999999;
+        background: #f9f9f9;
+        ${({ bloom }) => bloom
+    ? css `
+                box-shadow: inset -2px -2px 4px #ffffff,
+                  inset 2px 2px 4px rgba(86, 86, 86, 0.25);
+              `
+    : css `
+                box-shadow: -2px -2px 4px #ffffff,
+                  2px 2px 4px rgba(86, 86, 86, 0.25);
+              `}
+        border-radius: 20px;
+        margin: 0px 10px;
+        outline: none;
+        border: none;
+        cursor: pointer;
+
+        :hover {
+          box-shadow: inset -2px -2px 4px #ffffff,
+            inset 2px 2px 4px rgba(86, 86, 86, 0.25);
+        }
+
+        .lamp {
+          width: 30px;
+          height: 30px;
+        }
+      }
+
+      .exit-button {
+        width: 26px;
+        height: auto;
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 99;
+        margin: 12px;
+        padding: 3px;
+
+        cursor: pointer;
+        background: none !important;
+        border: none !important;
+        outline: none;
+        img {
+          width: 100%;
+        }
+      }
+    }
+
+    canvas {
+      min-height: 220px;
+    }
+  }
+
+  .background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999999;
+    background-color: rgba(0, 0, 0, 0.4);
+
+    display: ${({ expanded }) => (expanded ? 'flex' : 'none')};
+    justify-content: center;
+    align-items: center;
+
+    .popup {
+      background-color: #fff;
+      width: 60vw;
+      height: 60vh;
+      box-shadow: none;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/R2UModelViewer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/R2UModelViewer/styles.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAO/C,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAqD9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;;;eAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;eAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoDA,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;;CAW5D,CAAA"}