{
    "dsl": {
      "widgetName": "MainContainer",
      "backgroundColor": "none",
      "rightColumn": 468,
      "snapColumns": 64,
      "detachFromLayout": true,
      "widgetId": "0",
      "topRow": 0,
      "bottomRow": 1260,
      "containerStyle": "none",
      "snapRows": 125,
      "parentRowSpace": 1,
      "type": "CANVAS_WIDGET",
      "canExtend": true,
      "version": 52,
      "minHeight": 1240,
      "parentColumnSpace": 1,
      "dynamicBindingPathList": [],
      "leftColumn": 0,
      "children": [
        {
          "widgetName": "Dbg_state_button",
          "displayName": "Text",
          "iconSVG": "/static/media/icon.97c59b52.svg",
          "topRow": 18,
          "bottomRow": 30,
          "parentRowSpace": 10,
          "type": "TEXT_WIDGET",
          "hideCard": false,
          "animateLoading": true,
          "parentColumnSpace": 20.0625,
          "dynamicTriggerPathList": [],
          "leftColumn": 45,
          "dynamicBindingPathList": [
            {
              "key": "text"
            }
          ],
          "shouldTruncate": false,
          "truncateButtonColor": "#FFC13D",
          "text": "{{\"State:\"+ (String(ActivateDeactivate.data.args.action) == 0 ? \"Active\": \"Inactive\")}}",
          "key": "vt94s239nd",
          "rightColumn": 61,
          "textAlign": "LEFT",
          "widgetId": "eqobmz3fzx",
          "isVisible": true,
          "fontStyle": "BOLD",
          "textColor": "#231F20",
          "shouldScroll": false,
          "version": 1,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "fontSize": "PARAGRAPH"
        },
        {
          "widgetName": "Table1",
          "defaultPageSize": 0,
          "columnOrder": [
            "credit_card",
            "id",
            "name",
            "customColumn6",
            "address",
            "customColumn7",
            "latitude",
            "longitude",
            "phone",
            "email",
            "company",
            "job",
            "image",
            "ssn",
            "postalcode",
            "CreditLimit",
            "Outstanding",
            "State",
            "customColumn2",
            "customColumn3",
            "customColumn4",
            "customColumn5"
          ],
          "isVisibleDownload": true,
          "dynamicPropertyPathList": [
            {
              "key": "primaryColumns.State.buttonColor"
            },
            {
              "key": "primaryColumns.State.onClick"
            },
            {
              "key": "primaryColumns.customColumn4.menuItems.menuItemvfnxha1hx3.onClick"
            },
            {
              "key": "primaryColumns.customColumn4.menuItems.menuItem54mz4q42yo.onClick"
            },
            {
              "key": "onRowSelected"
            },
            {
              "key": "onPageChange"
            }
          ],
          "displayName": "Table",
          "iconSVG": "/static/media/icon.db8a9cbd.svg",
          "topRow": 1,
          "bottomRow": 53,
          "isSortable": true,
          "parentRowSpace": 10,
          "onPageChange": "{{storeValue('tableaction','onPageChange');test_table_action.run()}}",
          "type": "TABLE_WIDGET",
          "defaultSelectedRow": "0",
          "hideCard": false,
          "animateLoading": true,
          "parentColumnSpace": 20.0625,
          "dynamicTriggerPathList": [
            {
              "key": "primaryColumns.State.onClick"
            },
            {
              "key": "primaryColumns.customColumn4.menuItems.menuItemvfnxha1hx3.onClick"
            },
            {
              "key": "primaryColumns.customColumn4.menuItems.menuItem54mz4q42yo.onClick"
            },
            {
              "key": "onRowSelected"
            },
            {
              "key": "onPageChange"
            }
          ],
          "dynamicBindingPathList": [
            {
              "key": "primaryColumns.postalcode.computedValue"
            },
            {
              "key": "primaryColumns.credit_card.computedValue"
            },
            {
              "key": "primaryColumns.image.computedValue"
            },
            {
              "key": "primaryColumns.job.computedValue"
            },
            {
              "key": "primaryColumns.company.computedValue"
            },
            {
              "key": "primaryColumns.email.computedValue"
            },
            {
              "key": "primaryColumns.phone.computedValue"
            },
            {
              "key": "primaryColumns.longitude.computedValue"
            },
            {
              "key": "primaryColumns.latitude.computedValue"
            },
            {
              "key": "primaryColumns.name.computedValue"
            },
            {
              "key": "primaryColumns.id.computedValue"
            },
            {
              "key": "primaryColumns.CreditLimit.computedValue"
            },
            {
              "key": "primaryColumns.Outstanding.computedValue"
            },
            {
              "key": "primaryColumns.State.computedValue"
            },
            {
              "key": "derivedColumns.customColumn2.computedValue"
            },
            {
              "key": "primaryColumns.customColumn2.computedValue"
            },
            {
              "key": "primaryColumns.State.menuButtonLabel"
            },
            {
              "key": "primaryColumns.State.buttonLabel"
            },
            {
              "key": "primaryColumns.State.buttonColor"
            },
            {
              "key": "derivedColumns.customColumn3.computedValue"
            },
            {
              "key": "primaryColumns.image.menuButtonLabel"
            },
            {
              "key": "primaryColumns.address.computedValue"
            },
            {
              "key": "primaryColumns.ssn.computedValue"
            },
            {
              "key": "derivedColumns.customColumn4.menuButtonLabel"
            },
            {
              "key": "primaryColumns.customColumn4.menuButtonLabel"
            },
            {
              "key": "derivedColumns.customColumn4.menuItems.menuItem2tb33v0gki.label"
            },
            {
              "key": "derivedColumns.customColumn4.menuItems.menuItemq4pwym6y78.label"
            },
            {
              "key": "primaryColumns.customColumn3.computedValue"
            },
            {
              "key": "tableData"
            },
            {
              "key": "derivedColumns.customColumn5.computedValue"
            },
            {
              "key": "primaryColumns.customColumn5.computedValue"
            },
            {
              "key": "derivedColumns.customColumn6.computedValue"
            },
            {
              "key": "primaryColumns.customColumn6.computedValue"
            },
            {
              "key": "derivedColumns.customColumn7.computedValue"
            },
            {
              "key": "primaryColumns.customColumn7.computedValue"
            }
          ],
          "leftColumn": 1,
          "primaryColumns": {
            "id": {
              "index": 0,
              "width": 150,
              "id": "id",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "number",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "id",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.id))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "name": {
              "index": 1,
              "width": 150,
              "id": "name",
              "horizontalAlignment": "CENTER",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "Name",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.name))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "latitude": {
              "index": 3,
              "width": 150,
              "id": "latitude",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": false,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "latitude",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.latitude))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "longitude": {
              "index": 4,
              "width": 150,
              "id": "longitude",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": false,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "longitude",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.longitude))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "phone": {
              "index": 5,
              "width": 150,
              "id": "phone",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "number",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "Phone",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.phone))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "email": {
              "index": 6,
              "width": 150,
              "id": "email",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "email",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.email))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "company": {
              "index": 7,
              "width": 150,
              "id": "company",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "Company",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.company))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "job": {
              "index": 8,
              "width": 150,
              "id": "job",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "job",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.job))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "image": {
              "index": 9,
              "width": 150,
              "id": "image",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "image",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "image",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.image))}}",
              "menuButtonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'Select Action'))}}",
              "menuItems": {
                "menuItem2pk679yg51": {
                  "id": "menuItem2pk679yg51",
                  "label": "Menu Item 1",
                  "widgetId": "wpm0shl7qf",
                  "isDisabled": false,
                  "isVisible": true,
                  "iconName": "add"
                },
                "menuItemqr3v3oluu8": {
                  "id": "menuItemqr3v3oluu8",
                  "label": "Menu Item 2",
                  "widgetId": "s4qzg061rl",
                  "isDisabled": false,
                  "isVisible": true
                },
                "menuItemsjdm3zecpg": {
                  "id": "menuItemsjdm3zecpg",
                  "label": "Menu Item 3",
                  "widgetId": "9cp3cetwrp",
                  "isDisabled": false,
                  "isVisible": true
                },
                "menuItemlqfcpd2q4f": {
                  "id": "menuItemlqfcpd2q4f",
                  "label": "Menu Item 4",
                  "widgetId": "ktpsc5wgzk",
                  "isDisabled": false,
                  "isVisible": true
                }
              },
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49",
              "menuVariant": "PRIMARY",
              "iconName": "glass"
            },
            "credit_card": {
              "index": 12,
              "width": 150,
              "id": "credit_card",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "number",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "Card Number",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( Tableformating.cc_format( currentRow.credit_card)))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "postalcode": {
              "index": 14,
              "width": 150,
              "id": "postalcode",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "Pin Code",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.postalcode))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "CreditLimit": {
              "index": 11,
              "width": 150,
              "id": "CreditLimit",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "CreditLimit",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.CreditLimit))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "Outstanding": {
              "index": 12,
              "width": 150,
              "id": "Outstanding",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "Outstanding",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.Outstanding))}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "State": {
              "index": 13,
              "width": 150,
              "id": "State",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "button",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "State",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.State))}}",
              "buttonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.State == 0 ? \"Deactivate\" : \"Activate\" ))}}",
              "menuButtonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'Open Menu'))}}",
              "buttonColor": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.State == 1 ? \"#03b365\" : \"#DD4B34\"))}}",
              "buttonLabelColor": "",
              "onClick": "{{\nActivateDeactivate.run()}}",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "customColumn2": {
              "index": 15,
              "width": 150,
              "id": "customColumn2",
              "columnType": "number",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "Available Limit",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.CreditLimit - currentRow.Outstanding))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "customColumn3": {
              "index": 15,
              "width": 150,
              "id": "customColumn3",
              "columnType": "image",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "Card Type",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( Tableformating.GetCardType( currentRow.credit_card)))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "address": {
              "index": 2,
              "width": 150,
              "id": "address",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textColor": "#2E3D49",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "address",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.address))}}",
              "cellBackground": "#FFFFFF"
            },
            "ssn": {
              "index": 10,
              "width": 150,
              "id": "ssn",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textColor": "#2E3D49",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": false,
              "label": "ssn",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.ssn))}}",
              "cellBackground": "#FFFFFF"
            },
            "customColumn4": {
              "index": 18,
              "width": 150,
              "id": "customColumn4",
              "columnType": "menuButton",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "Change Credit limit",
              "computedValue": "",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF",
              "menuButtonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'Change Credit Limit'))}}",
              "menuItems": {
                "menuItemvfnxha1hx3": {
                  "id": "menuItemvfnxha1hx3",
                  "label": "AddcreditLimit",
                  "widgetId": "mssq87mlgm",
                  "isDisabled": false,
                  "isVisible": true,
                  "index": 0,
                  "onClick": "{{storeValue('addreduce','0');ChangeCreditlimit.run()}}"
                },
                "menuItem54mz4q42yo": {
                  "id": "menuItem54mz4q42yo",
                  "label": "Reducecreditlimit",
                  "widgetId": "pk39c0raus",
                  "isDisabled": false,
                  "isVisible": true,
                  "index": 1,
                  "onClick": "{{storeValue('addreduce','1');ChangeCreditlimit.run()}}"
                }
              },
              "menuVariant": "PRIMARY"
            },
            "customColumn5": {
              "index": 19,
              "width": 150,
              "id": "customColumn5",
              "columnType": "url",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "imageURL",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.image))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "customColumn6": {
              "index": 20,
              "width": 150,
              "id": "customColumn6",
              "columnType": "text",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "اسم",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.name))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "customColumn7": {
              "index": 21,
              "width": 150,
              "id": "customColumn7",
              "columnType": "text",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "住所",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.address))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            }
          },
          "delimiter": ",",
          "onRowSelected": "{{storeValue('tableaction','onRowSelected');\ntest_table_action.run()}}",
          "key": "7qd84hzfbt",
          "derivedColumns": {
            "customColumn2": {
              "index": 15,
              "width": 150,
              "id": "customColumn2",
              "columnType": "number",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "Available Limit",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.CreditLimit - currentRow.Outstanding))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "customColumn3": {
              "index": 15,
              "width": 150,
              "id": "customColumn3",
              "columnType": "image",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "Card Type",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( Tableformating.GetCardType( currentRow.credit_card)))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF",
              "cellBackground": "#FFFFFF",
              "textColor": "#2E3D49"
            },
            "customColumn4": {
              "index": 18,
              "width": 150,
              "id": "customColumn4",
              "columnType": "menuButton",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "Change Credit limit",
              "computedValue": "",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF",
              "menuButtonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'Change Credit Limit'))}}",
              "menuItems": {
                "menuItem2tb33v0gki": {
                  "iconName": "add",
                  "iconColor": "#03b365",
                  "label": "{{\"Add\"}}"
                },
                "menuItemtfxm672p31": {
                  "label": "Add"
                },
                "menuItemo4wjhr35z6": {
                  "label": "Add"
                },
                "menuItemq4pwym6y78": {
                  "label": "Add {{ \"test  \"}}"
                }
              },
              "menuVariant": "PRIMARY"
            },
            "customColumn5": {
              "index": 19,
              "width": 150,
              "id": "customColumn5",
              "columnType": "url",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "imageURL",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.image))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "customColumn6": {
              "index": 20,
              "width": 150,
              "id": "customColumn6",
              "columnType": "text",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "اسم",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.name))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "customColumn7": {
              "index": 21,
              "width": 150,
              "id": "customColumn7",
              "columnType": "text",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isDisabled": false,
              "isCellVisible": true,
              "isDerived": true,
              "label": "住所",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.address))}}",
              "buttonStyle": "rgb(3, 179, 101)",
              "buttonLabelColor": "#FFFFFF",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            }
          },
          "rightColumn": 44,
          "textSize": "PARAGRAPH",
          "widgetId": "pnv6tpz880",
          "isVisibleFilters": true,
          "tableData": "{{GetCCData.data.body}}",
          "isVisible": true,
          "label": "Data",
          "searchKey": "",
          "enableClientSideSearch": true,
          "version": 3,
          "textColor": "#2E3D49",
          "totalRecordsCount": 0,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "horizontalAlignment": "LEFT",
          "isVisibleSearch": true,
          "isVisiblePagination": true,
          "primaryColumnId": "id",
          "cellBackground": "#FFFFFF",
          "verticalAlignment": "CENTER",
          "columnSizeMap": {
            "task": 245,
            "step": 62,
            "status": 75,
            "id": 60,
            "credit_card": 178,
            "customColumn4": 265
          }
        },
        {
          "widgetName": "Dbg_menu_button",
          "displayName": "Text",
          "iconSVG": "/static/media/icon.97c59b52.svg",
          "topRow": 3,
          "bottomRow": 15,
          "parentRowSpace": 10,
          "type": "TEXT_WIDGET",
          "hideCard": false,
          "animateLoading": true,
          "parentColumnSpace": 20.0625,
          "dynamicTriggerPathList": [],
          "leftColumn": 45,
          "dynamicBindingPathList": [
            {
              "key": "text"
            }
          ],
          "shouldTruncate": false,
          "truncateButtonColor": "#FFC13D",
          "text": "{{ \"CreditLimit:\"+ (String(ChangeCreditlimit.data.args.addreduce) == 0 ? 'Add': 'Reduce')}}",
          "key": "vt94s239nd",
          "rightColumn": 61,
          "textAlign": "LEFT",
          "widgetId": "cgysarp2f8",
          "isVisible": true,
          "fontStyle": "BOLD",
          "textColor": "#231F20",
          "shouldScroll": false,
          "version": 1,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "fontSize": "PARAGRAPH"
        },
        {
          "widgetName": "Form1",
          "backgroundColor": "white",
          "rightColumn": 64,
          "isCanvas": true,
          "displayName": "Form",
          "iconSVG": "/static/media/icon.ea3e08d1.svg",
          "widgetId": "yz6sq7v43u",
          "topRow": 55,
          "bottomRow": 98,
          "parentRowSpace": 10,
          "isVisible": true,
          "type": "FORM_WIDGET",
          "hideCard": false,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "animateLoading": true,
          "parentColumnSpace": 20.0625,
          "leftColumn": 1,
          "children": [
            {
              "widgetName": "Canvas1",
              "rightColumn": 481.5,
              "detachFromLayout": true,
              "displayName": "Canvas",
              "widgetId": "xbau5ckupy",
              "containerStyle": "none",
              "topRow": 0,
              "bottomRow": 420,
              "parentRowSpace": 1,
              "isVisible": true,
              "type": "CANVAS_WIDGET",
              "canExtend": false,
              "version": 1,
              "hideCard": true,
              "parentId": "yz6sq7v43u",
              "minHeight": 400,
              "renderMode": "CANVAS",
              "isLoading": false,
              "parentColumnSpace": 1,
              "leftColumn": 0,
              "children": [
                {
                  "widgetName": "Text1Copy",
                  "displayName": "Text",
                  "iconSVG": "/static/media/icon.97c59b52.svg",
                  "topRow": 6,
                  "bottomRow": 15,
                  "parentRowSpace": 10,
                  "type": "TEXT_WIDGET",
                  "hideCard": false,
                  "animateLoading": true,
                  "parentColumnSpace": 19.4365234375,
                  "dynamicTriggerPathList": [],
                  "leftColumn": 0,
                  "dynamicBindingPathList": [
                    {
                      "key": "text"
                    }
                  ],
                  "shouldTruncate": false,
                  "truncateButtonColor": "#FFC13D",
                  "text": "{{Table1.selectedRow.address}}",
                  "key": "vt94s239nd",
                  "rightColumn": 14,
                  "textAlign": "LEFT",
                  "widgetId": "qg7myxcdab",
                  "isVisible": true,
                  "fontStyle": "BOLD",
                  "textColor": "#231F20",
                  "shouldScroll": false,
                  "version": 1,
                  "parentId": "xbau5ckupy",
                  "renderMode": "CANVAS",
                  "isLoading": false,
                  "fontSize": "PARAGRAPH"
                },
                {
                  "widgetName": "Text1",
                  "displayName": "Text",
                  "iconSVG": "/static/media/icon.97c59b52.svg",
                  "topRow": 1,
                  "bottomRow": 5,
                  "parentRowSpace": 10,
                  "type": "TEXT_WIDGET",
                  "hideCard": false,
                  "animateLoading": true,
                  "parentColumnSpace": 19.4365234375,
                  "dynamicTriggerPathList": [],
                  "leftColumn": 0,
                  "dynamicBindingPathList": [
                    {
                      "key": "text"
                    }
                  ],
                  "shouldTruncate": false,
                  "truncateButtonColor": "#FFC13D",
                  "text": "{{Table1.selectedRow.credit_card}}",
                  "key": "vt94s239nd",
                  "rightColumn": 14,
                  "textAlign": "LEFT",
                  "widgetId": "z9tk4bnxnj",
                  "isVisible": true,
                  "fontStyle": "BOLD",
                  "textColor": "#231F20",
                  "shouldScroll": false,
                  "version": 1,
                  "parentId": "xbau5ckupy",
                  "renderMode": "CANVAS",
                  "isLoading": false,
                  "fontSize": "PARAGRAPH"
                },
                {
                  "zoomLevel": 50,
                  "widgetName": "Map1",
                  "defaultMarkers": "[\n  {\n    \"lat\": {{Table1.selectedRow.latitude}},\n    \"long\": {{Table1.selectedRow.longitude}},\n    \"title\": \"Location1\"\n  }\n]",
                  "displayName": "Map",
                  "iconSVG": "/static/media/icon.ddde7d1b.svg",
                  "topRow": 0,
                  "bottomRow": 40,
                  "parentRowSpace": 10,
                  "type": "MAP_WIDGET",
                  "hideCard": false,
                  "animateLoading": true,
                  "allowZoom": true,
                  "parentColumnSpace": 19.4365234375,
                  "dynamicTriggerPathList": [],
                  "leftColumn": 14,
                  "dynamicBindingPathList": [
                    {
                      "key": "defaultMarkers"
                    }
                  ],
                  "enablePickLocation": false,
                  "mapCenter": {
                    "lat": 25.122,
                    "long": 50.132
                  },
                  "isClickedMarkerCentered": true,
                  "isDisabled": false,
                  "enableSearch": false,
                  "key": "x7k7du2qr4",
                  "rightColumn": 38,
                  "widgetId": "dpqon94e26",
                  "isVisible": true,
                  "version": 1,
                  "parentId": "xbau5ckupy",
                  "renderMode": "CANVAS",
                  "isLoading": false
                }
              ],
              "key": "4d43dr32dp"
            }
          ],
          "key": "z48p7vhfdv"
        },
        {
          "widgetName": "Text2",
          "displayName": "Text",
          "iconSVG": "/static/media/icon.97c59b52.svg",
          "topRow": 34,
          "bottomRow": 38,
          "parentRowSpace": 10,
          "type": "TEXT_WIDGET",
          "hideCard": false,
          "animateLoading": true,
          "parentColumnSpace": 20,
          "dynamicTriggerPathList": [],
          "leftColumn": 45,
          "dynamicBindingPathList": [
            {
              "key": "text"
            }
          ],
          "shouldTruncate": false,
          "truncateButtonColor": "#FFC13D",
          "text": "{{String(test_table_action.data.args.tableaction)}}",
          "key": "4tycqxjg32",
          "rightColumn": 61,
          "textAlign": "LEFT",
          "widgetId": "5uvjnmbeo6",
          "isVisible": true,
          "fontStyle": "BOLD",
          "textColor": "#231F20",
          "shouldScroll": false,
          "version": 1,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "fontSize": "PARAGRAPH"
        }
      ]
    }
  }