@r2u/javascript-ar-sdk 6.13.7 → 6.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/init.bundle.js +1 -1
- package/dist/methods/viewer.d.ts +3 -2
- package/dist/sku.bundle.js +1 -1
- package/dist/vendors.37ca78991ca30a0c333c.bundle.js +436 -0
- package/dist/{vendors.da06437a35a276f25b43.bundle.js → vendors.e7c613ce3fe160a40d86.bundle.js} +1 -1
- package/dist/viewer.bundle.js +4 -4
- package/package.json +2 -2
- package/dist/vendors.fde4abedd2649dc86494.bundle.js +0 -215
- /package/dist/{vendors.fde4abedd2649dc86494.bundle.js.LICENSE.txt → vendors.37ca78991ca30a0c333c.bundle.js.LICENSE.txt} +0 -0
package/dist/{vendors.da06437a35a276f25b43.bundle.js → vendors.e7c613ce3fe160a40d86.bundle.js}
RENAMED
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
a:hover {
|
|
18
18
|
content: url('https://sdk.r2u.io/assets/r2u-icon.svg');
|
|
19
19
|
}
|
|
20
|
-
`;var a=({position:e})=>i.createElement(s,{position:e},i.createElement("a",{href:"https://r2u.io",target:"_blank",rel:"noopener noreferrer"},i.createElement("img",{alt:""})))},7374:function(e,t,n){n.d(t,{J1:function(){return u},E9:function(){return d},XH:function(){return p},ar:function(){return C},KN:function(){return m},fQ:function(){return h},hN:function(){return f},lY:function(){return v},G0:function(){return w},fm:function(){return g}});var i=n(2085),r=n(5877),s=n(2367),a=function(e,t,n,i){return new(n||(n=Promise))((function(r,s){function a(e){try{c(i.next(e))}catch(e){s(e)}}function o(e){try{c(i.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,o)}c((i=i.apply(e,t||[])).next())}))};const o="ar_link",c="ar_model_viewer",l="cta",u={componentDidMount:()=>s.Z.analytics.send({event:i.U3.impression,data:{[i.MB.placement]:o},scope:"page"}),onClick:()=>s.Z.analytics.send({event:i.U3.click,data:{[i.MB.placement]:o}}),onFallback:()=>s.Z.analytics.send({event:i.U3.fallback,data:{[i.MB.placement]:o}}),onLike:()=>s.Z.analytics.send({event:i.U3.like,data:{[i.MB.placement]:o}}),onDislike:()=>s.Z.analytics.send({event:i.U3.dislike,data:{[i.MB.placement]:o}}),onSessionTimeCollect:e=>s.Z.analytics.send({event:i.U3.interaction_duration,eventCount:e,data:{[i.MB.placement]:o}})},d={componentDidMount:()=>s.Z.analytics.send({event:i.U3.impression,data:{[i.MB.placement]:c},scope:"page"}),onClick:()=>s.Z.analytics.send({event:i.U3.click,data:{[i.MB.placement]:c}}),onSessionTimeCollect:e=>s.Z.analytics.send({event:i.U3.interaction_duration,eventCount:e,data:{[i.MB.placement]:c}})},p={onSessionStart:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.session_start}),onSessionEnd:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.session_end}),setSession:()=>{s.Z.analytics.webxrSet(i.D1.session_id,(0,r.v4)())},setCompatible:e=>{s.Z.analytics.webxrSet(i.D1.compatible,`${e}`)},onSceneViewerFallback:()=>Promise.all([s.Z.analytics.webxrSend({webxrEvent:i.Ui.scene_viewer_fallback}),s.Z.analytics.send({event:i.U3.fallback,data:{[i.MB.placement]:o},context:"webxr"})]),onFallback:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.fallback}),setPlaneMapped:()=>{s.Z.analytics.webxrSet(i.D1.plane_mapped,(new Date).toISOString())},setObjectPlaced:()=>{s.Z.analytics.webxrSet(i.D1.object_placed,(new Date).toISOString())},setTranslateInstructions:()=>{s.Z.analytics.webxrSet(i.D1.translate_instructions,(new Date).toISOString())},setRotateInstructions:()=>{s.Z.analytics.webxrSet(i.D1.rotate_instructions,(new Date).toISOString())},setFirstTranslation:()=>{s.Z.analytics.webxrSet(i.D1.first_translation,(new Date).toISOString())},setFirstRotation:()=>{s.Z.analytics.webxrSet(i.D1.first_rotation,(new Date).toISOString())},setReset:()=>{s.Z.analytics.webxrSet(i.D1.reset,(new Date).toISOString())},onShare:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.share}),onExit:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.exit}),onLike:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.like}),onDislike:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.dislike}),onCallToAction:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.call_to_action}),onTranslation:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.translation}),onRotation:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.rotation})},C={onClick:()=>s.Z.analytics.send({event:i.U3.click,data:{[i.MB.placement]:l},context:"cart"})},f=e=>{s.Z.analytics.set(i.MB.sku,e)},v=e=>{s.Z.analytics.set(i.MB.manufacturer_id,e)},w=e=>{s.Z.analytics.set(i.MB.is_active_3d,`${e}`),s.Z.analytics.send({event:i.U3.product_page_view})},m=e=>{s.Z.analytics.set(i.MB.experiment_id,e)},h=e=>{s.Z.analytics.set(i.MB.variation_id,e)},g=()=>a(void 0,void 0,void 0,(function*(){const e=yield(0,i.cE)();return s.Z.analytics.set(i.MB.fingerprint,e),e}));t.ZP=({client:e,dataLayerIntegration:t,sessionDurationMinutes:n,info:r={}})=>a(void 0,void 0,void 0,(function*(){const s={version:"6.
|
|
20
|
+
`;var a=({position:e})=>i.createElement(s,{position:e},i.createElement("a",{href:"https://r2u.io",target:"_blank",rel:"noopener noreferrer"},i.createElement("img",{alt:""})))},7374:function(e,t,n){n.d(t,{J1:function(){return u},E9:function(){return d},XH:function(){return p},ar:function(){return C},KN:function(){return m},fQ:function(){return h},hN:function(){return f},lY:function(){return v},G0:function(){return w},fm:function(){return g}});var i=n(2085),r=n(5877),s=n(2367),a=function(e,t,n,i){return new(n||(n=Promise))((function(r,s){function a(e){try{c(i.next(e))}catch(e){s(e)}}function o(e){try{c(i.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,o)}c((i=i.apply(e,t||[])).next())}))};const o="ar_link",c="ar_model_viewer",l="cta",u={componentDidMount:()=>s.Z.analytics.send({event:i.U3.impression,data:{[i.MB.placement]:o},scope:"page"}),onClick:()=>s.Z.analytics.send({event:i.U3.click,data:{[i.MB.placement]:o}}),onFallback:()=>s.Z.analytics.send({event:i.U3.fallback,data:{[i.MB.placement]:o}}),onLike:()=>s.Z.analytics.send({event:i.U3.like,data:{[i.MB.placement]:o}}),onDislike:()=>s.Z.analytics.send({event:i.U3.dislike,data:{[i.MB.placement]:o}}),onSessionTimeCollect:e=>s.Z.analytics.send({event:i.U3.interaction_duration,eventCount:e,data:{[i.MB.placement]:o}})},d={componentDidMount:()=>s.Z.analytics.send({event:i.U3.impression,data:{[i.MB.placement]:c},scope:"page"}),onClick:()=>s.Z.analytics.send({event:i.U3.click,data:{[i.MB.placement]:c}}),onSessionTimeCollect:e=>s.Z.analytics.send({event:i.U3.interaction_duration,eventCount:e,data:{[i.MB.placement]:c}})},p={onSessionStart:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.session_start}),onSessionEnd:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.session_end}),setSession:()=>{s.Z.analytics.webxrSet(i.D1.session_id,(0,r.v4)())},setCompatible:e=>{s.Z.analytics.webxrSet(i.D1.compatible,`${e}`)},onSceneViewerFallback:()=>Promise.all([s.Z.analytics.webxrSend({webxrEvent:i.Ui.scene_viewer_fallback}),s.Z.analytics.send({event:i.U3.fallback,data:{[i.MB.placement]:o},context:"webxr"})]),onFallback:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.fallback}),setPlaneMapped:()=>{s.Z.analytics.webxrSet(i.D1.plane_mapped,(new Date).toISOString())},setObjectPlaced:()=>{s.Z.analytics.webxrSet(i.D1.object_placed,(new Date).toISOString())},setTranslateInstructions:()=>{s.Z.analytics.webxrSet(i.D1.translate_instructions,(new Date).toISOString())},setRotateInstructions:()=>{s.Z.analytics.webxrSet(i.D1.rotate_instructions,(new Date).toISOString())},setFirstTranslation:()=>{s.Z.analytics.webxrSet(i.D1.first_translation,(new Date).toISOString())},setFirstRotation:()=>{s.Z.analytics.webxrSet(i.D1.first_rotation,(new Date).toISOString())},setReset:()=>{s.Z.analytics.webxrSet(i.D1.reset,(new Date).toISOString())},onShare:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.share}),onExit:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.exit}),onLike:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.like}),onDislike:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.dislike}),onCallToAction:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.call_to_action}),onTranslation:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.translation}),onRotation:()=>s.Z.analytics.webxrSend({webxrEvent:i.Ui.rotation})},C={onClick:()=>s.Z.analytics.send({event:i.U3.click,data:{[i.MB.placement]:l},context:"cart"})},f=e=>{s.Z.analytics.set(i.MB.sku,e)},v=e=>{s.Z.analytics.set(i.MB.manufacturer_id,e)},w=e=>{s.Z.analytics.set(i.MB.is_active_3d,`${e}`),s.Z.analytics.send({event:i.U3.product_page_view})},m=e=>{s.Z.analytics.set(i.MB.experiment_id,e)},h=e=>{s.Z.analytics.set(i.MB.variation_id,e)},g=()=>a(void 0,void 0,void 0,(function*(){const e=yield(0,i.cE)();return s.Z.analytics.set(i.MB.fingerprint,e),e}));t.ZP=({client:e,dataLayerIntegration:t,sessionDurationMinutes:n,info:r={}})=>a(void 0,void 0,void 0,(function*(){const s={version:"6.14.0",gcpAnalyticsUrl:"https://us-central1-r2u-analytics.cloudfunctions.net/reportEvent",webxrGcpAnalyticsUrl:"https://us-central1-r2u-analytics.cloudfunctions.net/reportWebXREvent",debug:!!new URLSearchParams(window.location.search).get("realidade-aumentada-debug"),sessionDurationMinutes:n,dataLayerIntegration:t},a=new i.ZP(s,Object.assign(Object.assign({},r),{[i.MB.client]:e}));return yield a.init(),a}))},7523:function(e,t,n){n.d(t,{Z:function(){return o}});var i=n(2297),r=n(2367),s=n(7673),a=function(e,t,n,i){return new(n||(n=Promise))((function(r,s){function a(e){try{c(i.next(e))}catch(e){s(e)}}function o(e){try{c(i.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,o)}c((i=i.apply(e,t||[])).next())}))};function o(e){return a(this,void 0,void 0,(function*(){if(r.Z.products[e])return Promise.resolve(r.Z.products[e]);const t=s.encode({"product.sku":e,"asset.types":["GLB","USDZ"].join(","),"product_review.status":"RUNNING"}),[n]=yield(0,i.U2)(`/customers/${r.Z.customer._id}/products/assets?${t}`);if(!n)throw new Error("R2U - SKU not found");const a=n.assets||[],o=n.product_reviews||[],c=a.find((e=>"GLB"===e.type)),l=a.find((e=>"USDZ"===e.type)),u={glb:c?c.url:"",usdz:l?l.url:"",isActive:o.length>0,name:n.name,placement:n.placement||"floor",resize:n.resize||!1,sound:n.soundUrl,modelId:n.modelId,manufacturerId:n.manufacturerId,pdpUrl:n.pdpUrl,hdri:n.hdri,exposure:n.exposure,bloom:n.bloom,viewerOptions:n.viewerOptions||{}};return r.Z.products[e]=u,u}))}},2297:function(e,t,n){n.d(t,{U2:function(){return a},v_:function(){return o},ki:function(){return c},Bv:function(){return l}});var i=n(2367),r=function(e,t,n,i){return new(n||(n=Promise))((function(r,s){function a(e){try{c(i.next(e))}catch(e){s(e)}}function o(e){try{c(i.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,o)}c((i=i.apply(e,t||[])).next())}))};const s="https://api.r2u.io";function a(e){return r(this,void 0,void 0,(function*(){const t={};i.Z.refreshCache&&(t["Cache-Control"]="max-age=0");return(yield fetch(`${s}${e}`,{method:"get",headers:t})).json()}))}function o(e,t){return r(this,void 0,void 0,(function*(){return(yield fetch(`${s}${e}`,{method:"POST",body:JSON.stringify(t)})).json()}))}function c(e){return r(this,void 0,void 0,(function*(){try{const{status:t}=yield fetch(e,{method:"HEAD"});return 200===t}catch(e){return console.error(e),!1}}))}const l=()=>"https://sdk.r2u.io"},2367:function(e,t){const n={init:!1,customer:{_id:"",slug:"",language:"en",hdri:null,exposure:null,bloom:null,experiments:{overrides:{}},viewerOptions:{}},analytics:{set:(e,t)=>{},send:({event:e,data:t,scope:n})=>Promise.resolve()},products:{},hasAutoOpenedAR:!1,growthbook:{},refreshCache:!1};t.Z=n},4147:function(e){e.exports=JSON.parse('{"name":"@r2u/javascript-ar-sdk","version":"6.14.0","main":"dist/index.js","unpkg":"dist/index.js","types":"dist/index.d.ts","repository":"https://github.com/r2u-io/javascript-ar-sdk","files":["dist"],"scripts":{"dev":"yarn build:dev && webpack serve --mode=development","build:dev":"REACT_APP_VERSION=$(jq -r \\".version\\" package.json) webpack --mode=development","build":"REACT_APP_VERSION=$(jq -r \\".version\\" package.json) webpack --mode=production","clean":"rm -rf dist/ public/dist/","test":"jest --config ./jest.config.js","stage":"yarn build:dev && gsutil -m cp -R ./public gs://r2u-integrations-bucket/_staging/sdk/","prettier":"prettier --write src","lint":"eslint \'./src/**/*.{js,ts,tsx}\'","eject":"rescripts eject"},"peerDependencies":{"react":"^16.13.1","react-dom":"^16.13.1"},"dependencies":{"@r2u/analytics":"^4.3.3","@r2u/react-ar-components":"^5.4.15","@r2u/viewer":"^1.5.16","@types/react-slick":"^0.23.10","i18next":"^20.2.1","i18next-chained-backend":"^2.1.0","i18next-http-backend":"^1.2.1","i18next-localstorage-backend":"^3.1.2","qrcode.react":"^1.0.1","querystring":"^0.2.0","react":"^17.0.2","react-dom":"^17.0.2","react-i18next":"^11.8.13","react-shadow":"^19.0.2","react-slick":"^0.29.0","styled-components":"^5.2.3"},"devDependencies":{"@fingerprintjs/fingerprintjs":"^3.3.0","@growthbook/growthbook":"^0.12.0","@types/jest":"^26.0.15","@types/node":"^13.11.1","@types/qrcode.react":"^1.0.1","@types/react":"^16.9.33","@types/react-dom":"^16.9.6","@types/styled-components":"^5.1.9","@typescript-eslint/eslint-plugin":"^2.3.1","@typescript-eslint/parser":"^2.3.1","eslint":"^7.22.0","eslint-config-prettier":"^6.12.0","eslint-config-standard":"^12.0.0","eslint-plugin-import":"^2.17.2","eslint-plugin-jest":"^22.17.0","eslint-plugin-node":"^8.0.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-promise":"^4.1.1","eslint-plugin-react":"^7.14.3","eslint-plugin-standard":"^4.0.0","file-loader":"^6.2.0","jest":"^24.9.0","prettier":"^2.1.2","process":"^0.11.10","three":"^0.131.2","ts-jest":"^26.4.4","ts-loader":"^8.0.17","tsconfig-paths-webpack-plugin":"^3.5.1","typescript":"^3.8.3","util":"^0.12.3","webpack":"^5.24.3","webpack-bundle-analyzer":"^4.4.0","webpack-cli":"^4.5.0","webpack-dev-server":"3.10.3"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]}}')}}]);
|
package/dist/viewer.bundle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkR2U=self.webpackChunkR2U||[]).push([[428],{8305:function(e,o,t){t.r(o),t.d(o,{default:function(){return P}});var n=t(7294),r=t(3935),i=t(9361),l=t.n(i),u=t(2367),a=t(5060),
|
|
1
|
+
"use strict";(self.webpackChunkR2U=self.webpackChunkR2U||[]).push([[428],{8305:function(e,o,t){t.r(o),t.d(o,{default:function(){return P}});var n=t(7294),r=t(3935),i=t(9361),l=t.n(i),u=t(2367),a=t(5060),d=t(3026),c=t(9163);const s=c.default.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 100%;
|
|
4
4
|
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
top: 4px;
|
|
52
52
|
z-index: 9999999;
|
|
53
53
|
background: #f9f9f9;
|
|
54
|
-
${({bloom:e})=>e?
|
|
54
|
+
${({bloom:e})=>e?c.css`
|
|
55
55
|
box-shadow: inset -2px -2px 4px #ffffff,
|
|
56
56
|
inset 2px 2px 4px rgba(86, 86, 86, 0.25);
|
|
57
|
-
`:
|
|
57
|
+
`:c.css`
|
|
58
58
|
box-shadow: -2px -2px 4px #ffffff,
|
|
59
59
|
2px 2px 4px rgba(86, 86, 86, 0.25);
|
|
60
60
|
`}
|
|
@@ -120,4 +120,4 @@
|
|
|
120
120
|
box-shadow: none;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
|
-
`;var p=function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t};var v=e=>{const{exitImgSrc:o="https://sdk.r2u.io/assets/exit-icon.png",expandImgSrc:t="https://sdk.r2u.io/assets/expand-icon.png",popup:r=!0,children:i=null,waterMarkPosition:l,refViewerPopup:u,ModelViewerElement:s,refViewerFunctions:v}=e,f=p(e,["exitImgSrc","expandImgSrc","popup","children","waterMarkPosition","refViewerPopup","ModelViewerElement","refViewerFunctions"]),[m,g]=(0,n.useState)(!1),b=()=>{g(!1)};(0,n.useEffect)((()=>{u&&u.current&&u.current.addEventListener("mousedown",(e=>(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),!1)))}),[u]);const w=(0,n.useRef)(null),[h,x]=(0,n.useState)(!1);return n.createElement(d,{expanded:m,bloom:h},n.createElement("div",{className:"viewer-container"},f.glbSrc&&n.createElement(s,Object.assign({ref:v,componentDidMount:f.componentDidMount,onClick:f.onClick,onSessionTimeCollect:f.onSessionTimeCollect},f),i,r&&n.createElement("button",{className:"expand-button",type:"button",onClick:()=>{g(!0)}},n.createElement("img",{className:"expand-image",alt:"",src:t})),l&&n.createElement(a.Z,{position:l}))),r&&m&&n.createElement("div",{className:"background",onMouseDown:b},n.createElement("div",{className:"viewer-container popup"},f.glbSrc&&n.createElement(s,Object.assign({ref:w,componentDidMount:f.componentDidMount,onClick:f.onClick,onSessionTimeCollect:f.onSessionTimeCollect},f,{enableBloomButton:!1}),i,f.bloom&&n.createElement("button",{className:"bloomButton",type:"button",onMouseDown:e=>e.stopPropagation(),onClick:()=>{x(!h),w.current&&w.current.updateBloom(!h)}},h?n.createElement(c.cu,{className:"lamp"}):n.createElement(c.H_,{className:"lamp"})),n.createElement("button",{className:"exit-button",type:"button",onClick:b},n.createElement("img",{alt:"",src:o})),l&&n.createElement(a.Z,{position:l})))))},f=t(1841),m=t.n(f),g=t(7523),b=t(7374),w=t(2297),h=function(e,o,t,n){return new(t||(t=Promise))((function(r,i){function l(e){try{a(n.next(e))}catch(e){i(e)}}function u(e){try{a(n.throw(e))}catch(e){i(e)}}function a(e){var o;e.done?r(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(l,u)}a((n=n.apply(e,o||[])).next())}))};function x(e,o){return h(this,void 0,void 0,(function*(){const t=`/viewer-customization/customer/${u.Z.customer._id}/products/${e}?customization=${encodeURI(JSON.stringify(o))}`;return(yield(0,w.U2)(t))||{}}))}function y(e){return h(this,void 0,void 0,(function*(){const{status:o}=yield(0,w.U2)(`/job-status/${e}`);return["waiting","processing"].includes(o)?y(e):o}))}var E=t(5865);const k=({materialSlots:e,modelSlots:o})=>{e.sort(((e,o)=>e.slot>o.slot?1:e.slot<o.slot?-1:0)),o.sort(((e,o)=>e.slot>o.slot?1:e.slot<o.slot?-1:0)),o.forEach((e=>{k(e.activeModel)}))};var S=k;class C extends Error{constructor(e){super(e),this.name="ViewerError"}}var M=function(e,o,t,n){return new(t||(t=Promise))((function(r,i){function l(e){try{a(n.next(e))}catch(e){i(e)}}function u(e){try{a(n.throw(e))}catch(e){i(e)}}function a(e){var o;e.done?r(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(l,u)}a((n=n.apply(e,o||[])).next())}))};var P={create:({element:e,sku:o,name:t,popup:i=!0,progressBarPosition:a="top",progressBarColor:c,poster:s,autoRotate:d=!0})=>M(void 0,void 0,void 0,(function*(){if(!u.Z.init)return Promise.reject(new Error("R2U - Not initialized"));if(!o)return Promise.reject(new Error("R2U - Missing SKU"));const{glb:p,name:f,viewerOptions:k}=yield(0,g.Z)(o);let P=p;const z=u.Z.customer.waterMarkPosition,O=k||u.Z.customer.viewerOptions||void 0,R=(0,n.createRef)(),I=(0,n.createRef)(),N=(0,n.createRef)(),j=()=>M(void 0,void 0,void 0,(function*(){if(!N.current)throw new C("Viewer not completely loaded!");const e=N.current.getCurrentCustomization();if(!e)throw new C("No customization returned!");S(e);const t=yield x(o,e);if(!t.glb){const n=yield N.current.getCustomizedModel();if(!n)throw new C("Could not export the customization glb!");t.glb=yield function(e,o,t){return h(this,void 0,void 0,(function*(){const n=`/viewer-customization/customer/${u.Z.customer._id}/products/${e}/upload-customization-data?customization=${encodeURI(JSON.stringify(o))}`,r=yield(0,w.U2)(n),i=new File([t],r.filename),l=new FormData;return Object.keys(r.fields).forEach((e=>l.append(e,r.fields[e]))),l.append("file",i),yield fetch(r.url,{method:"POST",body:l}),r.url.concat(r.fields.key)}))}(o,e,n)}if(!t.usdz){const e=yield function(e,o){return h(this,void 0,void 0,(function*(){const t=`/viewer-customization/customers/${u.Z.customer._id}/products/${e}/convert`;return yield(0,w.v_)(t,{filename:o})}))}(o,t.glb.split("/").pop());if("success"!==(yield y(e.jobId)))throw new C("Error while converting to usdz!");t.usdz=e.usdz}return x(o,e),t})),H=e=>M(void 0,void 0,void 0,(function*(){const o=setInterval((()=>{N.current&&(clearInterval(o),e())}),200);setTimeout((()=>{if(!N.current)throw clearInterval(o),new Error("Internal error: Unable to load viewerRefFunctions.")}),1e4)}));return r.render(n.createElement(v,Object.assign({glbSrc:P,alt:t||f,autoRotate:d,poster:s,refViewer:R,refViewerPopup:I,refViewerFunctions:N,waterMarkPosition:z,progressBarPosition:a,progressBarColor:c,popup:i,componentDidMount:b.E9.componentDidMount,onClick:b.E9.onClick,onSessionTimeCollect:b.E9.onSessionTimeCollect,ModelViewerElement:m()},O)),e),{setSku:o=>M(void 0,void 0,void 0,(function*(){const{glb:l}=yield(0,g.Z)(o);P=l,r.render(n.createElement(v,Object.assign({glbSrc:P,alt:t||f,autoRotate:d,poster:s,refViewer:R,refViewerPopup:I,refViewerFunctions:N,waterMarkPosition:z,progressBarPosition:a,progressBarColor:c,popup:i,componentDidMount:b.E9.componentDidMount,onClick:b.E9.onClick,onSessionTimeCollect:b.E9.onSessionTimeCollect,ModelViewerElement:m()},O)),e)})),insertModelNode:(...e)=>{var o;null===(o=N.current)||void 0===o||o.insertModelNode(...e)},insertSlotModelNode:(...e)=>M(void 0,void 0,void 0,(function*(){var o;yield null===(o=N.current)||void 0===o?void 0:o.insertSlotModelNode(...e)})),deleteModelNode:(...e)=>{var o;null===(o=N.current)||void 0===o||o.deleteModelNode(...e)},setMaterial:(...e)=>{var o;null===(o=N.current)||void 0===o||o.setMaterial(...e)},getAllSlotsMaterials:()=>{var e;return(null===(e=N.current)||void 0===e?void 0:e.getAllSlotsMaterials())||null},updateBloom:(...e)=>{var o;null===(o=N.current)||void 0===o||o.updateBloom(...e)},getAllSlotsModels:()=>{var e;return(null===(e=N.current)||void 0===e?void 0:e.getAllSlotsModels())||null},setModel:(...e)=>{var o;null===(o=N.current)||void 0===o||o.setModel(...e)},setCamera:(...e)=>{var o;null===(o=N.current)||void 0===o||o.setCamera(...e)},updateShadow:(...e)=>{var o;null===(o=N.current)||void 0===o||o.updateShadow(...e)},updateFog:(...e)=>{var o;null===(o=N.current)||void 0===o||o.updateFog(...e)},updateBloomProps:(...e)=>{var o;null===(o=N.current)||void 0===o||o.updateBloomProps(...e)},updateEnvironment:(...e)=>{var o;null===(o=N.current)||void 0===o||o.updateEnvironment(...e)},getCamera:()=>{var e;return(null===(e=N.current)||void 0===e?void 0:e.getCamera())||null},insertHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.insertHotspot(...e)}))})),updateHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.updateHotspot(...e)}))})),deleteHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.deleteHotspot(...e)}))})),showHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.showHotspot(...e)}))})),hideHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.hideHotspot(...e)}))})),focusHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.focusHotspot(...e)}))})),getActiveHotspotId:()=>{var e;return(null===(e=N.current)||void 0===e?void 0:e.getActiveHotspotId())||null},lookToHotspot:(...e)=>M(void 0,void 0,void 0,(function*(){yield H((()=>{var o;return null===(o=N.current)||void 0===o?void 0:o.lookToHotspot(...e)}))})),customization:{openAR:()=>M(void 0,void 0,void 0,(function*(){try{const e=yield j();return(0,E.activateAR)({glb:e.glb,usdz:e.usdz,mode:"ar_preferred"}),!0}catch(e){return console.error(`Error opening AR: ${e.message}`),!1}})),renderQRCode:e=>M(void 0,void 0,void 0,(function*(){try{const o=yield j(),t=`https://viewer.r2u.io/?glb=${encodeURIComponent(o.glb)}&usdz=${encodeURIComponent(o.usdz)}&autoOpen=1`;return r.render(n.createElement(l(),Object.assign({},{"data-url":t},{value:t,style:{width:"100%",height:"100%"},renderAs:"svg"})),e),!0}catch(e){return console.error(`Error generating QR Code: ${e.message}`),!1}}))},getAnimationIds:(...e)=>{var o;return(null===(o=N.current)||void 0===o?void 0:o.getAnimationIds(...e))||[]},playAnimation:(...e)=>M(void 0,void 0,void 0,(function*(){var o;yield null===(o=N.current)||void 0===o?void 0:o.playAnimation(...e)})),stopAnimation:(...e)=>{var o;null===(o=N.current)||void 0===o||o.stopAnimation(...e)},downloadGlb:(...e)=>{N.current&&N.current.downloadGlb(...e)}}}))}},5671:function(e,o,t){function n(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}t.d(o,{Z:function(){return n}})},3144:function(e,o,t){function n(e,o){for(var t=0;t<o.length;t++){var n=o[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,o,t){return o&&n(e.prototype,o),t&&n(e,t),e}t.d(o,{Z:function(){return r}})},4942:function(e,o,t){function n(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}t.d(o,{Z:function(){return n}})},1002:function(e,o,t){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.d(o,{Z:function(){return n}})}}]);
|
|
123
|
+
`;var p=function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t};var v=e=>{const{exitImgSrc:o="https://sdk.r2u.io/assets/exit-icon.png",expandImgSrc:t="https://sdk.r2u.io/assets/expand-icon.png",popup:r=!0,children:i=null,waterMarkPosition:l,refViewerPopup:u,ModelViewerElement:c,refViewerFunctions:v}=e,f=p(e,["exitImgSrc","expandImgSrc","popup","children","waterMarkPosition","refViewerPopup","ModelViewerElement","refViewerFunctions"]),[m,g]=(0,n.useState)(!1),b=()=>{g(!1)};(0,n.useEffect)((()=>{u&&u.current&&u.current.addEventListener("mousedown",(e=>(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),!1)))}),[u]);const w=(0,n.useRef)(null),[h,x]=(0,n.useState)(!1);return n.createElement(s,{expanded:m,bloom:h},n.createElement("div",{className:"viewer-container"},f.glbSrc&&n.createElement(c,Object.assign({ref:v,componentDidMount:f.componentDidMount,onClick:f.onClick,onSessionTimeCollect:f.onSessionTimeCollect},f),i,r&&n.createElement("button",{className:"expand-button",type:"button",onClick:()=>{g(!0)}},n.createElement("img",{className:"expand-image",alt:"",src:t})),l&&n.createElement(a.Z,{position:l}))),r&&m&&n.createElement("div",{className:"background",onMouseDown:b},n.createElement("div",{className:"viewer-container popup"},f.glbSrc&&n.createElement(c,Object.assign({ref:w,componentDidMount:f.componentDidMount,onClick:f.onClick,onSessionTimeCollect:f.onSessionTimeCollect},f,{enableBloomButton:!1}),i,f.bloom&&n.createElement("button",{className:"bloomButton",type:"button",onMouseDown:e=>e.stopPropagation(),onClick:()=>{x(!h),w.current&&w.current.updateBloom(!h)}},h?n.createElement(d.cu,{className:"lamp"}):n.createElement(d.H_,{className:"lamp"})),n.createElement("button",{className:"exit-button",type:"button",onClick:b},n.createElement("img",{alt:"",src:o})),l&&n.createElement(a.Z,{position:l})))))},f=t(1841),m=t.n(f),g=t(7523),b=t(7374),w=t(2297),h=function(e,o,t,n){return new(t||(t=Promise))((function(r,i){function l(e){try{a(n.next(e))}catch(e){i(e)}}function u(e){try{a(n.throw(e))}catch(e){i(e)}}function a(e){var o;e.done?r(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(l,u)}a((n=n.apply(e,o||[])).next())}))};function x(e,o){return h(this,void 0,void 0,(function*(){const t=`/viewer-customization/customer/${u.Z.customer._id}/products/${e}?customization=${encodeURI(JSON.stringify(o))}`;return(yield(0,w.U2)(t))||{}}))}function y(e){return h(this,void 0,void 0,(function*(){const{status:o}=yield(0,w.U2)(`/job-status/${e}`);return["waiting","processing"].includes(o)?y(e):o}))}var k=t(5865);const E=({materialSlots:e,modelSlots:o})=>{e.sort(((e,o)=>e.slot>o.slot?1:e.slot<o.slot?-1:0)),o.sort(((e,o)=>e.slot>o.slot?1:e.slot<o.slot?-1:0)),o.forEach((e=>{E(e.activeModel)}))};var C=E;class S extends Error{constructor(e){super(e),this.name="ViewerError"}}var M=function(e,o,t,n){return new(t||(t=Promise))((function(r,i){function l(e){try{a(n.next(e))}catch(e){i(e)}}function u(e){try{a(n.throw(e))}catch(e){i(e)}}function a(e){var o;e.done?r(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(l,u)}a((n=n.apply(e,o||[])).next())}))};var P={create:({element:e,sku:o,name:t,popup:i=!0,progressBarPosition:a="top",progressBarColor:d,poster:c,autoRotate:s=!0,viewerProps:p})=>M(void 0,void 0,void 0,(function*(){return new Promise(((f,E)=>M(void 0,void 0,void 0,(function*(){if(!u.Z.init)return E(new Error("R2U - Not initialized"));if(!o)return E(new Error("R2U - Missing SKU"));const{glb:P,name:z,viewerOptions:O}=yield(0,g.Z)(o);let R=P;const I=u.Z.customer.waterMarkPosition,N=O||u.Z.customer.viewerOptions||void 0,H=(0,n.createRef)(),A=(0,n.createRef)(),V=(0,n.createRef)(),j=o=>M(void 0,void 0,void 0,(function*(){return new Promise(((l,u)=>M(void 0,void 0,void 0,(function*(){try{const{glb:u}=yield(0,g.Z)(o);R=u,r.render(n.createElement(v,Object.assign({glbSrc:R,alt:t||z,autoRotate:s,poster:c,refViewer:H,refViewerPopup:A,refViewerFunctions:V,waterMarkPosition:I,progressBarPosition:a,progressBarColor:d,popup:i},N,p,{componentDidMount:b.E9.componentDidMount,onClick:e=>{b.E9.onClick(),(null==p?void 0:p.onClick)&&(null==p||p.onClick(e))},onSessionTimeCollect:b.E9.onSessionTimeCollect,ModelViewerElement:m(),onLoad:l})),e)}catch(e){u(e)}}))))})),B=(...e)=>{var o;null===(o=V.current)||void 0===o||o.insertModelNode(...e)},$=(...e)=>M(void 0,void 0,void 0,(function*(){var o;yield null===(o=V.current)||void 0===o?void 0:o.insertSlotModelNode(...e)})),Z=(...e)=>{var o;null===(o=V.current)||void 0===o||o.deleteModelNode(...e)},T=(...e)=>{var o;null===(o=V.current)||void 0===o||o.updateBloom(...e)},U=(...e)=>{var o;null===(o=V.current)||void 0===o||o.setMaterial(...e)},D=()=>{var e;return(null===(e=V.current)||void 0===e?void 0:e.getAllSlotsMaterials())||null},F=()=>{var e;return(null===(e=V.current)||void 0===e?void 0:e.getAllSlotsModels())||null},_=(...e)=>{var o;null===(o=V.current)||void 0===o||o.setModel(...e)},L=(...e)=>{var o;null===(o=V.current)||void 0===o||o.setCamera(...e)},G=(...e)=>{var o;null===(o=V.current)||void 0===o||o.updateShadow(...e)},J=(...e)=>{var o;null===(o=V.current)||void 0===o||o.updateFog(...e)},Q=(...e)=>{var o;null===(o=V.current)||void 0===o||o.updateBloomProps(...e)},K=(...e)=>{var o;null===(o=V.current)||void 0===o||o.updateEnvironment(...e)},q=()=>{var e;return(null===(e=V.current)||void 0===e?void 0:e.getCamera())||null},W=()=>M(void 0,void 0,void 0,(function*(){if(!V.current)throw new S("Viewer not completely loaded!");const e=V.current.getCurrentCustomization();if(!e)throw new S("No customization returned!");C(e);const t=yield x(o,e);if(!t.glb){const n=yield V.current.getCustomizedModel();if(!n)throw new S("Could not export the customization glb!");t.glb=yield function(e,o,t){return h(this,void 0,void 0,(function*(){const n=`/viewer-customization/customer/${u.Z.customer._id}/products/${e}/upload-customization-data?customization=${encodeURI(JSON.stringify(o))}`,r=yield(0,w.U2)(n),i=new File([t],r.filename),l=new FormData;return Object.keys(r.fields).forEach((e=>l.append(e,r.fields[e]))),l.append("file",i),yield fetch(r.url,{method:"POST",body:l}),r.url.concat(r.fields.key)}))}(o,e,n)}if(!t.usdz){const e=yield function(e,o){return h(this,void 0,void 0,(function*(){const t=`/viewer-customization/customers/${u.Z.customer._id}/products/${e}/convert`;return yield(0,w.v_)(t,{filename:o})}))}(o,t.glb.split("/").pop());if("success"!==(yield y(e.jobId)))throw new S("Error while converting to usdz!");t.usdz=e.usdz}return x(o,e),t})),X=()=>M(void 0,void 0,void 0,(function*(){try{const e=yield W();return(0,k.activateAR)({glb:e.glb,usdz:e.usdz,mode:"ar_preferred"}),!0}catch(e){return console.error(`Error opening AR: ${e.message}`),!1}})),Y=e=>M(void 0,void 0,void 0,(function*(){try{const o=yield W(),t=`https://viewer.r2u.io/?glb=${encodeURIComponent(o.glb)}&usdz=${encodeURIComponent(o.usdz)}&autoOpen=1`;return r.render(n.createElement(l(),Object.assign({},{"data-url":t},{value:t,style:{width:"100%",height:"100%"},renderAs:"svg"})),e),!0}catch(e){return console.error(`Error generating QR Code: ${e.message}`),!1}})),ee=(...e)=>{V.current&&V.current.downloadGlb(...e)},oe=e=>M(void 0,void 0,void 0,(function*(){const o=setInterval((()=>{V.current&&(clearInterval(o),e())}),200);setTimeout((()=>{if(!V.current)throw clearInterval(o),new Error("Internal error: Unable to load viewerRefFunctions.")}),1e4)})),te=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.insertHotspot(...e)}))})),ne=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.updateHotspot(...e)}))})),re=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.deleteHotspot(...e)}))})),ie=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.showHotspot(...e)}))})),le=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.hideHotspot(...e)}))})),ue=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.focusHotspot(...e)}))})),ae=()=>{var e;return(null===(e=V.current)||void 0===e?void 0:e.getActiveHotspotId())||null},de=(...e)=>M(void 0,void 0,void 0,(function*(){yield oe((()=>{var o;return null===(o=V.current)||void 0===o?void 0:o.lookToHotspot(...e)}))})),ce=(...e)=>{var o;return(null===(o=V.current)||void 0===o?void 0:o.getAnimationIds(...e))||[]},se=(...e)=>M(void 0,void 0,void 0,(function*(){var o;yield null===(o=V.current)||void 0===o?void 0:o.playAnimation(...e)})),pe=(...e)=>M(void 0,void 0,void 0,(function*(){var o;null===(o=V.current)||void 0===o||o.stopAnimation(...e)}));r.render(n.createElement(v,Object.assign({glbSrc:R,alt:t||z,autoRotate:s,poster:c,refViewer:H,refViewerPopup:A,refViewerFunctions:V,waterMarkPosition:I,progressBarPosition:a,progressBarColor:d,popup:i},N,p,{componentDidMount:b.E9.componentDidMount,onClick:e=>{b.E9.onClick(),(null==p?void 0:p.onClick)&&(null==p||p.onClick(e))},onSessionTimeCollect:b.E9.onSessionTimeCollect,ModelViewerElement:m(),onLoad:()=>{f({setSku:j,insertModelNode:B,insertSlotModelNode:$,deleteModelNode:Z,setMaterial:U,getAllSlotsMaterials:D,updateBloom:T,getAllSlotsModels:F,setModel:_,setCamera:L,updateShadow:G,updateFog:J,updateBloomProps:Q,updateEnvironment:K,getCamera:q,insertHotspot:te,updateHotspot:ne,deleteHotspot:re,showHotspot:ie,hideHotspot:le,focusHotspot:ue,getActiveHotspotId:ae,lookToHotspot:de,customization:{openAR:X,renderQRCode:Y},getAnimationIds:ce,playAnimation:se,stopAnimation:pe,downloadGlb:ee})}})),e)}))))}))}},5671:function(e,o,t){function n(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}t.d(o,{Z:function(){return n}})},3144:function(e,o,t){function n(e,o){for(var t=0;t<o.length;t++){var n=o[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,o,t){return o&&n(e.prototype,o),t&&n(e,t),e}t.d(o,{Z:function(){return r}})},4942:function(e,o,t){function n(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}t.d(o,{Z:function(){return n}})},1002:function(e,o,t){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}t.d(o,{Z:function(){return n}})}}]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@r2u/javascript-ar-sdk",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.14.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"unpkg": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@r2u/analytics": "^4.3.3",
|
|
28
28
|
"@r2u/react-ar-components": "^5.4.15",
|
|
29
|
-
"@r2u/viewer": "^1.5.
|
|
29
|
+
"@r2u/viewer": "^1.5.16",
|
|
30
30
|
"@types/react-slick": "^0.23.10",
|
|
31
31
|
"i18next": "^20.2.1",
|
|
32
32
|
"i18next-chained-backend": "^2.1.0",
|