@r2u/javascript-ar-sdk 6.9.8 → 6.9.11

package/dist/analytics.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkR2U=self.webpackChunkR2U||[]).push([[142],{9448:function(e,n,t){t.r(n);var o=t(2367),s=function(e,n,t,o){return new(t||(t=Promise))((function(s,u){function c(e){try{a(o.next(e))}catch(e){u(e)}}function i(e){try{a(o.throw(e))}catch(e){u(e)}}function a(e){var n;e.done?s(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(c,i)}a((o=o.apply(e,n||[])).next())}))};n.default={send:function({event:e,data:n,scope:t}){return s(this,void 0,void 0,(function*(){o.Z.analytics.send({event:e,data:n,scope:t})}))}}},2367:function(e,n){const t={init:!1,customer:{_id:"",slug:"",language:"en",hdri:null,exposure:null,bloom:null,experiments:{overrides:{}},viewerOptions:{}},analytics:{set:(e,n)=>{},send:({event:e,data:n,scope:t})=>Promise.resolve()},products:{},hasAutoOpenedAR:!1,growthbook:{},refreshCache:!1};n.Z=t}}]);

package/dist/ar.bundle.js

@@ -0,0 +1,522 @@
+/*! For license information please see ar.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkR2U=self.webpackChunkR2U||[]).push([[850],{6504:function(e,t,n){n.d(t,{f2:function(){return d}});var o=n(8665),r=n(1580),a=n(5538),i=n(660),l=n(2297),s=n(2367),c=function(e,t,n,o){return new(n||(n=Promise))((function(r,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}s((o=o.apply(e,t||[])).next())}))};const d=o.Z.createInstance();t.ZP={init:({language:e})=>c(void 0,void 0,void 0,(function*(){const t=s.Z.customer.language,n=s.Z.customer.slug,o=e||t||"en",c=(0,l.Bv)(),m=yield(0,l.ki)(`${c}/locales/${o}/${n}.json`),u=m?n:"translation",p=["translation",...m?[n]:[]];return new Promise(((e,t)=>{d.use(r.Z).init({debug:!1,react:{useSuspense:!1},lng:o,fallbackLng:!1,supportedLngs:["pt","en","es"],ns:p,defaultNS:u,fallbackNS:"translation",load:"currentOnly",preload:[o],interpolation:{escapeValue:!1},backend:{backends:[i.Z,a.Z],backendOptions:[{prefix:"i18next_res_r2u_sdk_",enabled:!0,expirationTime:6048e5},{loadPath:`${c}/locales/{{lng}}/{{ns}}.json`,allowMultiloading:!0}]}},(n=>{n&&t(new Error("R2U - Translation init failed")),e()}))}))}))}},5128:function(e,t,n){n.r(t),n.d(t,{default:function(){return ce}});var o=n(7294),r=n(3935),a=n(5865),i=n(2367);function l(e){const t=`r2u-webxr-seen-${e}`;return Boolean(JSON.parse(localStorage.getItem(t)||"false"))}function s(e){const t=`r2u-webxr-seen-${e}`;localStorage.setItem(t,JSON.stringify(!0))}function c(e){const t=`r2u-ar-opened-${e}`;return Boolean(JSON.parse(localStorage.getItem(t)||"false"))}function d(e){const t=`r2u-ar-opened-${e}`;localStorage.setItem(t,JSON.stringify(!0))}var m=n(7523),u=n(7374),p=n(2297),f=n(6339),g=n(6504);const b=(0,o.createContext)({}),h=({children:e,openerElement:t,openerEvent:n,onClose:r=(()=>{})})=>{const[a,i]=(0,o.useState)(!1),l=()=>{i(!0)};return t&&n&&t.addEventListener(n,l),o.createElement(b.Provider,{value:{isOpen:a,openModal:l,closeModal:()=>{r(),i(!1)},toggleModal:()=>{i(!a)}}},o.createElement(f.a,{i18n:g.f2},a?e:null))};var v=n(6793),x=n(1841),w=n.n(x),E=n(9163);const y=E.default.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;
+  }
+`;var k=n(5060),O=n(3026);const S=E.default.div`
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: ${({color:e})=>e};
+  z-index: 9999999;
+  overflow: auto;
+
+  .exit {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999999;
+    margin: 12px;
+    padding: 3px;
+    background: none;
+    border: none;
+    outline: none;
+  }
+`,j=E.createGlobalStyle`
+  html {
+    overflow: hidden;
+  }
+  body {
+    overflow: hidden;
+  }
+`;var N=n(9429);var L=({children:e,color:t="white"})=>o.createElement(N.ZP.div,null,o.createElement(S,{color:t},o.createElement(j,null),e));var C=({glb:e})=>{const{closeModal:t}=(0,o.useContext)(b),{t:n}=(0,v.$)();return o.createElement(L,null,o.createElement(y,null,o.createElement(O.Ao,{width:30,height:30,color:"#707070",cursor:"pointer",className:"exit",onClick:()=>{t()}}),o.createElement("div",{className:"text error"},n("fallback.viewer.title")),o.createElement("div",{className:"text top"},n("fallback.viewer.topText")),o.createElement("div",{className:"fallback-viewer-container"},o.createElement(w(),{glbSrc:e})),o.createElement("div",{className:"text bottom"},n("fallback.viewer.bottomText")),o.createElement("div",{className:"watermark"},o.createElement(k.Z,{position:"centerAbsolute"}))))};const P=E.default.div`
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(to bottom, #e9eaeb, #e4e5e7);
+
+  model-viewer {
+    width: 100%;
+    height: 100%;
+  }
+`;var R=({glb:e})=>{const{closeModal:t}=(0,o.useContext)(b);return o.createElement(L,null,o.createElement(O.Ao,{width:30,height:30,color:"#707070",cursor:"pointer",className:"exit",onClick:t}),o.createElement(P,null,o.createElement(w(),{glbSrc:e})))};var z=({openerElement:e,openerEvent:t,fallbackOptions:{alertMessage:n,fallback:r},glb:a})=>(n&&e.addEventListener(t,(()=>{alert(n)})),"viewer"===r&&a?o.createElement(h,{openerElement:e,openerEvent:t},o.createElement(C,{glb:a})):"full"===r&&a?o.createElement(h,{openerElement:e,openerEvent:t},o.createElement(R,{glb:a})):null);const A=E.default.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;
+    }
+  }
+`;var M=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};var I=e=>{var{hasWaterMark:t=!0,onOpen:n,activateAR:r}=e,a=M(e,["hasWaterMark","onOpen","activateAR"]);const{closeModal:i}=(0,o.useContext)(b),{t:l}=(0,v.$)(),[s,c]=(0,o.useState)(!1);return(0,o.useEffect)(n,[]),document.addEventListener("visibilitychange",(()=>i()),{once:!0}),window.addEventListener("hashchange",(()=>i()),{once:!0}),o.createElement(L,null,o.createElement(A,null,o.createElement(O.Ao,{width:30,height:30,color:"#707070",cursor:"pointer",className:"exit",onClick:i}),t?o.createElement("a",{href:"https://r2u.io",className:"powered",target:"_blank",rel:"noopener noreferrer"},o.createElement("h1",null,l("poweredBy")),o.createElement("img",{src:"https://sdk.r2u.io/assets/r2u-full-white-logo.png",alt:"",className:"icon"})):null,o.createElement("div",{className:`instructions ${!t&&"no-watermark"}`},o.createElement("div",{className:"border"},o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-cover.jpg",alt:"",className:"example"}),o.createElement("div",{className:"instructionsColumn"},o.createElement("span",null,l("instructions.handMove")),o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-hand-move.png",alt:"",className:"icon"}),o.createElement("span",null,l("instructions.handRotate")),o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-hand-rotate.png",alt:"",className:"icon"})))),o.createElement("div",{className:"text"},o.createElement("h3",null,l("instructions.text"))),o.createElement("button",{type:"button",className:"ar-button",disabled:s,onClick:()=>{r(a),c(!0)}},s?o.createElement("span",null,l("instructions.loading")):o.createElement("span",null,l("instructions.button")))))};const W=E.default.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;
+      }
+    }
+  }
+`;var X=n.p+"fonts/Roboto.ttf",T=E.createGlobalStyle`
+  @font-face {
+    font-family: 'Roboto';
+    src: url(${X}) format('truetype');
+  }
+`,Z=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};var H=e=>{var{onOpen:t,activateAR:n}=e,r=Z(e,["onOpen","activateAR"]);const{closeModal:a}=(0,o.useContext)(b),[i,l]=(0,o.useState)(!1);return(0,o.useEffect)(t,[]),document.addEventListener("visibilitychange",(()=>a()),{once:!0}),window.addEventListener("hashchange",(()=>a()),{once:!0}),o.createElement(L,{color:"#F1F1F1"},o.createElement(T,null),o.createElement(W,null,o.createElement("div",{className:"logo"},o.createElement(O.yY,null)),o.createElement("div",{className:"instructions"},o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-cover.jpg",alt:"",className:"example"}),o.createElement("div",{className:"instructions-column"},o.createElement("div",{className:"instruction-unit"},o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-hand-move.png",alt:"",className:"icon"}),o.createElement("span",null,"segure e arraste o produto para mover")),o.createElement("div",{className:"instruction-unit"},o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-hand-rotate.png",alt:"",className:"icon"}),o.createElement("span",null,"segure o produto com dois dedos para girar")))),o.createElement("div",{className:"footer"},o.createElement("span",null,"coloque o produto em seu espaço para verificar todas as dimensões"),o.createElement("button",{type:"button",className:"ar-button",disabled:i,onClick:()=>{n(r),l(!0)}},i?o.createElement("span",null,"carregando ..."):o.createElement("span",null,"veja como fica no seu espaço")))))},$=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};const U=({customerId:e})=>"701ba5cb-152f-4724-9a5f-bb5b1c42d81c"===e?H:I;var _=e=>{var{openerElement:t,openerEvent:n,customerId:r}=e,a=$(e,["openerElement","openerEvent","customerId"]);const i=U({customerId:r});return o.createElement(h,{openerElement:t,openerEvent:n},o.createElement(i,Object.assign({},a)))};const D=E.default.div`
+  display: grid;
+  place-content: center;
+  margin-top: 45%;
+
+  span {
+    font-family: Proxima-Nova, sans-serif;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.25;
+  }
+
+  .balloon {
+    width: min(90vh, 38vh);
+    height: min(90vw, 32vh);
+    border-radius: 10px;
+    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.49);
+    background-color: #ffffff;
+    display: flex;
+    flex-direction: column;
+
+    .title {
+      font-weight: bold;
+      line-height: 1.25;
+      letter-spacing: normal;
+      text-align: center;
+      color: #000000;
+      margin-bottom: 2px;
+    }
+
+    button.close {
+      border: none;
+      border-top: solid 1px #c9c9c9;
+      outline: none;
+      background: none;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: auto;
+      height: 50px;
+
+      span {
+        font-size: 14px;
+        line-height: 1.25;
+        letter-spacing: normal;
+        text-align: center;
+        color: #000000;
+      }
+    }
+  }
+`,F=E.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: left;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+
+  .title {
+    padding: 20px;
+    padding-bottom: 0;
+  }
+
+  .buttons {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-evenly;
+    width: 100%;
+    height: 100%;
+
+    & > button {
+      width: 24%;
+      height: 55px;
+      border-radius: 5px;
+      border: none;
+      margin: none;
+    }
+
+    .dislike {
+      background-color: #d96a6a;
+    }
+
+    .like {
+      background-color: #a9ce8f;
+    }
+  }
+`,J=E.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+`;var B=()=>{const{closeModal:e}=(0,o.useContext)(b),{t:t}=(0,v.$)();return setTimeout(e,2e3),o.createElement(J,null,o.createElement(O.mn,{width:60,height:60,cursor:"pointer"}),o.createElement("span",{className:"title"},t("feedback.confirm.title")),o.createElement("span",null,t("feedback.confirm.text")))};var q=({onLike:e,onDislike:t})=>{const{t:n}=(0,v.$)();return o.createElement(F,null,o.createElement("span",{className:"title"},n("feedback.main.title")),o.createElement("div",{className:"buttons"},o.createElement("button",{type:"button",className:"dislike",onClick:t},o.createElement(O.Ov,{width:30,height:30,cursor:"pointer"})),o.createElement("button",{type:"button",className:"like",onClick:e},o.createElement(O.L7,{width:30,height:30,cursor:"pointer"}))))};var G=({onLike:e,onDislike:t,onOpen:n})=>{const{closeModal:r}=(0,o.useContext)(b),{t:a}=(0,v.$)(),[i,l]=(0,o.useState)(!1);(0,o.useEffect)(n,[]);return o.createElement(L,{color:"RGBA(0, 0, 0, 0.5)"},o.createElement(D,null,o.createElement("div",{className:"balloon"},i?o.createElement(B,null):o.createElement(q,{onLike:()=>{l(!0),e()},onDislike:()=>{l(!0),t()}}),o.createElement("button",{type:"button",className:"close",onClick:()=>r()},o.createElement("span",{className:"finish"},a(i?"feedback.confirm.button":"feedback.main.button"))))))},K=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};var V=e=>{var{openerElement:t,openerEvent:n,onClose:r}=e,a=K(e,["openerElement","openerEvent","onClose"]);return o.createElement(h,{onClose:r,openerElement:t,openerEvent:n},o.createElement(G,Object.assign({onClose:r},a)))};const Q=E.default.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;
+  }
+`;var Y=()=>{const{closeModal:e}=(0,o.useContext)(b),{t:t}=(0,v.$)();return o.createElement(L,{color:"rgba(0, 0, 0, 0.3)"},o.createElement(Q,null,o.createElement("div",{className:"balloon"},o.createElement("div",{className:"info"},o.createElement("h2",null,t("fallback.social.title")),o.createElement("p",null,t("fallback.social.text")),o.createElement("img",{src:"https://sdk.r2u.io/assets/instruction-open-safari.png",alt:""})),o.createElement("button",{type:"button",onClick:e},t("fallback.social.button")))))};var ee=({openerElement:e,openerEvent:t})=>o.createElement(h,{openerElement:e,openerEvent:t},o.createElement(Y,null)),te=n(2151);null!=navigator.xr&&null!=self.XRSession&&null!=navigator.xr.isSessionSupported&&self.XRSession.prototype.requestHitTestSource,self.ResizeObserver,self.IntersectionObserver,(()=>{const e=navigator.userAgent||navigator.vendor||self.opera;let t=!1;(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0)})(),/\bCrOS\b/.test(navigator.userAgent);const ne=/android/i.test(navigator.userAgent),oe=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!self.MSStream||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1;(()=>{const e=document.createElement("a");Boolean(e.relList&&e.relList.supports&&e.relList.supports("ar"))})(),/Safari\//.test(navigator.userAgent),/firefox/i.test(navigator.userAgent),/OculusBrowser/.test(navigator.userAgent),oe&&/CriOS\//.test(navigator.userAgent);var re=function(e,t,n,o){return new(n||(n=Promise))((function(r,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}s((o=o.apply(e,t||[])).next())}))},ae=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};const ie="#no-ar-fallback",le=e=>{var{container:t}=e,n=ae(e,["container"]);const a="r2u-feedback-open",i=document.createElement("div");return i.className="feedback",t.appendChild(i),r.render(o.createElement(V,Object.assign({openerElement:i,openerEvent:a},n)),i),{open:()=>{i.dispatchEvent(new Event(a))},render:()=>{}}};function se({element:e,event:t="click"}){return re(this,void 0,void 0,(function*(){e.dispatchEvent(new Event(t))}))}var ce={attach:function({sku:e,price:t,element:n,callToAction:p,event:f="click",showInstructions:g="once",showFeedback:b=!0,fallbackOptions:h={alertMessage:"Sentimos muito, mas infelizmente seu dispositivo não é compatível com a visualização em Realidade Aumentada"}}){return re(this,void 0,void 0,(function*(){if(!i.Z.init)return Promise.reject(new Error("R2U - Not initialized"));if(!e)return Promise.reject(new Error("R2U - Missing SKU"));const{activateWebXR:v,activateAR:x,WebXREvents:w}=yield a,E=()=>re(this,void 0,void 0,(function*(){const e=new URLSearchParams(window.location.search);if(e.has("r2u_ar_mode"))return"webxr"===e.get("r2u_ar_mode");const t=yield u.fm();i.Z.growthbook=new te.Z({user:{id:t},overrides:i.Z.customer.experiments.overrides});const n="webxr-vs-sceneviewer-v3",{value:o}=i.Z.growthbook.run({key:n,variations:["sceneviewer-v3","webxr-v3"]});return u.KN(n),u.fQ(o),"webxr-v3"===o})),{glb:y,usdz:k,name:O,placement:S,sound:j,resize:N,pdpUrl:L}=yield(0,m.Z)(e),C=N?"resizable":"fixed",[P,R]="pt"===i.Z.customer.language?["pt-BR","BRL"]:["en-US","USD"],A=p?Object.assign(Object.assign({},p),{onClick:()=>{p.onClick(),document.dispatchEvent(new Event("r2u-webxr-close")),u.ar.onClick()}}):void 0,M={glb:y,usdz:k,price:t,placement:S,scale:C,sound:j,callToAction:A,pdpUrl:L,title:O,mode:"ar_preferred"},I=Boolean(i.Z.customer.waterMarkPosition),W=()=>{const e=c("feedback");return b&&!e},X={model:{name:O,description:t?new Intl.NumberFormat(P,{style:"currency",currency:R}).format(Number(t)):"",glb:y,placement:S,resizable:N,url:L,showInstructions:(()=>{switch(g){case"always":return{translate:!0,rotate:!0};case"never":return{translate:!1,rotate:!1};default:const e=l("translate"),t=l("rotate");return{translate:!e,rotate:!t}}})()},beforeClose:e=>{const{open:t}=le({container:e,onLike:()=>{u.J1.onLike(),u.XH.onLike()},onDislike:()=>{u.J1.onDislike(),u.XH.onDislike()},onClose:()=>document.dispatchEvent(new Event("r2u-webxr-close")),onOpen:()=>d("feedback")});W()?t():document.dispatchEvent(new Event("r2u-webxr-close"))},callToAction:A,language:i.Z.customer.language};u.J1.componentDidMount();const{open:T,render:Z}=(({glb:e,fallbackOptions:t})=>{const n=document.createElement("div"),a="r2u-open-fallback";document.body.appendChild(n);const i=e=>{r.render(o.createElement(z,Object.assign({openerElement:n,openerEvent:a,fallbackOptions:t},e)),n)};return i({glb:e}),{open:()=>{n.dispatchEvent(new Event(a))},render:i}})({fallbackOptions:h,glb:M.glb}),{open:H,render:$}=(e=>{var{hasWaterMark:t,onOpen:n,activateAR:a}=e,l=ae(e,["hasWaterMark","onOpen","activateAR"]);const s=document.createElement("div"),c="r2u-open-instructions";document.body.appendChild(s);const d=e=>{r.render(o.createElement(_,Object.assign({openerElement:s,openerEvent:c,onOpen:n,hasWaterMark:t,activateAR:a,customerId:i.Z.customer._id},e)),s)};return d(l),{open:()=>{s.dispatchEvent(new Event(c))},render:d}})(Object.assign({hasWaterMark:I,activateAR:x,onOpen:()=>d("instructions")},M)),{open:U}=le({container:document.body.appendChild(document.createElement("div")),onLike:()=>u.J1.onLike(),onDislike:()=>u.J1.onDislike(),onClose:()=>{},onOpen:()=>d("feedback")}),{open:D}=(()=>{const e=document.createElement("div"),t="r2u-open-social-fallback";return document.body.appendChild(e),r.render(o.createElement(ee,{openerElement:e,openerEvent:t}),e),{open:()=>{e.dispatchEvent(new Event(t))},render:()=>{}}})(),F=e=>re(this,void 0,void 0,(function*(){const t=yield(0,m.Z)(e);M.glb=t.glb,M.usdz=t.usdz,M.placement=t.placement,M.sound=t.sound,M.scale=t.resize?"resizable":"fixed",M.title=t.name,X.model.glb=t.glb,X.model.name=t.name,X.model.placement=t.placement,X.model.url=t.pdpUrl,X.model.resizable=t.resize,$(M),Z(M)})),J=()=>re(this,void 0,void 0,(function*(){if(oe&&/instagram|FBAN|FBAV|LinkedInApp/i.test(navigator.userAgent))return void D();var e;ne&&"wall"!==S&&(yield E())?(e=w,u.XH.setSession(),document.addEventListener(e.r2uWebxrSessionStart,u.XH.onSessionStart,{once:!0}),document.addEventListener(e.r2uWebxrSessionEnd,u.XH.onSessionEnd,{once:!0}),document.addEventListener(e.r2uWebxrCompatible,(()=>u.XH.setCompatible(!0)),{once:!0}),document.addEventListener(e.r2uWebxrNotCompatible,(()=>u.XH.setCompatible(!1)),{once:!0}),document.addEventListener(e.r2uWebxrPlaneMapped,u.XH.setPlaneMapped,{once:!0}),document.addEventListener(e.r2uWebxrObjectPlaced,u.XH.setObjectPlaced,{once:!0}),document.addEventListener(e.r2uWebxrShowTranslatingInstructions,(()=>{u.XH.setTranslateInstructions(),s("translate")}),{once:!0}),document.addEventListener(e.r2uWebxrShowRotatingInstructions,(()=>{u.XH.setRotateInstructions(),s("rotate")}),{once:!0}),document.addEventListener(e.r2uWebxrTranslating,(()=>{u.XH.setFirstTranslation(),s("translate")}),{once:!0}),document.addEventListener(e.r2uWebxrRotating,(()=>{u.XH.setFirstRotation(),s("rotate")}),{once:!0}),document.addEventListener(e.r2uWebxrReset,u.XH.setReset,{once:!0}),document.addEventListener(e.r2uWebxrFallbackToSceneviewer,u.XH.onSceneViewerFallback,{once:!0}),window.addEventListener("hashchange",(()=>{window.location.hash===ie&&u.XH.onFallback()}),{once:!0}),document.addEventListener(e.r2uWebxrShare,u.XH.onShare),document.addEventListener(e.r2uWebxrExit,u.XH.onExit),document.addEventListener(e.r2uWebxrCallToAction,u.XH.onCallToAction),document.addEventListener(e.r2uWebxrTranslating,u.XH.onTranslation),document.addEventListener(e.r2uWebxrRotating,u.XH.onRotation),v(X)):(()=>{switch(g){case"always":return!0;case"never":return!1;default:return!c("instructions")}})()?H():x(M),yield u.J1.onClick();const t=(new Date).getTime(),n=()=>{if(document.hidden)return;const e=(new Date).getTime();u.J1.onSessionTimeCollect(e-t),W()&&U(),document.removeEventListener("visibilitychange",n)},o=()=>{const e=(new Date).getTime();u.J1.onSessionTimeCollect(e-t),document.removeEventListener("r2u-webxr-close",o),document.removeEventListener("visibilitychange",n)};document.addEventListener("r2u-webxr-close",o),document.addEventListener("visibilitychange",n)}));n.addEventListener(f,J);const B=new URL(window.location.href),q="true"===B.searchParams.get("r2u_redirect"),G=B.searchParams.get("r2u_sku");return q&&!i.Z.hasAutoOpenedAR&&(i.Z.hasAutoOpenedAR=!0,G&&(yield F(G)),se({element:n,event:f})),window.addEventListener("hashchange",(()=>{window.location.hash===ie&&(u.J1.onFallback(),n.removeEventListener(f,J),n.addEventListener(f,T),se({element:n,event:f}))}),{once:!0}),{setSku:F}}))},open:se,getLink:function(e){return re(this,void 0,void 0,(function*(){if(!i.Z.init)return Promise.reject(new Error("R2U - Not initialized"));if(!e)return Promise.reject(new Error("R2U - Missing SKU"));const t=i.Z.customer._id,n=yield(0,p.U2)(`/sdk-ar/openar-link?customerId=${t}&productSku=${e}`);return Promise.resolve(n)}))}}}}]);

package/dist/ar.bundle.js.LICENSE.txt

@@ -0,0 +1,14 @@
+/* @license
+ * Copyright 2019 Google LLC. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */

package/dist/components/R2UModelViewer/index.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from 'react';
-import Viewer from '@r2u/sdk/dist/viewer';
+import Viewer from '@r2u/viewer';
 import { ViewerRef, ViewerProps } from '../../methods/types';
 interface Props extends ViewerProps {
     alt?: string;

package/dist/config.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkR2U=self.webpackChunkR2U||[]).push([[497],{7328:function(n,e,t){t.r(e);var o=t(2297),r=t(8665),u=t(2367),c=function(n,e,t,o){return new(t||(t=Promise))((function(r,u){function c(n){try{a(o.next(n))}catch(n){u(n)}}function i(n){try{a(o.throw(n))}catch(n){u(n)}}function a(n){var e;n.done?r(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(c,i)}a((o=o.apply(n,e||[])).next())}))};e.default={changeLanguage:function(n){return c(this,void 0,void 0,(function*(){const e=u.Z.customer.slug,t=(0,o.Bv)(),c=yield(0,o.ki)(`${t}/locales/${n}/${e}.json`);return new Promise(((e,t)=>{c||r.Z.setDefaultNamespace("translation"),r.Z.changeLanguage(n,(n=>{n&&t(new Error("R2U - Change language failed")),e()}))}))}))}}},2297:function(n,e,t){t.d(e,{U2:function(){return u},ki:function(){return c},Bv:function(){return i}});var o=t(2367),r=function(n,e,t,o){return new(t||(t=Promise))((function(r,u){function c(n){try{a(o.next(n))}catch(n){u(n)}}function i(n){try{a(o.throw(n))}catch(n){u(n)}}function a(n){var e;n.done?r(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(c,i)}a((o=o.apply(n,e||[])).next())}))};function u(n){return r(this,void 0,void 0,(function*(){const e={};o.Z.refreshCache&&(e["Cache-Control"]="max-age=0");return(yield fetch(`https://api.r2u.io${n}`,{method:"get",headers:e})).json()}))}function c(n){return r(this,void 0,void 0,(function*(){try{const{status:e}=yield fetch(n,{method:"HEAD"});return 200===e}catch(n){return console.error(n),!1}}))}const i=()=>"https://sdk.r2u.io"},2367:function(n,e){const t={init:!1,customer:{_id:"",slug:"",language:"en",hdri:null,exposure:null,bloom:null,experiments:{overrides:{}},viewerOptions:{}},analytics:{set:(n,e)=>{},send:({event:n,data:e,scope:t})=>Promise.resolve()},products:{},hasAutoOpenedAR:!1,growthbook:{},refreshCache:!1};e.Z=t}}]);

package/dist/index.d.ts

@@ -1,13 +1,4 @@
-import { ProductCustomization } from '@r2u/customizer/dist/services/types';
 import type { CallToAction } from '@r2u/react-ar-components';
-import init from './methods/init';
-import sku from './methods/sku';
-import ar from './methods/ar';
-import viewer from './methods/viewer';
-import analytics from './methods/analytics';
-import customizer from './methods/customizer';
-import qrCode from './methods/qrCode';
-import config from './methods/config';
 import { SKUHandler, ViewerRef } from './methods/types';
 import { Product } from '@services/product';
 export default interface R2U {
@@ -66,15 +57,6 @@ export default interface R2U {
             scope?: 'event' | 'page' | 'session' | 'sku';
         }) => Promise<void>;
     };
-    customizer: {
-        isActive: (sku: string) => Promise<boolean>;
-        create: (params: {
-            element: HTMLElement;
-            sku: string;
-            onConfirm: (productCustomization: ProductCustomization) => void;
-            resultContainer?: HTMLElement;
-        }) => Promise<void>;
-    };
     qrCode: {
         create: (params: {
             element: HTMLElement;
@@ -88,4 +70,66 @@ declare global {
         R2U: R2U;
     }
 }
-export { init, sku, ar, viewer, analytics, customizer, qrCode, config };
+declare const init: (params: {
+    customerId: string;
+    language?: 'pt' | 'en' | 'es';
+    analyticsParams?: {
+        dataLayerIntegration?: boolean;
+        sessionDurationMinutes?: number;
+    };
+    refreshCache?: boolean;
+}) => Promise<void>;
+declare const config: {
+    changeLanguage: (language: 'pt' | 'en' | 'es') => Promise<void>;
+};
+declare const ar: {
+    open: (params: {
+        element: HTMLElement;
+        event: string;
+    }) => Promise<void>;
+    attach: (params: {
+        element: HTMLElement;
+        sku: string;
+        price?: string;
+        eventType?: string;
+        resize?: boolean;
+        callToAction?: CallToAction;
+        showInstructions?: 'once' | 'always' | 'never';
+        showFeedback?: boolean;
+        fallbackOptions?: {
+            alertMessage?: string;
+            fallback?: 'viewer' | 'full';
+        };
+    }) => Promise<SKUHandler>;
+    getLink: (sku: string) => Promise<string>;
+};
+declare const sku: {
+    isActive: (sku: string) => Promise<boolean>;
+    getData: (sku: string) => Promise<Product>;
+};
+declare const viewer: {
+    create: (params: {
+        element: HTMLElement;
+        sku: string;
+        name?: string;
+        popup?: boolean;
+        progressBarPosition?: 'top' | 'middle' | 'bottom';
+        poster?: string;
+        autoRotate?: boolean;
+    }) => Promise<SKUHandler & ViewerRef>;
+};
+declare const analytics: {
+    send: (params: {
+        event: string;
+        data: Record<string, string | number>;
+        scope?: 'event' | 'page' | 'session' | 'sku';
+    }) => Promise<void>;
+};
+declare const qrCode: {
+    create: (params: {
+        element: HTMLElement;
+        sku: string;
+        showInstructions?: 'once' | 'always' | 'never';
+    }) => Promise<SKUHandler>;
+};
+export { init, sku, ar, viewer, analytics, qrCode, config };