@saasquatch/mint-components 1.11.0-2 → 1.11.0-5

package/dist/mint-components/p-e546347e.system.js

@@ -0,0 +1 @@
+System.register(["./p-ff17b3a4.system.js"],(function(n){"use strict";var e;return{setters:[function(n){e=n.h}],execute:function(){n("N",t);var i="\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n@keyframes slideIn {\n  0% {\n    left: -350px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@media screen and (min-width: 800px) {\n  :host {\n    max-width: 300px;\n  }\n  .toggler,\n  .hamburger {\n     user-select: none;\n     visibility:hidden;\n  }\n  .container{\n    position: sticky;\n    top: 0;\n  }\n  .menu-items {\n    min-width: 290px;\n    max-width: 320px;\n    box-sizing: border-box;\n    padding: 0px 15px;\n  }\n  .menu-items > :not(:last-child): {\n    margin-bottom: 4px;\n  }\n}\n@media screen and (max-width: 799px) {\n  .toggler {\n    border: 2px solid #eee;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 5;\n  }\n\n  .container {\n    position: sticky;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 60px;\n    width: 60px;\n    flex-direction: column;\n    z-index: 100;\n  }\n  .menu-items { \n    display: none;\n    padding: 20px;\n    border-right: 1px solid #eaeaea;\n    padding-top: 60px;\n    background: white; \n    width: 100vw;\n    height: 100vh;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0px;\n    margin: 0;\n    animation: slideIn 500ms ease-in-out;\n  }\n\n  .toggler,\n  .hamburger {\n    visibility: visible !important;\n  }\n\n  .container {\n    display: flex;\n  }\n\n  .hamburger > .line {\n    visibility: visible !important;\n  }\n\n\n  .toggler,\n  .hamburger {\n    position: absolute;\n    padding: 20px 10px;\n  }\n\n  .toggler {\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hamburger {\n    z-index: 10;\n    width: 75%;\n    height: 100%;\n  }\n\n  .toggler:checked ~ .menu-items {\n    display: block;\n  }\n\n  /***** Turn hamburger into an X *****/\n  .toggler:checked ~ .hamburger > .line:nth-child(1) {\n    opacity: 0;\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(2) {\n    transform: rotate(45deg) translate(0px, -0.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    transform: rotate(-45deg) translate(3px, -3.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(1),\n  .toggler:checked ~ .hamburger > .line:nth-child(2),\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    width: 75%;\n    border-bottom: 3px solid #444445;\n    margin: 0;\n  }\n\n  .hamburger > .line {\n    visibility:hidden;\n    z-index: 2;\n    height: 4px;\n    width: 100%;\n    margin-bottom: 3px;\n    border-bottom: 5px solid #444445;\n  }\n}\n";function t(n,t){return e("div",{class:"container",part:"sqm-base"},e("style",null,i),e("input",Object.assign({type:"checkbox",class:"toggler"},n)),e("div",{class:"hamburger"},e("div",{class:"line"}),e("div",{class:"line"}),e("div",{class:"line"})),e("div",{class:"menu-items",part:"sqm-items-container"},t))}}}}));

package/dist/types/components/sqm-cash-payouts/sqm-cash-payouts.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @uiName Cash Payouts
+ */
+export declare class CashPayouts {
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-cash-payouts/sqm-widget-verification/sqm-widget-verification.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @uiName Widget Verification Gate
+ * @slots [{ "name": "verified", "title": "Verified Content" }]
+ */
+export declare class WidgetVerification {
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-cash-payouts/sqm-widget-verification/useWidgetVerification.d.ts

@@ -0,0 +1,9 @@
+export declare function useWidgetVerification(): {
+  step: "code" | "email";
+  email: string;
+  setEmail: (value: string | ((prev: string) => string)) => void;
+  setCodeRef: (value: HTMLDivElement | ((prev: HTMLDivElement) => HTMLDivElement)) => void;
+  onCheckCode: () => void;
+  onSubmitEmail: () => void;
+  verified: boolean;
+};

package/dist/types/components.d.ts

@@ -373,6 +373,8 @@ export namespace Components {
          */
         "width": number;
     }
+    interface SqmCashPayouts {
+    }
     interface SqmCheckboxField {
         /**
           * @uiName Checkbox label
@@ -5097,6 +5099,8 @@ export namespace Components {
          */
         "loadingText": string;
     }
+    interface SqmWidgetVerification {
+    }
 }
 declare global {
     interface HTMLRaisinsPlopTargetElement extends Components.RaisinsPlopTarget, HTMLStencilElement {
@@ -5135,6 +5139,12 @@ declare global {
         prototype: HTMLSqmCardFeedElement;
         new (): HTMLSqmCardFeedElement;
     };
+    interface HTMLSqmCashPayoutsElement extends Components.SqmCashPayouts, HTMLStencilElement {
+    }
+    var HTMLSqmCashPayoutsElement: {
+        prototype: HTMLSqmCashPayoutsElement;
+        new (): HTMLSqmCashPayoutsElement;
+    };
     interface HTMLSqmCheckboxFieldElement extends Components.SqmCheckboxField, HTMLStencilElement {
     }
     var HTMLSqmCheckboxFieldElement: {
@@ -5747,6 +5757,12 @@ declare global {
         prototype: HTMLSqmUserNameElement;
         new (): HTMLSqmUserNameElement;
     };
+    interface HTMLSqmWidgetVerificationElement extends Components.SqmWidgetVerification, HTMLStencilElement {
+    }
+    var HTMLSqmWidgetVerificationElement: {
+        prototype: HTMLSqmWidgetVerificationElement;
+        new (): HTMLSqmWidgetVerificationElement;
+    };
     interface HTMLElementTagNameMap {
         "raisins-plop-target": HTMLRaisinsPlopTargetElement;
         "sqm-asset-card": HTMLSqmAssetCardElement;
@@ -5754,6 +5770,7 @@ declare global {
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
         "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-cash-payouts": HTMLSqmCashPayoutsElement;
         "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
         "sqm-close-button": HTMLSqmCloseButtonElement;
         "sqm-context-router": HTMLSqmContextRouterElement;
@@ -5856,6 +5873,7 @@ declare global {
         "sqm-titled-section": HTMLSqmTitledSectionElement;
         "sqm-user-info-form": HTMLSqmUserInfoFormElement;
         "sqm-user-name": HTMLSqmUserNameElement;
+        "sqm-widget-verification": HTMLSqmWidgetVerificationElement;
     }
 }
 declare namespace LocalJSX {
@@ -6183,6 +6201,8 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
+    interface SqmCashPayouts {
+    }
     interface SqmCheckboxField {
         /**
           * @uiName Checkbox label
@@ -10876,6 +10896,8 @@ declare namespace LocalJSX {
          */
         "loadingText"?: string;
     }
+    interface SqmWidgetVerification {
+    }
     interface IntrinsicElements {
         "raisins-plop-target": RaisinsPlopTarget;
         "sqm-asset-card": SqmAssetCard;
@@ -10883,6 +10905,7 @@ declare namespace LocalJSX {
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
         "sqm-card-feed": SqmCardFeed;
+        "sqm-cash-payouts": SqmCashPayouts;
         "sqm-checkbox-field": SqmCheckboxField;
         "sqm-close-button": SqmCloseButton;
         "sqm-context-router": SqmContextRouter;
@@ -10985,6 +11008,7 @@ declare namespace LocalJSX {
         "sqm-titled-section": SqmTitledSection;
         "sqm-user-info-form": SqmUserInfoForm;
         "sqm-user-name": SqmUserName;
+        "sqm-widget-verification": SqmWidgetVerification;
     }
 }
 export { LocalJSX as JSX };
@@ -10997,6 +11021,7 @@ declare module "@stencil/core" {
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
             "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
+            "sqm-cash-payouts": LocalJSX.SqmCashPayouts & JSXBase.HTMLAttributes<HTMLSqmCashPayoutsElement>;
             "sqm-checkbox-field": LocalJSX.SqmCheckboxField & JSXBase.HTMLAttributes<HTMLSqmCheckboxFieldElement>;
             "sqm-close-button": LocalJSX.SqmCloseButton & JSXBase.HTMLAttributes<HTMLSqmCloseButtonElement>;
             "sqm-context-router": LocalJSX.SqmContextRouter & JSXBase.HTMLAttributes<HTMLSqmContextRouterElement>;
@@ -11099,6 +11124,7 @@ declare module "@stencil/core" {
             "sqm-titled-section": LocalJSX.SqmTitledSection & JSXBase.HTMLAttributes<HTMLSqmTitledSectionElement>;
             "sqm-user-info-form": LocalJSX.SqmUserInfoForm & JSXBase.HTMLAttributes<HTMLSqmUserInfoFormElement>;
             "sqm-user-name": LocalJSX.SqmUserName & JSXBase.HTMLAttributes<HTMLSqmUserNameElement>;
+            "sqm-widget-verification": LocalJSX.SqmWidgetVerification & JSXBase.HTMLAttributes<HTMLSqmWidgetVerificationElement>;
         }
     }
 }