@zonos/amino 4.4.17 → 4.4.19

package/components/mdx/mdx-section/MdxSection.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("react"),r=require("../../../icons/LinkIcon.js"),o=require("../../../styles/constants/theme.js"),t=require("../../../styles/devices.js"),a=require("../../../utils/getHashId.js"),s=require("../../../utils/useCopyText.js"),l=require("styled-components");function c(n){return n&&n.__esModule?n:{default:n}}require("../../../icons/icon-base/_IconBase.js");var p,d,u,y=c(l),h=y.default.section(p||(p=n.__makeTemplateObject(["\n  padding: 4px 12px;\n  border-radius: 12px;\n  border: 1px solid transparent;\n\n  .link-icon {\n    display: inline;\n    white-space: nowrap;\n\n    > span {\n      font-size: 12px;\n      font-weight: 700;\n      color: ",";\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n\n  h1,\n  h2 {\n    scroll-margin-top: 140px;\n\n    > div {\n      position: relative;\n      width: fit-content;\n    }\n  }\n\n  h2 {\n    cursor: pointer;\n  }\n"],["\n  padding: 4px 12px;\n  border-radius: 12px;\n  border: 1px solid transparent;\n\n  .link-icon {\n    display: inline;\n    white-space: nowrap;\n\n    > span {\n      font-size: 12px;\n      font-weight: 700;\n      color: ",";\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n\n  h1,\n  h2 {\n    scroll-margin-top: 140px;\n\n    > div {\n      position: relative;\n      width: fit-content;\n    }\n  }\n\n  h2 {\n    cursor: pointer;\n  }\n"])),o.theme.gray500),m=y.default.a(d||(d=n.__makeTemplateObject(["\n  "," &:link {\n    color: ",";\n    border-bottom: none;\n  }\n"],["\n  "," &:link {\n    color: ",";\n    border-bottom: none;\n  }\n"])),h,o.theme.textColor),k=y.default(r.LinkIcon)(u||(u=n.__makeTemplateObject(["\n  display: inline-block;\n  opacity: 0;\n  white-space: nowrap;\n\n  h2:hover .link-icon > & {\n    display: inline-block;\n    opacity: 1;\n\n    @media "," {\n      display: none;\n    }\n  }\n"],["\n  display: inline-block;\n  opacity: 0;\n  white-space: nowrap;\n\n  h2:hover .link-icon > & {\n    display: inline-block;\n    opacity: 1;\n\n    @media "," {\n      display: none;\n    }\n  }\n"])),t.devices.tablet);exports.MdxSection=function(r){var o=r.children,t=r.className,l=s.useCopyText(),c=l.copyText,p=l.showTooltip,d="undefined"!=typeof window?window.location.href:null,u=function(r){var o,t=r.node;return Array.isArray(t)?t.flatMap((function(n){return u({node:n})})):"string"==typeof t.type?Array.isArray(t.props.children)?i.cloneElement(t,n.__assign(n.__assign({},t.props),{key:t.key||"k".concat(Math.random())}),t.props.children.map((function(n){return u({node:n})}))):n.__assign(n.__assign({},t),{key:"k".concat(Math.random())}):t.type&&["h1","h2"].includes(t.type.name)?function(r){var o=r.props.children,t=a.getHashId(o),s="#".concat(t);return"h1"===r.type.name?i.createElement(r.type.name,{id:t,key:t},o):i.createElement(r.type.name,{id:t,key:t,onClick:function(){return window.innerWidth>768&&d&&c("".concat(d.replace(/#.*/g,"")+s))}},e.jsxs(m,n.__assign({className:"link-button",href:s,title:o},{children:[o,e.jsxs("span",n.__assign({className:"link-icon"},{children:[" ",p?e.jsx("span",{children:"Copied!"}):e.jsx(k,{size:16})]}))]}),s))}(t):t.props&&Array.isArray(t.props.children)&&t.type.name?i.cloneElement(t,n.__assign(n.__assign({},t.props),{key:t.key}),null===(o=t.props.children)||void 0===o?void 0:o.map((function(n){return u({node:n})}))):t},y=Array.isArray(o)?o.map((function(n){return u({node:n})})):u({node:o});return e.jsx(h,n.__assign({className:"".concat(t||""," comment-mode-section")},{children:y}))};

package/components/mdx/mdx-subtitle/MdxSubtitle.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const MdxSubtitle: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;

package/components/mdx/mdx-subtitle/MdxSubtitle.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),e=require("../../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var r,o=i(require("styled-components")).default.span(r||(r=n.__makeTemplateObject(["\n  width: fit-content;\n  display: block;\n  color: ",";\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 28px;\n  margin-top: -4px;\n  margin-bottom: 40px;\n"],["\n  width: fit-content;\n  display: block;\n  color: ",";\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 28px;\n  margin-top: -4px;\n  margin-bottom: 40px;\n"])),e.theme.gray600);exports.MdxSubtitle=function(n){var e=n.children;return t.jsx(o,{children:e})};

package/components/mdx/mdx-table/MdxTable.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const MdxTable: ({ children }: {
-    children?: ReactNode;
-}) => JSX.Element;

package/components/mdx/mdx-table/MdxTable.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var e,d=o(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n\n  table {\n    width: 100%;\n    background: ",";\n    border-radius: 10px;\n    font-size: 14px;\n    border: 1px solid ",";\n    border-collapse: unset;\n    border-spacing: 0;\n    margin-bottom: ",";\n    box-sizing: border-box;\n  }\n\n  thead strong {\n    color: ",";\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  tbody {\n    border-radius: 10px;\n  }\n\n  tr:first-of-type {\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n  }\n\n  th:first-of-type {\n    border-top-left-radius: 10px;\n  }\n\n  th:last-of-type {\n    border-top-right-radius: 10px;\n  }\n\n  th {\n    text-align: left;\n    font-weight: normal;\n    width: fit-content;\n  }\n\n  td,\n  th {\n    min-width: 80px;\n    border-bottom: 1px solid ",";\n  }\n  tr:last-of-type td {\n    border-bottom: 0;\n  }\n\n  tr:last-of-type {\n    border-bottom: 0;\n  }\n\n  .numberingColumn {\n    padding: 10px 20px;\n  }\n\n  hr {\n    border: 0;\n    border-bottom: 1px solid ",";\n    margin: 32px 0;\n  }\n\n  table td,\n  table th {\n    span {\n      display: inline-block;\n    }\n    vertical-align: top;\n    padding: 10px 20px;\n    margin: 0;\n  }\n\n  > table {\n    border: none;\n\n    tbody {\n      tr {\n        &:first-of-type > td {\n          border-top: 1px solid ",";\n          &:first-of-type {\n            border-top-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-top-right-radius: 12px;\n          }\n        }\n\n        &:last-of-type > td {\n          border-bottom: 1px solid ",";\n          &:first-of-type {\n            border-bottom-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-bottom-right-radius: 12px;\n          }\n        }\n\n        > td:first-of-type {\n          border-left: 1px solid ",";\n        }\n        > td:last-of-type {\n          border-right: 1px solid ",";\n        }\n      }\n    }\n\n    thead > tr > th {\n      border: none;\n    }\n  }\n"],["\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n\n  table {\n    width: 100%;\n    background: ",";\n    border-radius: 10px;\n    font-size: 14px;\n    border: 1px solid ",";\n    border-collapse: unset;\n    border-spacing: 0;\n    margin-bottom: ",";\n    box-sizing: border-box;\n  }\n\n  thead strong {\n    color: ",";\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  tbody {\n    border-radius: 10px;\n  }\n\n  tr:first-of-type {\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n  }\n\n  th:first-of-type {\n    border-top-left-radius: 10px;\n  }\n\n  th:last-of-type {\n    border-top-right-radius: 10px;\n  }\n\n  th {\n    text-align: left;\n    font-weight: normal;\n    width: fit-content;\n  }\n\n  td,\n  th {\n    min-width: 80px;\n    border-bottom: 1px solid ",";\n  }\n  tr:last-of-type td {\n    border-bottom: 0;\n  }\n\n  tr:last-of-type {\n    border-bottom: 0;\n  }\n\n  .numberingColumn {\n    padding: 10px 20px;\n  }\n\n  hr {\n    border: 0;\n    border-bottom: 1px solid ",";\n    margin: 32px 0;\n  }\n\n  table td,\n  table th {\n    span {\n      display: inline-block;\n    }\n    vertical-align: top;\n    padding: 10px 20px;\n    margin: 0;\n  }\n\n  > table {\n    border: none;\n\n    tbody {\n      tr {\n        &:first-of-type > td {\n          border-top: 1px solid ",";\n          &:first-of-type {\n            border-top-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-top-right-radius: 12px;\n          }\n        }\n\n        &:last-of-type > td {\n          border-bottom: 1px solid ",";\n          &:first-of-type {\n            border-bottom-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-bottom-right-radius: 12px;\n          }\n        }\n\n        > td:first-of-type {\n          border-left: 1px solid ",";\n        }\n        > td:last-of-type {\n          border-right: 1px solid ",";\n        }\n      }\n    }\n\n    thead > tr > th {\n      border: none;\n    }\n  }\n"])),r.theme.gray0,r.theme.gray200,r.theme.space16,r.theme.gray900,r.theme.gray200,r.theme.gray200,r.theme.gray200,r.theme.gray200,r.theme.gray200,r.theme.gray200);exports.MdxTable=function(n){var r=n.children;return t.jsx(d,{children:t.jsx("table",{children:r})})};

package/components/mdx/mdx-tabs/MdxTab.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const MdxTab: {
-    ({ children, xlabel, }: {
-        children?: ReactNode;
-        xlabel: string;
-    }): JSX.Element;
-    stableName: string;
-};

package/components/mdx/mdx-tabs/MdxTab.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=function(r){var a=r.children;return r.xlabel,e.jsx("div",{children:a})};r.stableName="Tab",exports.MdxTab=r;

package/components/mdx/mdx-tabs/MdxTabs.d.ts

@@ -1,5 +0,0 @@
-import { type ReactNode } from 'react';
-export type Props = {
-    children?: ReactNode;
-};
-export declare const MdxTabs: ({ children }: Props) => JSX.Element;

package/components/mdx/mdx-tabs/MdxTabs.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("framer-motion"),i=require("../../tabs/Tabs.js"),a=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../text/Text.js");var o,u=s(a).default(i.Tabs)(o||(o=e.__makeTemplateObject(["\n  margin-bottom: 32px;\n"],["\n  margin-bottom: 32px;\n"]))),c={center:{opacity:1,x:0,zIndex:1},enter:function(e){return{opacity:0,x:e>0?1e3:-1e3}},exit:function(e){return{opacity:0,position:"absolute",x:e<0?1e3:-1e3,zIndex:0}}};exports.MdxTabs=function(i){var a=i.children,s=e.__read(r.useState(0),2),o=s[0],l=s[1],d=e.__read(r.useState(1),2),m=d[0],x=d[1],p=a&&Array.isArray(a),b=function(){if(p)return a.filter((function(e){return"Tab"===e.type.stableName}));var e=a;return"Tab"===(null==e?void 0:e.type.stableName)?[e]:[]}(),f=b&&b.map((function(e){return null==e?void 0:e.props.xlabel})),_=b[o];return t.jsxs("div",{children:[t.jsx(u,{items:f||["Error loading tabs"],onChange:function(e){x(e-o),l(e)},selected:o,subtle:!0}),t.jsx(n.AnimatePresence,e.__assign({custom:m,initial:!1},{children:t.jsx(n.motion.div,e.__assign({animate:"center",custom:m,exit:"exit",initial:"enter",transition:{opacity:{duration:.2},x:{damping:40,stiffness:400,type:"spring"}},variants:c},{children:_}),o)}))]})};

package/components/mdx/mdx-video-guide/MdxVideoGuide.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export type Props = {
-    url: string;
-    xtitle: string;
-};
-export declare const getYoutubeVideo: ({ url }: {
-    url: string;
-}) => {
-    thumbnail: string;
-    videoUrl: string;
-};
-export declare const MdxVideoGuide: ({ url, xtitle }: Props) => JSX.Element;

package/components/mdx/mdx-video-guide/MdxVideoGuide.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../dialog/_BaseDialog.js"),r=require("../../../icons/PlayCircleDuotoneIcon.js"),i=require("../../../styles/constants/theme.js"),a=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js"),require("../../../icons/icon-base/_IconBase.js");var l,u,c,d=s(a),p=d.default(o.BaseDialog)(l||(l=n.__makeTemplateObject(["\n  background: black;\n  border: 0;\n"],["\n  background: black;\n  border: 0;\n"]))),m=d.default.button(u||(u=n.__makeTemplateObject(["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"],["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"])),(function(n){var e=n.thumbnail;return e&&"url(".concat(e,") center center no-repeat")}),i.theme.gray0,i.theme.gray1200),b=d.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"]))),g=function(n){var e,t=n.url,o=null===(e=null==t?void 0:t.match(/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\\&?]*).*/))||void 0===e?void 0:e.pop();return{thumbnail:11===(null==o?void 0:o.length)?"https://img.youtube.com/vi/".concat(o,"/0.jpg"):"",videoUrl:"https://www.youtube.com/embed/".concat(o,"?enablejsapi=1")}};exports.MdxVideoGuide=function(o){var i=o.url,a=o.xtitle,s=g({url:i}),l=s.thumbnail,u=s.videoUrl,c=t.useRef(null),d=n.__read(t.useState(!1),2),h=d[0],f=d[1];return t.useEffect((function(){var n,e=null===(n=null==c?void 0:c.current)||void 0===n?void 0:n.contentWindow;e&&(h?e.postMessage('{"event":"command","func":"playVideo","args":""}',"*"):e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"))}),[c,h]),e.jsxs(e.Fragment,{children:[e.jsx(m,n.__assign({onClick:function(n){n.stopPropagation(),f(!0)},thumbnail:l},{children:e.jsxs(b,{children:[e.jsx(r.PlayCircleDuotoneIcon,{color:"gray800",secondaryColor:"gray100"}),e.jsx("b",{children:"Watch the video guide"})]})})),e.jsx(p,n.__assign({closeOnBlur:!0,closeOnEsc:!0,onClose:function(){return f(!1)},open:h,width:1080},{children:e.jsx("iframe",{ref:c,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,height:"608",src:u,title:a,width:"1080"})}))]})},exports.getYoutubeVideo=g;