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

package/dist/collection/components/sqm-qa/sqm-qa.js

@@ -0,0 +1,519 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h } from "@stencil/core";
+/**
+ * @uiName QA Component
+ */
+export class ShareButton {
+  constructor() {
+    /**
+     * Description here
+     * @uiName Text Input
+     */
+    this.textInput = "short text string";
+    /**
+     * Description here
+     * @uiName Number Input
+     */
+    this.numberInput = 5;
+    /**
+     * Description here
+     * @uiName Boolean Switch
+     */
+    this.booleanSwitch = true;
+    /**
+     * Description here
+     * @uiName Text Area Input
+     * @uiWidget Text Area
+     */
+    this.textAreaInput = "Really Really Really long text";
+    /**
+     * Description here
+     * @uiName String Enum Select
+     * @enum ["option1","option2","option3"]
+     * @enumNames ["Option 1", "Option 2", "Option 3"]
+     */
+    this.stringEnumSelect = "option2";
+    /**
+     * Description here
+     * @uiName Number Enum Select
+     * @enum [1,2,3]
+     * @enumNames ["Option 1", "Option 2", "Option 3"]
+     */
+    this.numberEnumSelect = 3;
+    /**
+     * Description here
+     * @uiName Color
+     * @uiWidget color
+     * @format color
+     */
+    this.color = "blue";
+    /**
+     * Description here
+     * @uiName Image Upload
+     * @uiWidget imageUpload
+     * @format url
+     */
+    this.imageUpload = "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png";
+    /**
+     * Description here
+     * @uiName Date Interval
+     * @uiWidget dateInterval
+     * @format date-interval
+     */
+    this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";
+    /**
+     * Description here
+     * @uiName Stat Selector
+     * @uiWidget statTypeSelectWidget
+     */
+    this.statSelector = "/referralCount";
+    /**
+     * Description here
+     * @uiName Program Selector
+     * @uiWidget programSelector
+     */
+    this.programSelector = "program1";
+    /**
+     * Description here
+     * @uiName Number Max 7
+     */
+    this.max = 6;
+    /**
+     * Description here
+     * @uiName Number Min 7
+     * @min 7
+     */
+    this.min = 8;
+    /**
+     * Description here
+     * @uiName String Max Length 10
+     * @maxLength 10
+     */
+    this.maxLength = "default";
+    /**
+     * Description here
+     * @uiName String Min Length 10
+     * @minLength 10
+     */
+    this.minLength = "default text";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h("div", null,
+      h("h1", null, "I am the QA Component")));
+  }
+  static get is() { return "sqm-qa"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "textInput": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Input",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-input",
+      "reflect": false,
+      "defaultValue": "\"short text string\""
+    },
+    "numberInput": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Input",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-input",
+      "reflect": false,
+      "defaultValue": "5"
+    },
+    "booleanSwitch": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Boolean Switch",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "boolean-switch",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "textAreaInput": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Area Input",
+            "name": "uiName"
+          }, {
+            "text": "Text Area",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-area-input",
+      "reflect": false,
+      "defaultValue": "\"Really Really Really long text\""
+    },
+    "stringEnumSelect": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Enum Select",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "enum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "enumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "string-enum-select",
+      "reflect": false,
+      "defaultValue": "\"option2\""
+    },
+    "numberEnumSelect": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Enum Select",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "enum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "enumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-enum-select",
+      "reflect": false,
+      "defaultValue": "3"
+    },
+    "color": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Color",
+            "name": "uiName"
+          }, {
+            "text": "color",
+            "name": "uiWidget"
+          }, {
+            "text": "color",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "color",
+      "reflect": false,
+      "defaultValue": "\"blue\""
+    },
+    "imageUpload": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Image Upload",
+            "name": "uiName"
+          }, {
+            "text": "imageUpload",
+            "name": "uiWidget"
+          }, {
+            "text": "url",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "image-upload",
+      "reflect": false,
+      "defaultValue": "\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\""
+    },
+    "dateInterval": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Date Interval",
+            "name": "uiName"
+          }, {
+            "text": "dateInterval",
+            "name": "uiWidget"
+          }, {
+            "text": "date-interval",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "date-interval",
+      "reflect": false,
+      "defaultValue": "\"2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00\""
+    },
+    "statSelector": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Stat Selector",
+            "name": "uiName"
+          }, {
+            "text": "statTypeSelectWidget",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "stat-selector",
+      "reflect": false,
+      "defaultValue": "\"/referralCount\""
+    },
+    "programSelector": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Program Selector",
+            "name": "uiName"
+          }, {
+            "text": "programSelector",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "program-selector",
+      "reflect": false,
+      "defaultValue": "\"program1\""
+    },
+    "stringRequired": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Required",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "string-required",
+      "reflect": false
+    },
+    "numberRequired": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Required",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-required",
+      "reflect": false
+    },
+    "max": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Max 7",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "max",
+      "reflect": false,
+      "defaultValue": "6"
+    },
+    "min": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Min 7",
+            "name": "uiName"
+          }, {
+            "text": "7",
+            "name": "min"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "min",
+      "reflect": false,
+      "defaultValue": "8"
+    },
+    "maxLength": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Max Length 10",
+            "name": "uiName"
+          }, {
+            "text": "10",
+            "name": "maxLength"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "max-length",
+      "reflect": false,
+      "defaultValue": "\"default\""
+    },
+    "minLength": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Min Length 10",
+            "name": "uiName"
+          }, {
+            "text": "10",
+            "name": "minLength"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "min-length",
+      "reflect": false,
+      "defaultValue": "\"default text\""
+    }
+  }; }
+}

package/dist/collection/components/sqm-referral-card/sqm-referral-card.js

@@ -15,7 +15,7 @@ export class ReferralCard {
      * @uiName Vertical Aligment
      * @uiType string
      * @uiEnum ["start", "center", "end"]
-     * @uiEnumNames ["Start", "Center", "End"]
+     * @uiEnumNames ["Top", "Center", "Bottom"]
      */
     this.verticalAlignment = "start";
     withHooks(this);
@@ -53,7 +53,7 @@ export class ReferralCard {
             "text": "[\"start\", \"center\", \"end\"]",
             "name": "uiEnum"
           }, {
-            "text": "[\"Start\", \"Center\", \"End\"]",
+            "text": "[\"Top\", \"Center\", \"Bottom\"]",
             "name": "uiEnumNames"
           }],
         "text": ""

package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js

@@ -14,28 +14,40 @@ export class ReferralTableRewardsColumn {
      */
     this.columnTitle = "Rewards";
     /**
+     * Text shown in the reward status badge.
+     *
      * @uiName Reward Status Text
      * @uiWidget textArea
      */
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
     /**
+     * Additional status text shown in the details drop down.
+     *
      * @uiName Reward Status Long Text
      * @uiWidget textArea
      */
     this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";
     /**
+     * Shown in the dropdown details when a reward has an associated fuel tank code.
+     *
      * @uiName Fuel Tank Code Text
      */
     this.fuelTankText = "Your code is";
     /**
+     * Shown in the dropdown details when a reward has been received.’
+     *
      * @uiName Reward Received Text
      */
     this.rewardReceivedText = "Reward received on";
     /**
+     * Shown in the dropdown details when a reward has an expiry date.
+     *
      * @uiName Reward Expiring Text
      */
     this.expiringText = "Expiring in";
     /**
+     * Shown in the dropdown details when a reward is pending.
+     *
      * @uiName Reward Pending Text
      */
     this.pendingForText = "{status} for {date}";
@@ -112,7 +124,7 @@ export class ReferralTableRewardsColumn {
             "text": "textArea",
             "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Text shown in the reward status badge."
       },
       "attribute": "status-text",
       "reflect": false,
@@ -136,7 +148,7 @@ export class ReferralTableRewardsColumn {
             "text": "textArea",
             "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Additional status text shown in the details drop down."
       },
       "attribute": "status-long-text",
       "reflect": false,
@@ -157,7 +169,7 @@ export class ReferralTableRewardsColumn {
             "text": "Fuel Tank Code Text",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Shown in the dropdown details when a reward has an associated fuel tank code."
       },
       "attribute": "fuel-tank-text",
       "reflect": false,
@@ -178,7 +190,7 @@ export class ReferralTableRewardsColumn {
             "text": "Reward Received Text",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Shown in the dropdown details when a reward has been received.\u2019"
       },
       "attribute": "reward-received-text",
       "reflect": false,
@@ -199,7 +211,7 @@ export class ReferralTableRewardsColumn {
             "text": "Reward Expiring Text",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Shown in the dropdown details when a reward has an expiry date."
       },
       "attribute": "expiring-text",
       "reflect": false,
@@ -220,7 +232,7 @@ export class ReferralTableRewardsColumn {
             "text": "Reward Pending Text",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Shown in the dropdown details when a reward is pending."
       },
       "attribute": "pending-for-text",
       "reflect": false,

package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js

@@ -91,6 +91,7 @@ export class SqmRewardExchangeList {
     this.doneText = "Done";
     /**
      * @uiName Select Amount Text
+     * @uiWidget textArea
      */
     this.selectText = "Select amount to receive";
     /**
@@ -500,6 +501,9 @@ export class SqmRewardExchangeList {
         "tags": [{
             "text": "Select Amount Text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
         "text": ""
       },

package/dist/collection/components/sqm-share-code/sqm-share-code.js

@@ -13,7 +13,7 @@ import deepmerge from "deepmerge";
 export class ShareCode {
   constructor() {
     /**
-     * This is shown after someone has successfully copied the code to the clipboard.
+     * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
      *
      * @uiName Tooltip Text
      */
@@ -75,7 +75,7 @@ export class ShareCode {
             "text": "Tooltip Text",
             "name": "uiName"
           }],
-        "text": "This is shown after someone has successfully copied the code to the clipboard."
+        "text": "Shown inside a tooltip after someone has successfully copied the link to their clipboard."
       },
       "attribute": "tooltip-text",
       "reflect": false,

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -13,7 +13,7 @@ import deepmerge from "deepmerge";
 export class ShareLink {
   constructor() {
     /**
-     * This is shown after someone has successfully copied the link to the clipboard.
+     * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
      *
      * @uiName Tooltip Text
      */
@@ -75,7 +75,7 @@ export class ShareLink {
             "text": "Tooltip Text",
             "name": "uiName"
           }],
-        "text": "This is shown after someone has successfully copied the link to the clipboard."
+        "text": "Shown inside a tooltip after someone has successfully copied the link to their clipboard."
       },
       "attribute": "tooltip-text",
       "reflect": false,