@r2u/javascript-ar-sdk 6.22.0 → 6.22.1

package/dist/src/components/Modal/InstructionsYDigital/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/src/components/Modal/InstructionsYDigital/styles.js.map

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

package/dist/src/components/Modal/InstructionsYDigitalVideo/index.js

@@ -0,0 +1,44 @@
+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, { useContext, useEffect, useState } from 'react';
+import { FiArrowLeft } from '../../../assets/icons';
+import { Content } from './styles';
+import Canvas from '../Canvas';
+import { ModalContext } from '../Context';
+import translationsEN from '../../../../public/locales/en/translation.json';
+const InstructionsYDigitalVideo = (_a) => {
+    var { hasWaterMark = true, onOpen, activateAR } = _a, arProps = __rest(_a, ["hasWaterMark", "onOpen", "activateAR"]);
+    const { closeModal } = useContext(ModalContext);
+    const [disabled, setDisabled] = useState(false);
+    useEffect(onOpen, []);
+    document.addEventListener('visibilitychange', () => closeModal(), {
+        once: true,
+    });
+    window.addEventListener('hashchange', () => closeModal(), { once: true });
+    const buttonText = 'Start the experience';
+    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("a", { href: "https://r2u.io", className: "powered", target: "_blank", rel: "noopener noreferrer", style: { visibility: hasWaterMark ? undefined : 'hidden' } },
+                React.createElement("h1", null, translationsEN.poweredBy),
+                React.createElement("img", { src: "https://sdk.r2u.io/assets/r2u-full-white-logo.png", alt: "", className: "icon" })),
+            React.createElement("div", { className: `instructions ${!hasWaterMark && 'no-watermark'}` },
+                React.createElement("div", { className: "border" },
+                    React.createElement("video", { autoPlay: true, muted: true, loop: true, playsInline: true, style: { width: '100%', height: 'auto' } },
+                        React.createElement("source", { src: "https://storage.googleapis.com/r2u-integrations-bucket/y-digital/V-UP.mp4", type: "video/mp4" })))),
+            React.createElement("button", { type: "button", className: "ar-button", disabled: disabled, onClick: () => {
+                    activateAR(arProps);
+                    setDisabled(true);
+                } }, disabled ? (React.createElement("span", null, translationsEN.instructions.loading)) : (React.createElement("span", null, buttonText))))));
+};
+export default InstructionsYDigitalVideo;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Modal/InstructionsYDigitalVideo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Modal/InstructionsYDigitalVideo/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,MAAM,MAAM,WAAW,CAAA;AAG9B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,cAAc,MAAM,gDAAgD,CAAA;AAU3E,MAAM,yBAAyB,GAAgC,CAAC,EAK5C,EAAE,EAAE;QALwC,EAC9D,YAAY,GAAG,IAAI,EACnB,MAAM,EACN,UAAU,OAEQ,EADf,OAAO,cAJoD,wCAK/D,CADW;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;IAErB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE;QAChE,IAAI,EAAE,IAAI;KACX,CAAC,CAAA;IACF,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAEzE,MAAM,UAAU,GAAG,sBAAsB,CAAA;IAEzC,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,UAAU,GACnB;YAEF,2BACE,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;gBAE1D,gCAAK,cAAc,CAAC,SAAS,CAAM;gBACnC,6BACE,GAAG,EAAC,mDAAmD,EACvD,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,MAAM,GAChB,CACA;YACJ,6BAAK,SAAS,EAAE,gBAAgB,CAAC,YAAY,IAAI,cAAc,EAAE;gBAC/D,6BAAK,SAAS,EAAC,QAAQ;oBACrB,+BACE,QAAQ,QACR,KAAK,QACL,IAAI,QACJ,WAAW,QACX,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;wBAExC,gCACE,GAAG,EAAC,2EAA2E,EAC/E,IAAI,EAAC,WAAW,GAChB,CACI,CACJ,CACF;YACN,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAS,EAAE;oBAClB,UAAU,CAAC,OAAO,CAAC,CAAA;oBACnB,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,IAEA,QAAQ,CAAC,CAAC,CAAC,CACV,kCAAO,cAAc,CAAC,YAAY,CAAC,OAAO,CAAQ,CACnD,CAAC,CAAC,CAAC,CACF,kCAAO,UAAU,CAAQ,CAC1B,CACM,CACD,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/components/R2UModelViewer/ProgressBar/types.js

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

package/dist/src/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/src/components/R2UModelViewer/index.d.ts

@@ -1,7 +1,7 @@
 import React, { MouseEvent } from 'react';
 import Viewer from '@r2u/viewer';
 import { ViewerRef, ViewerProps } from '../../methods/types';
-import { R2UModelViewerRef } from 'src/types';
+import { R2UModelViewerRef } from '../../../src/types';
 interface Props extends ViewerProps {
     alt?: string;
     autoRotate?: boolean;