@r2u/javascript-ar-sdk 6.21.10 → 6.22.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Modal/Instructions/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/InstructionsAmericanas/index.js

@@ -0,0 +1,50 @@
+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;
+};
+/* eslint-disable react/jsx-no-literals */
+import React, { useContext, useEffect, useState } from 'react';
+import Canvas from '../Canvas';
+import { Container } from './styles';
+import { AmericanasLogo } from '../../../assets/icons';
+import { ModalContext } from '../Context';
+import Fonts from '../../../fonts';
+const InstructionsAmericanas = (_a) => {
+    var { onOpen, activateAR } = _a, arProps = __rest(_a, ["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 });
+    return (React.createElement(Canvas, { color: "#F1F1F1" },
+        React.createElement(Fonts, null),
+        React.createElement(Container, null,
+            React.createElement("div", { className: "logo" },
+                React.createElement(AmericanasLogo, null)),
+            React.createElement("div", { className: "instructions" },
+                React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-cover.jpg", alt: "", className: "example" }),
+                React.createElement("div", { className: "instructions-column" },
+                    React.createElement("div", { className: "instruction-unit" },
+                        React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-move.png", alt: "", className: "icon" }),
+                        React.createElement("span", null, "segure e arraste o produto para mover")),
+                    React.createElement("div", { className: "instruction-unit" },
+                        React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-rotate.png", alt: "", className: "icon" }),
+                        React.createElement("span", null, "segure o produto com dois dedos para girar")))),
+            React.createElement("div", { className: "footer" },
+                React.createElement("span", null, "coloque o produto em seu espa\u00E7o para verificar todas as dimens\u00F5es"),
+                React.createElement("button", { type: "button", className: "ar-button", disabled: disabled, onClick: () => {
+                        activateAR(arProps);
+                        setDisabled(true);
+                    } }, disabled ? (React.createElement("span", null, "carregando ...")) : (React.createElement("span", null, "veja como fica no seu espa\u00E7o")))))));
+};
+export default InstructionsAmericanas;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Modal/InstructionsAmericanas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,0CAA0C;AAC1C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAElC,MAAM,sBAAsB,GAAgC,CAAC,EAIzC,EAAE,EAAE;QAJqC,EAC3D,MAAM,EACN,UAAU,OAEQ,EADf,OAAO,cAHiD,wBAI5D,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;IAE/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,OAAO,CACL,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS;QACrB,oBAAC,KAAK,OAAG;QACT,oBAAC,SAAS;YACR,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,cAAc,OAAG,CACd;YACN,6BAAK,SAAS,EAAC,cAAc;gBAC3B,6BACE,GAAG,EAAC,iDAAiD,EACrD,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,SAAS,GACnB;gBACF,6BAAK,SAAS,EAAC,qBAAqB;oBAClC,6BAAK,SAAS,EAAC,kBAAkB;wBAC/B,6BACE,GAAG,EAAC,qDAAqD,EACzD,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,MAAM,GAChB;wBACF,0EAAkD,CAC9C;oBACN,6BAAK,SAAS,EAAC,kBAAkB;wBAC/B,6BACE,GAAG,EAAC,uDAAuD,EAC3D,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,MAAM,GAChB;wBACF,+EAAuD,CACnD,CACF,CACF;YACN,6BAAK,SAAS,EAAC,QAAQ;gBACrB,gHAEO;gBACP,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAS,EAAE;wBAClB,UAAU,CAAC,OAAO,CAAC,CAAA;wBACnB,WAAW,CAAC,IAAI,CAAC,CAAA;oBACnB,CAAC,IAEA,QAAQ,CAAC,CAAC,CAAC,CACV,mDAA2B,CAC5B,CAAC,CAAC,CAAC,CACF,sEAAyC,CAC1C,CACM,CACL,CACI,CACL,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/src/components/Modal/InstructionsAmericanas/styles.js

@@ -0,0 +1,116 @@
+import styled from 'styled-components';
+export const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  height: 100vh;
+
+  .logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #f80032;
+    width: 100%;
+    border-radius: 0px 0px 16px 16px;
+    padding: 28px 0px;
+  }
+
+  .instructions {
+    overflow: hidden;
+    width: 100%;
+    margin: 29px 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+
+    .example {
+      width: 25vh;
+      height: auto;
+      border-radius: 16px;
+    }
+
+    @media screen and (max-width: 359px) {
+      .example {
+        width: 20vh;
+      }
+    }
+
+    .instructions-column {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-evenly;
+
+      .instruction-unit {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+
+        .icon {
+          width: 50px;
+          height: auto;
+        }
+
+        span {
+          font-family: 'Roboto', sans-serif;
+          font-weight: 400;
+          margin-top: 12px;
+          color: #333333;
+          width: 140px;
+          font-size: 14px;
+          text-align: center;
+        }
+
+        @media screen and (max-width: 359px) {
+          span {
+            width: 130px;
+          }
+        }
+      }
+    }
+  }
+
+  .footer {
+    padding-top: 32px;
+    margin-top: 28px;
+    border-radius: 16px 16px 0px 0px;
+    width: 100%;
+    background-color: #ffffff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    span {
+      font-family: 'Roboto', sans-serif;
+      font-weight: 400;
+      width: 280px;
+      font-size: 16px;
+      color: #333333;
+      text-align: center;
+    }
+
+    @media screen and (max-width: 359px) {
+      span {
+        width: 200px;
+      }
+    }
+
+    .ar-button {
+      margin: 24px;
+      width: 90%;
+      border: none;
+      height: 54px;
+      border-radius: 12px;
+      background-color: #f80032;
+      span {
+        font-family: 'Roboto', sans-serif;
+        font-weight: 700;
+        color: #ffffff;
+        font-size: 17px;
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/components/Modal/InstructionsAmericanas/styles.js.map

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

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

@@ -0,0 +1,103 @@
+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;
+};
+/* eslint-disable react/jsx-no-literals */
+import React, { useContext, useEffect, useState } from 'react';
+import { Container } from './styles';
+import { FiArrowLeft } from '../../../assets/icons';
+import { ModalContext } from '../Context';
+import Slider from 'react-slick';
+import logo from '../../../assets/images/Logo.png';
+import titleImage from '../../../assets/images/Título inicial.png';
+import cardSlider1 from '../../../assets/images/Tutorial 1.png';
+import cardSlider2 from '../../../assets/images/Tutorial 2.png';
+import cardSlider3 from '../../../assets/images/Tutorial 3.png';
+import background1 from '../../../assets/images/bg1.jpg';
+import background2 from '../../../assets/images/bg2.png';
+const InstructionsMolduraMinuto = (_a) => {
+    var { onOpen, activateAR } = _a, arProps = __rest(_a, ["onOpen", "activateAR"]);
+    const { closeModal } = useContext(ModalContext);
+    const [sliderOpen, openSlider] = useState(false);
+    const [disabled, disableButton] = useState(false);
+    let slider;
+    useEffect(onOpen, []);
+    document.addEventListener('visibilitychange', () => closeModal(), {
+        once: true,
+    });
+    window.addEventListener('hashchange', () => closeModal(), { once: true });
+    const settings = {
+        dots: true,
+        infinite: false,
+        speed: 500,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        arrows: false,
+        style: {
+            position: 'relative',
+            margin: 'auto',
+            top: '50%',
+            msTransform: 'translateY(-50%)',
+            transform: 'translateY(-50%)',
+        },
+    };
+    const next = () => {
+        slider === null || slider === void 0 ? void 0 : slider.slickNext();
+        console.log(slider);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("link", { rel: "stylesheet", type: "text/css", href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" }),
+        React.createElement("link", { rel: "stylesheet", type: "text/css", href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" }),
+        React.createElement(Container, { background: sliderOpen ? background2 : background1 },
+            React.createElement("div", { style: { width: '100vw', position: 'absolute', top: '6vh' } }, !sliderOpen && (React.createElement("img", { src: titleImage, alt: "Realidade Aumentada", style: {
+                    width: '60vw',
+                    display: 'block',
+                    margin: 'auto',
+                    maxHeight: '12vh',
+                } }))),
+            sliderOpen && (React.createElement(Slider, Object.assign({ ref: (ref) => {
+                    slider = ref;
+                } }, settings),
+                React.createElement("div", { className: "slide" },
+                    React.createElement("img", { src: cardSlider1, alt: "Tutorial 1" }),
+                    React.createElement("button", { className: "red-button next", onClick: next }, "Pr\u00F3ximo")),
+                React.createElement("div", { className: "slide" },
+                    React.createElement("img", { src: cardSlider2, alt: "Tutorial 2" }),
+                    React.createElement("button", { className: "red-button next", onClick: next }, "Pr\u00F3ximo")),
+                React.createElement("div", { className: "slide" },
+                    React.createElement("img", { src: cardSlider3, alt: "Tutorial 3" }),
+                    React.createElement("button", { className: "red-button next", disabled: disabled, onClick: () => {
+                            disableButton(true);
+                            activateAR(arProps);
+                        } }, disabled ? 'Carregando...' : 'Começar!')))),
+            !sliderOpen && (React.createElement("button", { className: "red-button", style: {
+                    msTransform: 'translateY(-50%)',
+                    transform: 'translateY(-50%)',
+                    position: 'absolute',
+                    bottom: '22vh',
+                    left: '25vw',
+                    display: sliderOpen ? 'hidden' : 'auto',
+                }, onClick: () => {
+                    openSlider(true);
+                } }, "Veja como usar")),
+            React.createElement("div", { style: { width: '100vw', position: 'absolute', bottom: '14vh' } }, !sliderOpen && (React.createElement("img", { src: logo, alt: "Logo", style: {
+                    width: '50vw',
+                    display: 'block',
+                    margin: 'auto',
+                    maxHeight: '9vh',
+                } }))),
+            React.createElement(FiArrowLeft, { width: 40, height: 40, color: "#505050", cursor: "pointer", className: "exit", onClick: closeModal, style: {
+                    position: 'absolute',
+                    top: '10px',
+                    left: '10px',
+                } }))));
+};
+export default InstructionsMolduraMinuto;
+//# sourceMappingURL=index.js.map

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

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

package/dist/src/components/Modal/InstructionsMolduraMinuto/styles.js

@@ -0,0 +1,77 @@
+import styled from 'styled-components';
+import circle from '../../../assets/images/circle.png';
+import circleActive from '../../../assets/images/circle2.png';
+export const Container = styled.div `
+  position: fixed;
+  z-index: 1000;
+  top: 0px;
+  left: 0px;
+  height: 100vh;
+  width: 100vw;
+  background-size: cover;
+  background-position: center;
+  background-image: url(${({ background }) => background});
+
+  img {
+    object-fit: contain;
+  }
+
+  .slide {
+    height: 100vh;
+    position: relative;
+
+    img {
+      width: 90vw;
+      max-width: 500px;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .red-button {
+    background-color: rgb(227, 7, 24);
+    border: none;
+    border-radius: 2.5vw;
+    padding: 1.2vh 5vw;
+    color: #fff;
+    margin: 0 auto;
+    display: block;
+    font-size: 2.3vh;
+    width: 50vw;
+    box-shadow: 0 0 20px #00000030;
+
+    &.next {
+      position: absolute;
+      left: 50%;
+      bottom: 17vh;
+      transform: translatex(-50%);
+    }
+  }
+
+  .red-button:disabled {
+    opacity: 0.6;
+  }
+
+  .slick-dots {
+    position: absolute;
+    bottom: 13vh;
+  }
+
+  li {
+    background-image: url(${circle});
+    background-size: 100% 100%;
+    width: 1.5vh !important;
+    height: 1.5vh !important;
+
+    &.slick-active {
+      background-image: url(${circleActive});
+    }
+
+    button:before {
+      content: '' !important;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/components/Modal/InstructionsMolduraMinuto/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Modal/InstructionsMolduraMinuto/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAM,MAAM,mCAAmC,CAAA;AACtD,OAAO,YAAY,MAAM,oCAAoC,CAAA;AAM7D,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgB;;;;;;;;;0BASzB,CAAC,EAAE,UAAU,EAAE,EAAU,EAAE,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAkDpC,MAAM;;;;;;8BAMJ,YAAY;;;;;;;CAOzC,CAAA"}

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

@@ -0,0 +1,50 @@
+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 instructionsCover from '../../../assets/images/Toyota Rav4 instructions.jpg';
+import translationsEN from '../../../../public/locales/en/translation.json';
+const InstructionsYDigital = (_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 });
+    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("img", { src: instructionsCover, alt: "", className: "example" }),
+                    React.createElement("div", { className: "instructionsColumn" },
+                        React.createElement("span", null, translationsEN.instructions.handMove),
+                        React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-move.png", alt: "", className: "icon" }),
+                        React.createElement("span", null, translationsEN.instructions.handRotate),
+                        React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-rotate.png", alt: "", className: "icon" })))),
+            React.createElement("div", { className: "text" },
+                React.createElement("h3", null, translationsEN.instructions.text)),
+            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, translationsEN.instructions.button))))));
+};
+export default InstructionsYDigital;
+//# sourceMappingURL=index.js.map

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

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