@r2u/javascript-ar-sdk 6.22.0 → 6.22.2
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/ar.bundle.js +1 -1
- package/dist/assets/icons.js +18 -0
- package/dist/assets/icons.js.map +1 -0
- package/dist/components/Modal/Canvas/index.js +11 -0
- package/dist/components/Modal/Canvas/index.js.map +1 -0
- package/dist/components/Modal/Canvas/styles.js +34 -0
- package/dist/components/Modal/Canvas/styles.js.map +1 -0
- package/dist/components/Modal/Context.js +27 -0
- package/dist/components/Modal/Context.js.map +1 -0
- package/dist/components/Modal/Feedback/Confirm.js +16 -0
- package/dist/components/Modal/Feedback/Confirm.js.map +1 -0
- package/dist/components/Modal/Feedback/Main.js +16 -0
- package/dist/components/Modal/Feedback/Main.js.map +1 -0
- package/dist/components/Modal/Feedback/index.js +31 -0
- package/dist/components/Modal/Feedback/index.js.map +1 -0
- package/dist/components/Modal/Feedback/styles.js +100 -0
- package/dist/components/Modal/Feedback/styles.js.map +1 -0
- package/dist/components/Modal/Instructions/index.js +50 -0
- package/dist/components/Modal/Instructions/index.js.map +1 -0
- package/dist/components/Modal/Instructions/styles.js +137 -0
- package/dist/components/Modal/Instructions/styles.js.map +1 -0
- package/dist/components/Modal/InstructionsAmericanas/index.js +50 -0
- package/dist/components/Modal/InstructionsAmericanas/index.js.map +1 -0
- package/dist/components/Modal/InstructionsAmericanas/styles.js +116 -0
- package/dist/components/Modal/InstructionsAmericanas/styles.js.map +1 -0
- package/dist/components/Modal/InstructionsMolduraMinuto/index.js +103 -0
- package/dist/components/Modal/InstructionsMolduraMinuto/index.js.map +1 -0
- package/dist/components/Modal/InstructionsMolduraMinuto/styles.js +77 -0
- package/dist/components/Modal/InstructionsMolduraMinuto/styles.js.map +1 -0
- package/dist/components/Modal/InstructionsYDigital/index.js +50 -0
- package/dist/components/Modal/InstructionsYDigital/index.js.map +1 -0
- package/dist/components/Modal/InstructionsYDigital/styles.js +137 -0
- package/dist/components/Modal/InstructionsYDigital/styles.js.map +1 -0
- package/dist/components/Modal/InstructionsYDigitalVideo/index.js +44 -0
- package/dist/components/Modal/InstructionsYDigitalVideo/index.js.map +1 -0
- package/dist/components/Modal/InstructionsYDigitalVideo/styles.js +137 -0
- package/dist/components/Modal/InstructionsYDigitalVideo/styles.js.map +1 -0
- package/dist/components/Modal/Social/index.js +20 -0
- package/dist/components/Modal/Social/index.js.map +1 -0
- package/dist/components/Modal/Social/styles.js +85 -0
- package/dist/components/Modal/Social/styles.js.map +1 -0
- package/dist/components/Modal/Viewer/index.js +26 -0
- package/dist/components/Modal/Viewer/index.js.map +1 -0
- package/dist/components/Modal/Viewer/styles.js +56 -0
- package/dist/components/Modal/Viewer/styles.js.map +1 -0
- package/dist/components/Modal/ViewerFull/index.js +15 -0
- package/dist/components/Modal/ViewerFull/index.js.map +1 -0
- package/dist/components/Modal/ViewerFull/styles.js +12 -0
- package/dist/components/Modal/ViewerFull/styles.js.map +1 -0
- package/dist/components/R2UModelViewer/ProgressBar/index.js +9 -0
- package/dist/components/R2UModelViewer/ProgressBar/index.js.map +1 -0
- package/dist/components/R2UModelViewer/ProgressBar/styles.js +54 -0
- package/dist/components/R2UModelViewer/ProgressBar/styles.js.map +1 -0
- package/dist/components/R2UModelViewer/ProgressBar/types.js +1 -0
- package/dist/components/R2UModelViewer/ProgressBar/types.js.map +1 -0
- package/dist/components/R2UModelViewer/index.js +63 -0
- package/dist/components/R2UModelViewer/index.js.map +1 -0
- package/dist/components/R2UModelViewer/styles.js +128 -0
- package/dist/components/R2UModelViewer/styles.js.map +1 -0
- package/dist/components/WaterMark/index.js +9 -0
- package/dist/components/WaterMark/index.js.map +1 -0
- package/dist/components/WaterMark/styles.js +26 -0
- package/dist/components/WaterMark/styles.js.map +1 -0
- package/dist/config/i18n.js +69 -0
- package/dist/config/i18n.js.map +1 -0
- package/dist/error/ViewerError.js +7 -0
- package/dist/error/ViewerError.js.map +1 -0
- package/dist/fonts/index.js +9 -0
- package/dist/fonts/index.js.map +1 -0
- package/dist/{src/index.d.ts → index.d.ts} +1 -1
- package/dist/index.js +25 -1
- package/dist/index.js.map +1 -0
- package/dist/init.bundle.js +1 -1
- package/dist/locales/en/translation.json +36 -0
- package/dist/methods/analytics.js +17 -0
- package/dist/methods/analytics.js.map +1 -0
- package/dist/methods/ar.js +372 -0
- package/dist/methods/ar.js.map +1 -0
- package/dist/methods/config.js +40 -0
- package/dist/methods/config.js.map +1 -0
- package/dist/methods/init.js +51 -0
- package/dist/methods/init.js.map +1 -0
- package/dist/methods/qrCode.js +48 -0
- package/dist/methods/qrCode.js.map +1 -0
- package/dist/{src/methods → methods}/sku.d.ts +1 -1
- package/dist/methods/sku.js +47 -0
- package/dist/methods/sku.js.map +1 -0
- package/dist/methods/types.js +1 -0
- package/dist/methods/types.js.map +1 -0
- package/dist/methods/viewer.js +310 -0
- package/dist/methods/viewer.js.map +1 -0
- package/dist/screens/Fallback/index.js +22 -0
- package/dist/screens/Fallback/index.js.map +1 -0
- package/dist/{src/screens → screens}/Feedback/index.d.ts +1 -1
- package/dist/screens/Feedback/index.js +21 -0
- package/dist/screens/Feedback/index.js.map +1 -0
- package/dist/{src/screens → screens}/Instructions/index.d.ts +1 -1
- package/dist/screens/Instructions/index.js +48 -0
- package/dist/screens/Instructions/index.js.map +1 -0
- package/dist/screens/Social/index.js +9 -0
- package/dist/screens/Social/index.js.map +1 -0
- package/dist/services/analytics.js +219 -0
- package/dist/services/analytics.js.map +1 -0
- package/dist/services/constants.js +65 -0
- package/dist/services/constants.js.map +1 -0
- package/dist/services/cookies.js +19 -0
- package/dist/services/cookies.js.map +1 -0
- package/dist/services/customer.js +17 -0
- package/dist/services/customer.js.map +1 -0
- package/dist/services/customization.js +73 -0
- package/dist/services/customization.js.map +1 -0
- package/dist/services/product.js +49 -0
- package/dist/services/product.js.map +1 -0
- package/dist/services/requests.js +55 -0
- package/dist/services/requests.js.map +1 -0
- package/dist/sku.bundle.js +1 -1
- package/dist/{src/state.d.ts → state.d.ts} +1 -1
- package/dist/state.js +23 -0
- package/dist/state.js.map +1 -0
- package/dist/types/Viewer.js +1 -0
- package/dist/types/Viewer.js.map +1 -0
- package/dist/types/index.js +1 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/sortCustomization.js +10 -0
- package/dist/utils/sortCustomization.js.map +1 -0
- package/dist/{vendors.fe050b32669a2a3c34a3.bundle.js → vendors.7d567adcf040d43f7345.bundle.js} +1 -1
- package/package.json +5 -3
- /package/dist/{src/assets → assets}/icons.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Canvas/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Canvas/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Context.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Feedback/Confirm.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Feedback/Main.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Feedback/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Feedback/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Instructions/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Instructions/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsAmericanas/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsAmericanas/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsMolduraMinuto/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsMolduraMinuto/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsYDigital/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsYDigital/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsYDigitalVideo/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/InstructionsYDigitalVideo/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Social/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Social/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Viewer/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/Viewer/styles.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/ViewerFull/index.d.ts +0 -0
- /package/dist/{src/components → components}/Modal/ViewerFull/styles.d.ts +0 -0
- /package/dist/{src/components → components}/R2UModelViewer/ProgressBar/index.d.ts +0 -0
- /package/dist/{src/components → components}/R2UModelViewer/ProgressBar/styles.d.ts +0 -0
- /package/dist/{src/components → components}/R2UModelViewer/ProgressBar/types.d.ts +0 -0
- /package/dist/{src/components → components}/R2UModelViewer/index.d.ts +0 -0
- /package/dist/{src/components → components}/R2UModelViewer/styles.d.ts +0 -0
- /package/dist/{src/components → components}/WaterMark/index.d.ts +0 -0
- /package/dist/{src/components → components}/WaterMark/styles.d.ts +0 -0
- /package/dist/{src/config → config}/i18n.d.ts +0 -0
- /package/dist/{src/error → error}/ViewerError.d.ts +0 -0
- /package/dist/{src/fonts → fonts}/index.d.ts +0 -0
- /package/dist/{src/methods → methods}/analytics.d.ts +0 -0
- /package/dist/{src/methods → methods}/ar.d.ts +0 -0
- /package/dist/{src/methods → methods}/config.d.ts +0 -0
- /package/dist/{src/methods → methods}/init.d.ts +0 -0
- /package/dist/{src/methods → methods}/qrCode.d.ts +0 -0
- /package/dist/{src/methods → methods}/types.d.ts +0 -0
- /package/dist/{src/methods → methods}/viewer.d.ts +0 -0
- /package/dist/{src/screens → screens}/Fallback/index.d.ts +0 -0
- /package/dist/{src/screens → screens}/Social/index.d.ts +0 -0
- /package/dist/{src/services → services}/analytics.d.ts +0 -0
- /package/dist/{src/services → services}/constants.d.ts +0 -0
- /package/dist/{src/services → services}/cookies.d.ts +0 -0
- /package/dist/{src/services → services}/customer.d.ts +0 -0
- /package/dist/{src/services → services}/customization.d.ts +0 -0
- /package/dist/{src/services → services}/product.d.ts +0 -0
- /package/dist/{src/services → services}/requests.d.ts +0 -0
- /package/dist/{src/types → types}/Viewer.d.ts +0 -0
- /package/dist/{src/types → types}/index.d.ts +0 -0
- /package/dist/{src/utils → utils}/sortCustomization.d.ts +0 -0
package/dist/ar.bundle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! For license information please see ar.bundle.js.LICENSE.txt */
|
|
2
|
-
"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,e||t||"en"),o=(0,l.Bv)(),c=["translation"];return new Promise(((e,t)=>{d.use(r.Z).init({debug:!1,react:{useSuspense:!1},lng:n,fallbackLng:!1,supportedLngs:["pt","en","es"],ns:c,defaultNS:"translation",fallbackNS:"translation",load:"currentOnly",preload:[n],interpolation:{escapeValue:!1},backend:{backends:[i.Z,a.Z],backendOptions:[{prefix:"i18next_res_r2u_sdk_",enabled:!0,expirationTime:6048e5},{loadPath:`${o}/locales/{{lng}}/{{ns}}.json`,allowMultiloading:!0}]}},(n=>{n&&t(new Error("R2U - Translation init failed")),e()}))}))}))}},
|
|
2
|
+
"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,e||t||"en"),o=(0,l.Bv)(),c=["translation"];return new Promise(((e,t)=>{d.use(r.Z).init({debug:!1,react:{useSuspense:!1},lng:n,fallbackLng:!1,supportedLngs:["pt","en","es"],ns:c,defaultNS:"translation",fallbackNS:"translation",load:"currentOnly",preload:[n],interpolation:{escapeValue:!1},backend:{backends:[i.Z,a.Z],backendOptions:[{prefix:"i18next_res_r2u_sdk_",enabled:!0,expirationTime:6048e5},{loadPath:`${o}/locales/{{lng}}/{{ns}}.json`,allowMultiloading:!0}]}},(n=>{n&&t(new Error("R2U - Translation init failed")),e()}))}))}))}},8814:function(e,t,n){n.r(t),n.d(t,{default:function(){return Pe}});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),p=n(7374),u=n(2297),f=n(6339),h=n(6504);const g=(0,o.createContext)({}),b=({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(g.Provider,{value:{isOpen:a,openModal:l,closeModal:()=>{r(),i(!1)},toggleModal:()=>{i(!a)}}},o.createElement(f.a,{i18n:h.f2},a?e:null))};var v=n(6793),x=n(1841),w=n.n(x),E=n(9163);const y=E.default.div`
|
|
3
3
|
.text {
|
|
4
4
|
margin: auto;
|
|
5
5
|
padding: 10px;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const FiArrowLeft = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, props),
|
|
3
|
+
React.createElement("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
|
|
4
|
+
React.createElement("polyline", { points: "12 19 5 12 12 5" })));
|
|
5
|
+
export const AiFillCheckCircle = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 1024 1024", fill: "#8ec396" }, props),
|
|
6
|
+
React.createElement("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" })));
|
|
7
|
+
export const AiFillLike = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", className: "icon", viewBox: "0 0 1024 1024", fill: "#fff" }, props),
|
|
8
|
+
React.createElement("path", { d: "M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 0 0-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 0 0 471 99.9c-52 0-98 35-111.8 85.1l-85.9 311h-.3v428h472.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM112 528v364c0 17.7 14.3 32 32 32h65V496h-65c-17.7 0-32 14.3-32 32z" })));
|
|
9
|
+
export const AiFillDislike = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", className: "icon", viewBox: "0 0 1024 1024", fill: "#fff" }, props),
|
|
10
|
+
React.createElement("path", { d: "M885.9 490.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 0 0-26.5-5.4H273v428h.3l85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zM112 132v364c0 17.7 14.3 32 32 32h65V100h-65c-17.7 0-32 14.3-32 32z" })));
|
|
11
|
+
export const LightOff = (props) => (React.createElement("svg", Object.assign({ width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
12
|
+
React.createElement("path", { d: "M15.0002 37.4C15.0002 38.3167 15.7502 39.0667 16.6668 39.0667H23.3335C24.2502 39.0667 25.0002 38.3167 25.0002 37.4V35.7334H15.0002V37.4ZM20.0002 6.93335C13.5668 6.93335 8.3335 12.1667 8.3335 18.6C8.3335 22.5667 10.3168 26.05 13.3335 28.1667V31.9334C13.3335 32.85 14.0835 33.6 15.0002 33.6H25.0002C25.9168 33.6 26.6668 32.85 26.6668 31.9334V28.1667C29.6835 26.05 31.6668 22.5667 31.6668 18.6C31.6668 12.1667 26.4335 6.93335 20.0002 6.93335ZM24.7502 25.4334L23.3335 26.4334V30.2667H16.6668V26.4334L15.2502 25.4334C13.0002 23.8667 11.6668 21.3167 11.6668 18.6C11.6668 14 15.4002 10.2667 20.0002 10.2667C24.6002 10.2667 28.3335 14 28.3335 18.6C28.3335 21.3167 27.0002 23.8667 24.7502 25.4334Z", fill: "#AFAFAF" })));
|
|
13
|
+
export const LightOn = (props) => (React.createElement("svg", Object.assign({ width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
14
|
+
React.createElement("path", { d: "M15.3716 37.26C15.3716 38.107 16.0659 38.8 16.9145 38.8H23.0859C23.9345 38.8 24.6288 38.107 24.6288 37.26V35.72H15.3716V37.26ZM20.0002 8C14.0448 8 9.2002 12.8356 9.2002 18.78C9.2002 22.4452 11.0362 25.6638 13.8288 27.6196V31.1C13.8288 31.947 14.5231 32.64 15.3716 32.64H24.6288C25.4773 32.64 26.1716 31.947 26.1716 31.1V27.6196C28.9642 25.6638 30.8002 22.4452 30.8002 18.78C30.8002 12.8356 25.9556 8 20.0002 8ZM24.3973 25.094L23.0859 26.018V29.56H16.9145V26.018L15.6031 25.094C13.5202 23.6464 12.2859 21.2902 12.2859 18.78C12.2859 14.5296 15.7419 11.08 20.0002 11.08C24.2585 11.08 27.7145 14.5296 27.7145 18.78C27.7145 21.2902 26.4802 23.6464 24.3973 25.094Z", fill: "#003E58" }),
|
|
15
|
+
React.createElement("path", { d: "M34.0166 6.51666L31.6666 4.16666L28.6833 7.16666L31.0333 9.51666L34.0166 6.51666ZM21.5999 5L18.2666 5L18.2666 -5.134e-06L21.5999 -4.84259e-06L21.5999 5ZM38.2666 20L33.2666 20L33.2666 16.6667L38.2666 16.6667L38.2666 20ZM6.59993 20L1.59993 20L1.59993 16.6667L6.59993 16.6667L6.59993 20ZM11.1999 7.15L8.2166 4.14999L5.8666 6.49999L8.8666 9.48333L11.1999 7.15Z", fill: "#003E58" })));
|
|
16
|
+
export const AmericanasLogo = (props) => (React.createElement("svg", Object.assign({ width: "137", height: "27", viewBox: "0 0 137 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
17
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.0906369 23.7492V27H137V23.7492H0.0906369ZM129.725 6.59205C133.546 6.59205 135.365 8.127 135.546 10.9262H132.089C131.907 9.66195 131.089 9.21038 129.724 9.21038C128.268 9.21038 127.543 9.66195 127.543 10.2938C127.543 11.3771 128.633 11.3771 131.728 12.1898C134.275 12.8216 135.822 13.9961 135.913 16.1629C135.731 19.5946 133.275 20.6779 129.909 20.6779C126.088 20.6779 123.905 19.0526 123.814 15.982H127.362C127.544 17.8781 128.997 17.9685 130.182 17.9685C131.366 17.9685 132.363 17.6074 132.363 16.7042C132.453 15.44 130.27 15.44 128.269 14.8082C126.361 14.3566 124.084 13.6343 124.175 11.0153C124.358 7.58498 127.178 6.59205 129.725 6.59205ZM115.988 6.59205C118.08 6.59205 121.628 6.95318 121.628 10.746V18.5119C121.645 18.7407 121.711 18.9633 121.821 19.1655C121.93 19.3676 122.081 19.5448 122.264 19.6857V20.2257H118.535C118.327 19.7064 118.205 19.1577 118.171 18.6003C117.681 19.2188 117.061 19.7249 116.355 20.0837C115.649 20.4425 114.873 20.6454 114.08 20.6786C111.714 20.6786 109.895 19.2341 109.895 16.7056C109.985 13.5452 111.803 12.823 114.807 12.281C116.263 12.1905 118.173 12.011 118.173 10.8365C118.173 9.39195 116.99 9.39195 115.899 9.3015C114.443 9.39195 113.807 9.8415 113.625 11.1976H110.259C110.53 7.94678 112.531 6.59205 115.988 6.59205ZM86.8771 6.59205C89.5152 6.59205 92.4264 7.4952 92.4264 10.3849V18.2412C92.3921 18.5138 92.4435 18.7902 92.5738 19.0327C92.7041 19.2752 92.9068 19.4719 93.1542 19.5959V20.1359H89.3332C89.2061 19.6313 89.115 19.1183 89.0606 18.601C88.5409 19.202 87.9004 19.6891 87.1799 20.0312C86.4594 20.3732 85.6749 20.5627 84.8763 20.5875C82.3289 20.4971 80.6913 19.2328 80.6913 16.6145C80.782 13.6343 82.5995 12.4605 86.7865 12.0994C87.8769 12.0089 88.8787 11.6478 88.8787 10.7447C88.8787 9.38993 87.6049 9.38993 86.6979 9.30015C84.9697 9.3906 84.7898 10.0224 84.5172 11.1962H81.0553C81.3285 7.94678 83.3294 6.59205 86.8771 6.59205ZM73.2312 6.5016C77.4161 6.5016 78.9624 8.57858 79.235 11.5587L75.5959 11.6492C75.3233 10.1142 74.4136 9.48173 73.3218 9.48173C70.8685 9.48173 70.5959 11.8294 70.5959 13.7261C70.5959 16.2547 71.4137 17.6992 73.2339 17.6992C74.8695 17.6087 75.2354 17.0674 75.5993 15.3515H79.1471C78.6919 18.5119 76.5997 20.5889 73.1433 20.5889C68.8677 20.4984 66.9575 17.9699 66.9575 13.7261C66.9547 8.9397 69.4108 6.59205 73.2319 6.5016H73.2312ZM42.2102 6.59205C45.576 6.59205 48.5779 8.21745 48.4873 14.4484H43.9844H39.4816C39.4816 16.5254 40.6639 17.7896 42.4835 17.7896C42.9893 17.8059 43.4879 17.6672 43.9112 17.3925C44.3345 17.1178 44.662 16.7205 44.8489 16.2547H48.3967C47.9421 18.6023 45.6708 20.5889 42.3928 20.5889C41.2105 20.5889 35.9338 20.2277 35.9338 13.6363C35.9338 8.48812 39.0263 6.59205 42.2109 6.59205H42.2102ZM6.09175 6.59205C8.72976 6.59205 11.7317 7.3143 11.7317 10.2944V18.2412C11.6973 18.5138 11.7488 18.7902 11.8791 19.0327C12.0093 19.2752 12.2121 19.4719 12.4595 19.5959V20.1359H8.64253C8.49995 19.6346 8.40862 19.1204 8.36994 18.601C7.85016 19.2021 7.20952 19.6893 6.48893 20.0313C5.76834 20.3734 4.98364 20.5628 4.18497 20.5875C1.72823 20.5875 0 19.2341 0 16.6151C0 12.7325 3.27519 12.3707 6.09516 12.1C7.27753 12.0096 8.2759 11.6485 8.2759 10.7453C8.2759 9.3906 7.00221 9.3906 6.09516 9.30083C4.36692 9.39128 4.18701 10.0231 3.82106 11.1969H0.454547C0.727821 7.2225 3.6391 6.59205 6.09516 6.59205H6.09175ZM102.976 6.59205C105.523 6.6825 107.524 7.58565 107.524 11.288V20.2277H103.98V12.1007C104.071 10.5658 103.526 9.48173 101.8 9.48173C99.6188 9.48173 99.0736 11.288 99.0736 13.0032V20.2257H95.5258V6.9525H98.9829V8.84858C99.3599 8.13204 99.9372 7.53819 100.646 7.13802C101.355 6.73786 102.165 6.54832 102.979 6.59205H102.976ZM29.6532 6.59205C33.1104 6.86205 34.0202 9.21105 33.8382 11.8294V20.2271H30.2932V11.7389C30.3094 11.4655 30.2701 11.1917 30.1777 10.9336C30.0852 10.6755 29.9414 10.4384 29.7548 10.2363C29.5682 10.0342 29.3425 9.87127 29.0912 9.75708C28.8399 9.64289 28.568 9.57978 28.2917 9.5715C26.4721 9.8415 26.1995 10.7453 26.0176 12.2803V20.2271H22.4698V12.281C22.5604 10.746 22.1059 9.57218 20.5616 9.57218C18.3441 9.65993 18.2889 10.6927 18.2875 12.0832V20.2277H14.737V6.9525H18.1028V8.84858C18.4402 8.13805 18.9842 7.54356 19.665 7.14138C20.3458 6.7392 21.1324 6.54767 21.9239 6.59137C22.6967 6.51854 23.4722 6.70025 24.1301 7.10835C24.7881 7.51645 25.2917 8.12813 25.563 8.84858C25.9642 8.13104 26.5604 7.53927 27.284 7.14041C28.0076 6.74155 28.8296 6.55157 29.6567 6.59205H29.6532ZM64.222 6.86205V20.1366H60.6776V6.86273L64.222 6.86205ZM58.4908 6.59205H58.5814V10.1135C56.6733 10.0231 54.3058 9.84353 54.3058 13.8159V20.1373H50.8527V6.86273H54.1279V9.21038C55.4043 6.9525 56.6753 6.5016 58.4942 6.59205H58.4908ZM8.36926 13.7255C6.91362 14.7191 3.54779 14.0866 3.54779 16.4342C3.63842 17.6081 4.18429 18.0596 5.27602 18.0596C7.82339 17.6087 8.46058 16.8865 8.36926 13.7255ZM88.8787 13.7255C88.1504 14.1286 87.3443 14.3748 86.5132 14.4477C85.0576 14.5382 84.1478 14.9877 84.1478 16.3438C84.2384 17.6081 84.8756 18.0596 85.876 18.0596C88.4241 17.6087 89.1519 16.6151 88.8787 13.7255ZM118.171 13.7255C117.407 14.1178 116.575 14.3629 115.718 14.4477C114.718 14.5382 113.353 14.8993 113.353 16.3438C113.353 17.7883 114.353 17.9692 115.081 18.0596C117.444 17.8794 118.169 16.796 118.169 13.7255H118.171ZM42.3015 9.39128C40.3934 9.39128 39.7541 10.746 39.6635 12.1905H45.0308C45.0395 11.8286 44.9756 11.4686 44.8427 11.1313C44.7098 10.7941 44.5106 10.4864 44.2567 10.226C44.0028 9.96557 43.6993 9.7577 43.3636 9.61442C43.028 9.47113 42.667 9.39528 42.3015 9.39128ZM0.0906369 0V3.2508H137V0H0.0906369Z", fill: "white" })));
|
|
18
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/assets/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,CAAC,MAAM,WAAW,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CAC5D,2CACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,IAClB,KAAK;IAET,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACvC,kCAAU,MAAM,EAAC,iBAAiB,GAAG,CACjC,CACP,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CAClE,2CAAK,OAAO,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,IAAK,KAAK;IACnD,8BAAM,CAAC,EAAC,oRAAoR,GAAG,CAC3R,CACP,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CAC3D,2CACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,eAAe,EACvB,IAAI,EAAC,MAAM,IACP,KAAK;IAET,8BAAM,CAAC,EAAC,kdAAkd,GAAG,CACzd,CACP,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CAC9D,2CACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,eAAe,EACvB,IAAI,EAAC,MAAM,IACP,KAAK;IAET,8BAAM,CAAC,EAAC,0cAA0c,GAAG,CACjd,CACP,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CACzD,2CACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,8BACE,CAAC,EAAC,krBAAkrB,EACprB,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CACxD,2CACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,8BACE,CAAC,EAAC,opBAAopB,EACtpB,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,sWAAsW,EACxW,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,KAAY,EAAE,EAAE,CAAC,CAC/D,2CACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+3KAA+3K,EACj4K,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Background, GlobalStyle } from './styles';
|
|
3
|
+
import root from 'react-shadow/styled-components';
|
|
4
|
+
const Canvas = ({ children, color = 'white' }) => {
|
|
5
|
+
return (React.createElement(root.div, null,
|
|
6
|
+
React.createElement(Background, { color: color },
|
|
7
|
+
React.createElement(GlobalStyle, null),
|
|
8
|
+
children)));
|
|
9
|
+
};
|
|
10
|
+
export default Canvas;
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Canvas/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,IAAI,MAAM,gCAAgC,CAAA;AAOjD,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,OAAO,EAAS,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,IAAI,CAAC,GAAG;QACP,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK;YACtB,oBAAC,WAAW,OAAG;YACd,QAAQ,CACE,CACJ,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
|
2
|
+
import styled, { createGlobalStyle } from 'styled-components';
|
|
3
|
+
export const Background = styled.div `
|
|
4
|
+
display: block;
|
|
5
|
+
position: fixed;
|
|
6
|
+
top: 0;
|
|
7
|
+
left: 0;
|
|
8
|
+
right: 0;
|
|
9
|
+
bottom: 0;
|
|
10
|
+
background-color: ${({ color }) => color};
|
|
11
|
+
z-index: 9999999;
|
|
12
|
+
overflow: auto;
|
|
13
|
+
|
|
14
|
+
.exit {
|
|
15
|
+
position: fixed;
|
|
16
|
+
top: 0;
|
|
17
|
+
left: 0;
|
|
18
|
+
z-index: 999999;
|
|
19
|
+
margin: 12px;
|
|
20
|
+
padding: 3px;
|
|
21
|
+
background: none;
|
|
22
|
+
border: none;
|
|
23
|
+
outline: none;
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
export const GlobalStyle = createGlobalStyle `
|
|
27
|
+
html {
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
}
|
|
30
|
+
body {
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
}
|
|
33
|
+
`;
|
|
34
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Canvas/styles.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,MAAM,EAAE,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAM7D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAiB;;;;;;;sBAO/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;;;;;;;;;;;;;;CAezC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAA;;;;;;;CAO3C,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React, { createContext, useState } from 'react';
|
|
2
|
+
import { I18nextProvider } from 'react-i18next';
|
|
3
|
+
import { i18nInstance } from 'src/config/i18n';
|
|
4
|
+
export const ModalContext = createContext({});
|
|
5
|
+
export const ModalProvider = ({ children, openerElement, openerEvent, onClose = () => undefined, }) => {
|
|
6
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
7
|
+
const openModal = () => {
|
|
8
|
+
setIsOpen(true);
|
|
9
|
+
};
|
|
10
|
+
const closeModal = () => {
|
|
11
|
+
onClose();
|
|
12
|
+
setIsOpen(false);
|
|
13
|
+
};
|
|
14
|
+
const toggleModal = () => {
|
|
15
|
+
setIsOpen(!isOpen);
|
|
16
|
+
};
|
|
17
|
+
if (openerElement && openerEvent)
|
|
18
|
+
openerElement.addEventListener(openerEvent, openModal);
|
|
19
|
+
return (React.createElement(ModalContext.Provider, { value: {
|
|
20
|
+
isOpen,
|
|
21
|
+
openModal,
|
|
22
|
+
closeModal,
|
|
23
|
+
toggleModal,
|
|
24
|
+
} },
|
|
25
|
+
React.createElement(I18nextProvider, { i18n: i18nInstance }, isOpen ? children : null)));
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/components/Modal/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAgB9C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACvC,EAAsB,CACvB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,aAAa,EACb,WAAW,EACX,OAAO,GAAG,GAAS,EAAE,CAAC,SAAS,GACzB,EAAE,EAAE;IACV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,SAAS,GAAG,GAAS,EAAE;QAC3B,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,OAAO,EAAE,CAAA;QACT,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,aAAa,IAAI,WAAW;QAC9B,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,UAAU;YACV,WAAW;SACZ;QAED,oBAAC,eAAe,IAAC,IAAI,EAAE,YAAY,IAChC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACT,CACI,CACzB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
|
+
import { AiFillCheckCircle } from '../../../assets/icons';
|
|
3
|
+
import { ModalContext } from '../Context';
|
|
4
|
+
import { useTranslation } from 'react-i18next';
|
|
5
|
+
import { ConfirmContainer } from './styles';
|
|
6
|
+
const ConfirmFeedback = () => {
|
|
7
|
+
const { closeModal } = useContext(ModalContext);
|
|
8
|
+
const { t } = useTranslation();
|
|
9
|
+
setTimeout(closeModal, 2000);
|
|
10
|
+
return (React.createElement(ConfirmContainer, null,
|
|
11
|
+
React.createElement(AiFillCheckCircle, { width: 60, height: 60, cursor: "pointer" }),
|
|
12
|
+
React.createElement("span", { className: "title" }, t('feedback.confirm.title')),
|
|
13
|
+
React.createElement("span", null, t('feedback.confirm.text'))));
|
|
14
|
+
};
|
|
15
|
+
export default ConfirmFeedback;
|
|
16
|
+
//# sourceMappingURL=Confirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Confirm.js","sourceRoot":"","sources":["../../../../src/components/Modal/Feedback/Confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,eAAe,GAAa,GAAG,EAAE;IACrC,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,SAAS,GAAG;QAC7D,8BAAM,SAAS,EAAC,OAAO,IAAE,CAAC,CAAC,wBAAwB,CAAC,CAAQ;QAC5D,kCAAO,CAAC,CAAC,uBAAuB,CAAC,CAAQ,CACxB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useTranslation } from 'react-i18next';
|
|
3
|
+
import { AiFillDislike, AiFillLike } from '../../../assets/icons';
|
|
4
|
+
import { MainContainer } from './styles';
|
|
5
|
+
const Main = ({ onLike, onDislike }) => {
|
|
6
|
+
const { t } = useTranslation();
|
|
7
|
+
return (React.createElement(MainContainer, null,
|
|
8
|
+
React.createElement("span", { className: "title" }, t('feedback.main.title')),
|
|
9
|
+
React.createElement("div", { className: "buttons" },
|
|
10
|
+
React.createElement("button", { type: "button", className: "dislike", onClick: onDislike },
|
|
11
|
+
React.createElement(AiFillDislike, { width: 30, height: 30, cursor: "pointer" })),
|
|
12
|
+
React.createElement("button", { type: "button", className: "like", onClick: onLike },
|
|
13
|
+
React.createElement(AiFillLike, { width: 30, height: 30, cursor: "pointer" })))));
|
|
14
|
+
};
|
|
15
|
+
export default Main;
|
|
16
|
+
//# sourceMappingURL=Main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../../../src/components/Modal/Feedback/Main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAOxC,MAAM,IAAI,GAAoB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAS,EAAE,EAAE;IAC7D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,oBAAC,aAAa;QACZ,8BAAM,SAAS,EAAC,OAAO,IAAE,CAAC,CAAC,qBAAqB,CAAC,CAAQ;QACzD,6BAAK,SAAS,EAAC,SAAS;YACtB,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS;gBAC1D,oBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,SAAS,GAAG,CAClD;YACT,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM;gBACpD,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,SAAS,GAAG,CAC/C,CACL,CACQ,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { useContext, useEffect, useState } from 'react';
|
|
2
|
+
import { Content } from './styles';
|
|
3
|
+
import Canvas from '../Canvas';
|
|
4
|
+
import Confirm from './Confirm';
|
|
5
|
+
import Main from './Main';
|
|
6
|
+
import { useTranslation } from 'react-i18next';
|
|
7
|
+
import { ModalContext } from '../Context';
|
|
8
|
+
const FeedbackModal = ({ onLike, onDislike, onOpen, }) => {
|
|
9
|
+
const { closeModal } = useContext(ModalContext);
|
|
10
|
+
const { t } = useTranslation();
|
|
11
|
+
const [clicked, setClicked] = useState(false);
|
|
12
|
+
useEffect(onOpen, []);
|
|
13
|
+
const handleLike = () => {
|
|
14
|
+
setClicked(true);
|
|
15
|
+
onLike();
|
|
16
|
+
};
|
|
17
|
+
const handleDislike = () => {
|
|
18
|
+
setClicked(true);
|
|
19
|
+
onDislike();
|
|
20
|
+
};
|
|
21
|
+
return (React.createElement(Canvas, { color: "RGBA(0, 0, 0, 0.5)" },
|
|
22
|
+
React.createElement(Content, null,
|
|
23
|
+
React.createElement("div", { className: "balloon" },
|
|
24
|
+
clicked ? (React.createElement(Confirm, null)) : (React.createElement(Main, { onLike: handleLike, onDislike: handleDislike })),
|
|
25
|
+
React.createElement("button", { type: "button", className: "close", onClick: () => closeModal() },
|
|
26
|
+
React.createElement("span", { className: "finish" }, clicked
|
|
27
|
+
? t('feedback.confirm.button')
|
|
28
|
+
: t('feedback.main.button')))))));
|
|
29
|
+
};
|
|
30
|
+
export default FeedbackModal;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Feedback/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAQzC,MAAM,aAAa,GAA4B,CAAC,EAC9C,MAAM,EACN,SAAS,EACT,MAAM,GACQ,EAAE,EAAE;IAClB,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;IAErB,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IACD,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,SAAS,EAAE,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IAAC,KAAK,EAAC,oBAAoB;QAChC,oBAAC,OAAO;YACN,6BAAK,SAAS,EAAC,SAAS;gBACrB,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,OAAO,OAAG,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,GAAI,CACvD;gBACD,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAS,EAAE,CAAC,UAAU,EAAE;oBAEjC,8BAAM,SAAS,EAAC,QAAQ,IACrB,OAAO;wBACN,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC;wBAC9B,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CACxB,CACA,CACL,CACE,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
export const Content = styled.div `
|
|
3
|
+
display: grid;
|
|
4
|
+
place-content: center;
|
|
5
|
+
margin-top: 45%;
|
|
6
|
+
|
|
7
|
+
span {
|
|
8
|
+
font-family: Proxima-Nova, sans-serif;
|
|
9
|
+
font-stretch: normal;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
line-height: 1.25;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.balloon {
|
|
15
|
+
width: min(90vh, 38vh);
|
|
16
|
+
height: min(90vw, 32vh);
|
|
17
|
+
border-radius: 10px;
|
|
18
|
+
box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.49);
|
|
19
|
+
background-color: #ffffff;
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
|
|
23
|
+
.title {
|
|
24
|
+
font-weight: bold;
|
|
25
|
+
line-height: 1.25;
|
|
26
|
+
letter-spacing: normal;
|
|
27
|
+
text-align: center;
|
|
28
|
+
color: #000000;
|
|
29
|
+
margin-bottom: 2px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
button.close {
|
|
33
|
+
border: none;
|
|
34
|
+
border-top: solid 1px #c9c9c9;
|
|
35
|
+
outline: none;
|
|
36
|
+
background: none;
|
|
37
|
+
display: flex;
|
|
38
|
+
justify-content: center;
|
|
39
|
+
align-items: center;
|
|
40
|
+
margin-top: auto;
|
|
41
|
+
height: 50px;
|
|
42
|
+
|
|
43
|
+
span {
|
|
44
|
+
font-size: 14px;
|
|
45
|
+
line-height: 1.25;
|
|
46
|
+
letter-spacing: normal;
|
|
47
|
+
text-align: center;
|
|
48
|
+
color: #000000;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
`;
|
|
53
|
+
export const MainContainer = styled.div `
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-direction: column;
|
|
56
|
+
justify-content: left;
|
|
57
|
+
align-items: center;
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: 100%;
|
|
60
|
+
|
|
61
|
+
.title {
|
|
62
|
+
padding: 20px;
|
|
63
|
+
padding-bottom: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.buttons {
|
|
67
|
+
display: flex;
|
|
68
|
+
flex-direction: row;
|
|
69
|
+
align-items: center;
|
|
70
|
+
justify-content: space-evenly;
|
|
71
|
+
width: 100%;
|
|
72
|
+
height: 100%;
|
|
73
|
+
|
|
74
|
+
& > button {
|
|
75
|
+
width: 24%;
|
|
76
|
+
height: 55px;
|
|
77
|
+
border-radius: 5px;
|
|
78
|
+
border: none;
|
|
79
|
+
margin: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.dislike {
|
|
83
|
+
background-color: #d96a6a;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.like {
|
|
87
|
+
background-color: #a9ce8f;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
`;
|
|
91
|
+
export const ConfirmContainer = styled.div `
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
justify-content: space-evenly;
|
|
95
|
+
align-items: center;
|
|
96
|
+
text-align: center;
|
|
97
|
+
width: 100%;
|
|
98
|
+
height: 100%;
|
|
99
|
+
`;
|
|
100
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Feedback/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDhC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCtC,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzC,CAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { useContext, useEffect, useState } from 'react';
|
|
13
|
+
import { FiArrowLeft } from '../../../assets/icons';
|
|
14
|
+
import { Content } from './styles';
|
|
15
|
+
import Canvas from '../Canvas';
|
|
16
|
+
import { ModalContext } from '../Context';
|
|
17
|
+
import { useTranslation } from 'react-i18next';
|
|
18
|
+
const InstructionsModal = (_a) => {
|
|
19
|
+
var { hasWaterMark = true, onOpen, activateAR } = _a, arProps = __rest(_a, ["hasWaterMark", "onOpen", "activateAR"]);
|
|
20
|
+
const { closeModal } = useContext(ModalContext);
|
|
21
|
+
const { t } = useTranslation();
|
|
22
|
+
const [disabled, setDisabled] = useState(false);
|
|
23
|
+
useEffect(onOpen, []);
|
|
24
|
+
document.addEventListener('visibilitychange', () => closeModal(), {
|
|
25
|
+
once: true,
|
|
26
|
+
});
|
|
27
|
+
window.addEventListener('hashchange', () => closeModal(), { once: true });
|
|
28
|
+
return (React.createElement(Canvas, null,
|
|
29
|
+
React.createElement(Content, null,
|
|
30
|
+
React.createElement(FiArrowLeft, { width: 30, height: 30, color: "#707070", cursor: "pointer", className: "exit", onClick: closeModal }),
|
|
31
|
+
React.createElement("a", { href: "https://r2u.io", className: "powered", target: "_blank", rel: "noopener noreferrer", style: { visibility: hasWaterMark ? undefined : 'hidden' } },
|
|
32
|
+
React.createElement("h1", null, t('poweredBy')),
|
|
33
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/r2u-full-white-logo.png", alt: "", className: "icon" })),
|
|
34
|
+
React.createElement("div", { className: `instructions ${!hasWaterMark && 'no-watermark'}` },
|
|
35
|
+
React.createElement("div", { className: "border" },
|
|
36
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-cover.jpg", alt: "", className: "example" }),
|
|
37
|
+
React.createElement("div", { className: "instructionsColumn" },
|
|
38
|
+
React.createElement("span", null, t('instructions.handMove')),
|
|
39
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-move.png", alt: "", className: "icon" }),
|
|
40
|
+
React.createElement("span", null, t('instructions.handRotate')),
|
|
41
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-rotate.png", alt: "", className: "icon" })))),
|
|
42
|
+
React.createElement("div", { className: "text" },
|
|
43
|
+
React.createElement("h3", null, t('instructions.text'))),
|
|
44
|
+
React.createElement("button", { type: "button", className: "ar-button", disabled: disabled, onClick: () => {
|
|
45
|
+
activateAR(arProps);
|
|
46
|
+
setDisabled(true);
|
|
47
|
+
} }, disabled ? (React.createElement("span", null, t('instructions.loading'))) : (React.createElement("span", null, t('instructions.button')))))));
|
|
48
|
+
};
|
|
49
|
+
export default InstructionsModal;
|
|
50
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Instructions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,MAAM,MAAM,WAAW,CAAA;AAG9B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAU9C,MAAM,iBAAiB,GAAgC,CAAC,EAKpC,EAAE,EAAE;QALgC,EACtD,YAAY,GAAG,IAAI,EACnB,MAAM,EACN,UAAU,OAEQ,EADf,OAAO,cAJ4C,wCAKvD,CADW;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;IAErB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE;QAChE,IAAI,EAAE,IAAI;KACX,CAAC,CAAA;IACF,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAEzE,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,OAAO;YACN,oBAAC,WAAW,IACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,UAAU,GACnB;YAEF,2BACE,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;gBAE1D,gCAAK,CAAC,CAAC,WAAW,CAAC,CAAM;gBACzB,6BACE,GAAG,EAAC,mDAAmD,EACvD,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,MAAM,GAChB,CACA;YACJ,6BAAK,SAAS,EAAE,gBAAgB,CAAC,YAAY,IAAI,cAAc,EAAE;gBAC/D,6BAAK,SAAS,EAAC,QAAQ;oBACrB,6BACE,GAAG,EAAC,iDAAiD,EACrD,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,SAAS,GACnB;oBACF,6BAAK,SAAS,EAAC,oBAAoB;wBACjC,kCAAO,CAAC,CAAC,uBAAuB,CAAC,CAAQ;wBACzC,6BACE,GAAG,EAAC,qDAAqD,EACzD,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,MAAM,GAChB;wBACF,kCAAO,CAAC,CAAC,yBAAyB,CAAC,CAAQ;wBAC3C,6BACE,GAAG,EAAC,uDAAuD,EAC3D,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,MAAM,GAChB,CACE,CACF,CACF;YACN,6BAAK,SAAS,EAAC,MAAM;gBACnB,gCAAK,CAAC,CAAC,mBAAmB,CAAC,CAAM,CAC7B;YACN,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAS,EAAE;oBAClB,UAAU,CAAC,OAAO,CAAC,CAAA;oBACnB,WAAW,CAAC,IAAI,CAAC,CAAA;gBACnB,CAAC,IAEA,QAAQ,CAAC,CAAC,CAAC,CACV,kCAAO,CAAC,CAAC,sBAAsB,CAAC,CAAQ,CACzC,CAAC,CAAC,CAAC,CACF,kCAAO,CAAC,CAAC,qBAAqB,CAAC,CAAQ,CACxC,CACM,CACD,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
export const Content = styled.div `
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-evenly;
|
|
7
|
+
|
|
8
|
+
.powered {
|
|
9
|
+
display: flex;
|
|
10
|
+
text-decoration: unset;
|
|
11
|
+
flex-direction: row;
|
|
12
|
+
align-items: center;
|
|
13
|
+
margin-top: 2%;
|
|
14
|
+
|
|
15
|
+
img {
|
|
16
|
+
width: 32.9px;
|
|
17
|
+
height: 17px;
|
|
18
|
+
object-fit: contain;
|
|
19
|
+
margin: 5px;
|
|
20
|
+
filter: brightness(85%);
|
|
21
|
+
}
|
|
22
|
+
h1 {
|
|
23
|
+
width: 90px;
|
|
24
|
+
height: 20px;
|
|
25
|
+
font-family: proxima-Nova, sans-serif;
|
|
26
|
+
font-size: 16px;
|
|
27
|
+
font-weight: bold;
|
|
28
|
+
font-stretch: normal;
|
|
29
|
+
font-style: normal;
|
|
30
|
+
line-height: 1.25;
|
|
31
|
+
letter-spacing: normal;
|
|
32
|
+
text-align: center;
|
|
33
|
+
color: #d8d8d8;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.instructions {
|
|
38
|
+
width: min(90vw, 50vh);
|
|
39
|
+
height: min(90vw, 50vh);
|
|
40
|
+
border: solid 20px #f2f2f2;
|
|
41
|
+
margin: 12px;
|
|
42
|
+
|
|
43
|
+
.border {
|
|
44
|
+
border-radius: 20px;
|
|
45
|
+
box-shadow: 0 0 0 20px #f2f2f2;
|
|
46
|
+
width: 100%;
|
|
47
|
+
height: 100%;
|
|
48
|
+
display: flex;
|
|
49
|
+
flex-direction: row;
|
|
50
|
+
justify-content: space-between;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.example {
|
|
54
|
+
height: 100%;
|
|
55
|
+
object-fit: contain;
|
|
56
|
+
border-radius: 20px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.instructionsColumn {
|
|
60
|
+
display: flex;
|
|
61
|
+
flex-direction: column;
|
|
62
|
+
justify-content: space-evenly;
|
|
63
|
+
align-items: center;
|
|
64
|
+
width: 50%;
|
|
65
|
+
span {
|
|
66
|
+
font-family: proxima-Nova, sans-serif;
|
|
67
|
+
font-size: 14px;
|
|
68
|
+
font-weight: bold;
|
|
69
|
+
font-stretch: normal;
|
|
70
|
+
font-style: normal;
|
|
71
|
+
line-height: 1.22;
|
|
72
|
+
letter-spacing: normal;
|
|
73
|
+
text-align: center;
|
|
74
|
+
color: #000000;
|
|
75
|
+
}
|
|
76
|
+
.icon {
|
|
77
|
+
width: 50%;
|
|
78
|
+
object-fit: contain;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.no-watermark {
|
|
84
|
+
margin-top: 60px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.text {
|
|
88
|
+
h1 {
|
|
89
|
+
font-family: proxima-Nova, sans-serif;
|
|
90
|
+
font-size: 26px;
|
|
91
|
+
font-weight: bold;
|
|
92
|
+
font-stretch: normal;
|
|
93
|
+
font-style: normal;
|
|
94
|
+
line-height: 1.23;
|
|
95
|
+
letter-spacing: normal;
|
|
96
|
+
text-align: center;
|
|
97
|
+
color: #000000;
|
|
98
|
+
}
|
|
99
|
+
h3 {
|
|
100
|
+
font-family: proxima-Nova, sans-serif;
|
|
101
|
+
font-size: 18px;
|
|
102
|
+
font-weight: 300;
|
|
103
|
+
font-stretch: normal;
|
|
104
|
+
font-style: normal;
|
|
105
|
+
line-height: 1.22;
|
|
106
|
+
letter-spacing: normal;
|
|
107
|
+
text-align: center;
|
|
108
|
+
color: #707070;
|
|
109
|
+
margin: 5px 20px 30px 20px;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.ar-button {
|
|
114
|
+
width: calc(100vw - 40px);
|
|
115
|
+
height: 50px;
|
|
116
|
+
border: none;
|
|
117
|
+
margin: auto;
|
|
118
|
+
border-radius: 23px;
|
|
119
|
+
background-color: #000000;
|
|
120
|
+
&:disabled {
|
|
121
|
+
background-color: gray;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
span {
|
|
125
|
+
font-family: proxima-Nova, sans-serif;
|
|
126
|
+
font-size: 18px;
|
|
127
|
+
font-weight: bold;
|
|
128
|
+
font-stretch: normal;
|
|
129
|
+
font-style: normal;
|
|
130
|
+
line-height: 1.22;
|
|
131
|
+
letter-spacing: normal;
|
|
132
|
+
text-align: center;
|
|
133
|
+
color: #ffffff;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
`;
|
|
137
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
/* eslint-disable react/jsx-no-literals */
|
|
13
|
+
import React, { useContext, useEffect, useState } from 'react';
|
|
14
|
+
import Canvas from '../Canvas';
|
|
15
|
+
import { Container } from './styles';
|
|
16
|
+
import { AmericanasLogo } from '../../../assets/icons';
|
|
17
|
+
import { ModalContext } from '../Context';
|
|
18
|
+
import Fonts from '../../../fonts';
|
|
19
|
+
const InstructionsAmericanas = (_a) => {
|
|
20
|
+
var { onOpen, activateAR } = _a, arProps = __rest(_a, ["onOpen", "activateAR"]);
|
|
21
|
+
const { closeModal } = useContext(ModalContext);
|
|
22
|
+
const [disabled, setDisabled] = useState(false);
|
|
23
|
+
useEffect(onOpen, []);
|
|
24
|
+
document.addEventListener('visibilitychange', () => closeModal(), {
|
|
25
|
+
once: true,
|
|
26
|
+
});
|
|
27
|
+
window.addEventListener('hashchange', () => closeModal(), { once: true });
|
|
28
|
+
return (React.createElement(Canvas, { color: "#F1F1F1" },
|
|
29
|
+
React.createElement(Fonts, null),
|
|
30
|
+
React.createElement(Container, null,
|
|
31
|
+
React.createElement("div", { className: "logo" },
|
|
32
|
+
React.createElement(AmericanasLogo, null)),
|
|
33
|
+
React.createElement("div", { className: "instructions" },
|
|
34
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-cover.jpg", alt: "", className: "example" }),
|
|
35
|
+
React.createElement("div", { className: "instructions-column" },
|
|
36
|
+
React.createElement("div", { className: "instruction-unit" },
|
|
37
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-move.png", alt: "", className: "icon" }),
|
|
38
|
+
React.createElement("span", null, "segure e arraste o produto para mover")),
|
|
39
|
+
React.createElement("div", { className: "instruction-unit" },
|
|
40
|
+
React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-hand-rotate.png", alt: "", className: "icon" }),
|
|
41
|
+
React.createElement("span", null, "segure o produto com dois dedos para girar")))),
|
|
42
|
+
React.createElement("div", { className: "footer" },
|
|
43
|
+
React.createElement("span", null, "coloque o produto em seu espa\u00E7o para verificar todas as dimens\u00F5es"),
|
|
44
|
+
React.createElement("button", { type: "button", className: "ar-button", disabled: disabled, onClick: () => {
|
|
45
|
+
activateAR(arProps);
|
|
46
|
+
setDisabled(true);
|
|
47
|
+
} }, disabled ? (React.createElement("span", null, "carregando ...")) : (React.createElement("span", null, "veja como fica no seu espa\u00E7o")))))));
|
|
48
|
+
};
|
|
49
|
+
export default InstructionsAmericanas;
|
|
50
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|